@anoki/fse-ui 2.1.0-SNAPSHOT1.8 → 2.1.0-SNAPSHOT10

package/dist/index.es223.js

@@ -1,39 +1,40 @@
-import { j as l } from "./index.es249.js";
-import { clsx as x } from "./index.es251.js";
+import { j as i } from "./index.es249.js";
+import { clsx as d } from "./index.es251.js";
 import { createColorClasses as h } from "./index.es283.js";
-const p = ({
-  width: s = 73,
+import { useId as x } from "react";
+const w = ({
+  width: e = 73,
   height: r = 73,
-  className: e,
-  color: t,
-  onClick: c,
-  decorative: i = !1,
+  className: t,
+  color: c,
+  onClick: o,
+  decorative: l = !1,
   ariaLabel: a = "Play video"
 }) => {
-  const o = h({ color: t });
-  return /* @__PURE__ */ l.jsxs(
+  const s = `clip0_${x()}`, n = h({ color: c });
+  return /* @__PURE__ */ i.jsxs(
     "svg",
     {
-      width: s,
+      width: e,
       height: r,
       viewBox: "0 0 73 73",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: x(e, o),
-      onClick: c,
-      "aria-hidden": i,
-      "aria-label": i ? void 0 : a,
+      className: d(t, n),
+      onClick: o,
+      "aria-hidden": l,
+      "aria-label": l ? void 0 : a,
       children: [
-        /* @__PURE__ */ l.jsx("circle", { cx: "36.5", cy: "36.627", r: "36", fill: "white", fillOpacity: "0.3" }),
-        /* @__PURE__ */ l.jsx("circle", { cx: "36.4991", cy: "36.628", r: "29.0323", fill: "white" }),
-        /* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_16404_113675)", children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ i.jsx("circle", { cx: "36.5", cy: "36.627", r: "36", fill: "white", fillOpacity: "0.3" }),
+        /* @__PURE__ */ i.jsx("circle", { cx: "36.4991", cy: "36.628", r: "29.0323", fill: "white" }),
+        /* @__PURE__ */ i.jsx("g", { clipPath: `url(#${s})`, children: /* @__PURE__ */ i.jsx(
           "path",
           {
             d: "M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z",
             fill: "#0066CC"
           }
         ) }),
-        /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_16404_113675", children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("clipPath", { id: s, children: /* @__PURE__ */ i.jsx(
           "rect",
           {
             width: "18.5886",
@@ -47,6 +48,6 @@ const p = ({
   );
 };
 export {
-  p as PlayVideo
+  w as PlayVideo
 };
 //# sourceMappingURL=index.es223.js.map

package/dist/index.es223.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es223.js","sources":["../src/icons/PlayVideo/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const PlayVideo = ({\r\n  width = 73,\r\n  height = 73,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Play video\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 73 73\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <circle cx=\"36.5\" cy=\"36.627\" r=\"36\" fill=\"white\" fillOpacity=\"0.3\" />\r\n      <circle cx=\"36.4991\" cy=\"36.628\" r=\"29.0323\" fill=\"white\" />\r\n      <g clipPath=\"url(#clip0_16404_113675)\">\r\n        <path\r\n          d=\"M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z\"\r\n          fill=\"#0066CC\"\r\n        />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"clip0_16404_113675\">\r\n          <rect\r\n            width=\"18.5886\"\r\n            height=\"24.8848\"\r\n            fill=\"white\"\r\n            transform=\"translate(29.2402 24.1836)\"\r\n          />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["PlayVideo","width","height","className","color","onClick","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,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAA,UAAA,EAAO,IAAG,QAAO,IAAG,UAAS,GAAE,MAAK,MAAK,SAAQ,aAAY,MAAM,CAAA;AAAA,QACpEA,gBAAAA,EAAAA,IAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,QAC1DA,gBAAAA,EAAAA,IAAC,KAAE,EAAA,UAAS,4BACV,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAG,sBACX,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,WAEd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es223.js","sources":["../src/icons/PlayVideo/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\nimport { useId } from \"react\";\r\n\r\nexport const PlayVideo = ({\r\n  width = 73,\r\n  height = 73,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Play video\",\r\n}: IconProps) => {\r\n  const uniqueId = useId();\r\n  const clipPathId = `clip0_${uniqueId}`;\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 73 73\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <circle cx=\"36.5\" cy=\"36.627\" r=\"36\" fill=\"white\" fillOpacity=\"0.3\" />\r\n      <circle cx=\"36.4991\" cy=\"36.628\" r=\"29.0323\" fill=\"white\" />\r\n      <g clipPath={`url(#${clipPathId})`}>\r\n        <path\r\n          d=\"M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z\"\r\n          fill=\"#0066CC\"\r\n        />\r\n      </g>\r\n      <defs>\r\n        <clipPath id={clipPathId}>\r\n          <rect\r\n            width=\"18.5886\"\r\n            height=\"24.8848\"\r\n            fill=\"white\"\r\n            transform=\"translate(29.2402 24.1836)\"\r\n          />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["PlayVideo","width","height","className","color","onClick","decorative","ariaLabel","clipPathId","useId","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;;AAKO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AAET,QAAAC,IAAa,SADFC,EAAM,CACa,IAC9BC,IAAUC,EAAmB,EAAE,OAAAP,GAAO;AAG1C,SAAAQ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWW,EAAKV,GAAWO,CAAO;AAAA,MAClC,SAAAL;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACO,gBAAAA,EAAAA,IAAA,UAAA,EAAO,IAAG,QAAO,IAAG,UAAS,GAAE,MAAK,MAAK,SAAQ,aAAY,MAAM,CAAA;AAAA,QACpEA,gBAAAA,EAAAA,IAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,QACzDA,gBAAAA,MAAA,KAAA,EAAE,UAAU,QAAQN,CAAU,KAC7B,UAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAIN,GACZ,UAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,WAEd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es267.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es531.js";
-import { m as l } from "./index.es530.js";
+import { c as w } from "./index.es532.js";
+import { m as l } from "./index.es531.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es268.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es532.js";
-import { c as F } from "./index.es531.js";
-import { m, a as E, f as T, h as S } from "./index.es530.js";
+import { c as $ } from "./index.es533.js";
+import { c as F } from "./index.es532.js";
+import { m, a as E, f as T, h as S } from "./index.es531.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es269.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es529.js";
-import { c as y } from "./index.es532.js";
-import { c as K, m as n, h as j } from "./index.es530.js";
+import { g as F } from "./index.es530.js";
+import { c as y } from "./index.es533.js";
+import { c as K, m as n, h as j } from "./index.es531.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es32.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
+import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useState as o, useRef as b } from "react";
 import { Root as N, Indicator as d } from "./index.es312.js";
 import { useClickOutside as C } from "./index.es313.js";

package/dist/index.es323.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es498.js";
+import { useCopyToClipboard as c } from "./index.es500.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es33.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
+import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useRef as j } from "react";
 import { Root as w, Indicator as b } from "./index.es312.js";
 import { useClickOutside as N } from "./index.es313.js";

package/dist/index.es330.js

@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es473.js";
 import { createContextScope as B, createContext as H } from "./index.es474.js";
 import { useId as x } from "./index.es478.js";
 import { useControllableState as V } from "./index.es475.js";
-import { DismissableLayer as q } from "./index.es488.js";
-import { FocusScope as K } from "./index.es489.js";
-import { Portal as U } from "./index.es490.js";
+import { DismissableLayer as q } from "./index.es485.js";
+import { FocusScope as K } from "./index.es486.js";
+import { Portal as U } from "./index.es487.js";
 import { Presence as R } from "./index.es484.js";
 import { Primitive as m } from "./index.es476.js";
-import { useFocusGuards as Y } from "./index.es491.js";
-import Z from "./index.es492.js";
-import { hideOthers as z } from "./index.es493.js";
-import { createSlot as J } from "./index.es494.js";
+import { useFocusGuards as Y } from "./index.es488.js";
+import Z from "./index.es489.js";
+import { hideOthers as z } from "./index.es490.js";
+import { createSlot as J } from "./index.es491.js";
 import { j as i } from "./index.es249.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es34.js

@@ -7,7 +7,7 @@ import { Ellipse as d } from "./index.es164.js";
 const b = ({
   title: s,
   href: i,
-  titleTag: t = "h1",
+  titleTag: t = "h2",
   asLink: c = "a",
   className: n,
   iconType: o = "icon1"

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/CardService/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Ellipse } from \"@/icons\";\nimport { Ellipse2 } from \"@/icons\";\nimport { Ellipse3 } from \"@/icons\";\nimport { ComponentType } from \"react\";\nimport \"./CardService.scss\";\nimport { HeadingLevel } from \"@/types/headings\";\n\nexport type CardServiceProps = {\n  title: string;\n  href?: string;\n  titleTag: HeadingLevel;\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  iconType?: \"icon1\" | \"icon2\" | \"icon3\";\n};\n\nexport const CardService = ({\n  title,\n  href,\n  titleTag: TitleTag = \"h1\",\n  asLink = \"a\",\n  className,\n  iconType = \"icon1\",\n}: CardServiceProps) => {\n  const getIcon = (type: string) => {\n    switch (type) {\n      case \"icon1\":\n        return <Ellipse />;\n      case \"icon2\":\n        return <Ellipse2 />;\n      case \"icon3\":\n        return <Ellipse3 />;\n      default:\n        return null;\n    }\n  };\n\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent className={\" text-decoration-none\"} href={href}>\n      <div\n        className={clsx(\n          className,\n          \"ui-service-card\",\n          \"bg-primary br-x4 py-x24 pl-x24 w-full shadow \",\n        )}\n      >\n        <TitleTag className=\"flex-1 h-full base-row align-items-center fs-5 md-fs-4 text-white fw-semibold \">\n          {title}\n        </TitleTag>\n        <div className={clsx(\"ui-service-card-icon\")}>\n          <span>{getIcon(iconType)}</span>\n        </div>\n      </div>\n    </LinkComponent>\n  );\n};\n"],"names":["CardService","title","href","TitleTag","asLink","className","iconType","getIcon","type","Ellipse","Ellipse2","Ellipse3","LinkComponent","jsx","jsxs","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAwB;AAChB,QAAAC,IAAU,CAACC,MAAiB;AAChC,YAAQA,GAAM;AAAA,MACZ,KAAK;AACH,qCAAQC,GAAQ,EAAA;AAAA,MAClB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAEMC,IAAgBR;AACtB,SACGS,gBAAAA,EAAAA,IAAAD,GAAA,EAAc,WAAW,yBAAyB,MAAAV,GACjD,UAAAY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACQ,gBAAAA,EAAA,IAAAV,GAAA,EAAS,WAAU,kFACjB,UACHF,GAAA;AAAA,QACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWE,EAAK,sBAAsB,GACzC,UAAAF,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAQD,CAAQ,EAAE,CAAA,EAC3B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/CardService/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Ellipse } from \"@/icons\";\nimport { Ellipse2 } from \"@/icons\";\nimport { Ellipse3 } from \"@/icons\";\nimport { ComponentType } from \"react\";\nimport \"./CardService.scss\";\nimport { HeadingLevel } from \"@/types/headings\";\n\nexport type CardServiceProps = {\n  title: string;\n  href?: string;\n  titleTag: HeadingLevel;\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  iconType?: \"icon1\" | \"icon2\" | \"icon3\";\n};\n\nexport const CardService = ({\n  title,\n  href,\n  titleTag: TitleTag = \"h2\",\n  asLink = \"a\",\n  className,\n  iconType = \"icon1\",\n}: CardServiceProps) => {\n  const getIcon = (type: string) => {\n    switch (type) {\n      case \"icon1\":\n        return <Ellipse />;\n      case \"icon2\":\n        return <Ellipse2 />;\n      case \"icon3\":\n        return <Ellipse3 />;\n      default:\n        return null;\n    }\n  };\n\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent className={\" text-decoration-none\"} href={href}>\n      <div\n        className={clsx(\n          className,\n          \"ui-service-card\",\n          \"bg-primary br-x4 py-x24 pl-x24 w-full shadow \",\n        )}\n      >\n        <TitleTag className=\"flex-1 h-full base-row align-items-center fs-5 md-fs-4 text-white fw-semibold \">\n          {title}\n        </TitleTag>\n        <div className={clsx(\"ui-service-card-icon\")}>\n          <span>{getIcon(iconType)}</span>\n        </div>\n      </div>\n    </LinkComponent>\n  );\n};\n"],"names":["CardService","title","href","TitleTag","asLink","className","iconType","getIcon","type","Ellipse","Ellipse2","Ellipse3","LinkComponent","jsx","jsxs","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAwB;AAChB,QAAAC,IAAU,CAACC,MAAiB;AAChC,YAAQA,GAAM;AAAA,MACZ,KAAK;AACH,qCAAQC,GAAQ,EAAA;AAAA,MAClB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAEMC,IAAgBR;AACtB,SACGS,gBAAAA,EAAAA,IAAAD,GAAA,EAAc,WAAW,yBAAyB,MAAAV,GACjD,UAAAY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACQ,gBAAAA,EAAA,IAAAV,GAAA,EAAS,WAAU,kFACjB,UACHF,GAAA;AAAA,QACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWE,EAAK,sBAAsB,GACzC,UAAAF,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAQD,CAAQ,EAAE,CAAA,EAC3B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es359.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es359.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\ntype TitleProps = {\n  className?: 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  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      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","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;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es359.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;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es379.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es620.js";
-import { extractProps as i } from "./index.es623.js";
-import { requireReactElement as a } from "./index.es628.js";
-import { popoverContentPropDefs as l } from "./index.es629.js";
-import { Theme as f } from "./index.es630.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es631.js";
+import c from "./index.es621.js";
+import { extractProps as i } from "./index.es624.js";
+import { requireReactElement as a } from "./index.es629.js";
+import { popoverContentPropDefs as l } from "./index.es630.js";
+import { Theme as f } from "./index.es631.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es632.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)));

package/dist/index.es380.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es620.js";
-import { BaseButton as m } from "./index.es621.js";
+import r from "./index.es621.js";
+import { BaseButton as m } from "./index.es622.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es402.js

@@ -3,7 +3,7 @@ import { createContextScope as T } from "./index.es474.js";
 import { useComposedRefs as A } from "./index.es473.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es330.js";
 import { composeEventHandlers as F } from "./index.es472.js";
-import { createSlottable as G } from "./index.es494.js";
+import { createSlottable as G } from "./index.es491.js";
 import { j as i } from "./index.es249.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es408.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es515.js";
+import { __require as r } from "./index.es516.js";
 var i = r();
 export {
   i as F

package/dist/index.es41.js

@@ -1,129 +1,136 @@
-import { j as e } from "./index.es249.js";
+import { j as t } from "./index.es249.js";
+import { ArrowDown as P } from "./index.es160.js";
+import { RichText as _ } from "./index.es142.js";
 import { clsx as i } from "./index.es251.js";
+import { useState as c, useRef as D } from "react";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
-import { ArrowDown as T } from "./index.es160.js";
-import { useState as c, useRef as P } from "react";
-import { RichText as D } from "./index.es142.js";
-import { VIDEO_PLAYER_SIZE as t } from "./index.es42.js";
+import { VIDEO_PLAYER_SIZE as e } from "./index.es42.js";
 import { Col as V } from "./index.es10.js";
-import { PlayVideo as _ } from "./index.es223.js";
-const k = {
-  [t.SMALL]: {
+import { PlayVideo as G } from "./index.es223.js";
+const M = {
+  [e.SMALL]: {
     width: "311px"
   },
-  [t.MEDIUM]: {
+  [e.MEDIUM]: {
     width: "388px"
   },
-  [t.LARGE]: {
+  [e.LARGE]: {
     width: "642px"
   },
-  [t.EXTRA_LARGE]: {
+  [e.EXTRA_LARGE]: {
     width: "992px"
   },
-  [t.FULL_WIDTH]: {
+  [e.FULL_WIDTH]: {
     width: "100%"
   },
-  [t.VERTICAL]: {
+  [e.VERTICAL]: {
     width: "360px"
   }
 }, S = {
-  [t.SMALL]: {
+  [e.SMALL]: {
     heightImg: "170px"
   },
-  [t.MEDIUM]: {
+  [e.MEDIUM]: {
     heightImg: "183px"
   },
-  [t.LARGE]: {
+  [e.LARGE]: {
     heightImg: "357px"
   },
-  [t.EXTRA_LARGE]: {
+  [e.EXTRA_LARGE]: {
     heightImg: "400px"
   },
-  [t.VERTICAL]: {
+  [e.VERTICAL]: {
     heightImg: "640px"
   },
-  [t.FULL_WIDTH]: {
+  [e.FULL_WIDTH]: {
     heightImg: "525px"
   }
-}, Y = ({
-  btnText: f = "Trascrizione",
-  sizeComp: n = t.LARGE,
+}, $ = ({
+  btnText: b = "Trascrizione",
+  sizeComp: n = e.LARGE,
   transcription: l,
   previewImageSrc: d,
-  videoSrc: y,
-  playButtonLabel: x = "Riproduci",
-  videoAriaLabel: b = "Video player"
+  videoSrc: x,
+  videoTitle: h,
+  videoLang: p,
+  playButtonLabel: j = "Riproduci",
+  videoAriaLabel: v = "Video player"
 }) => {
-  const [h, v] = c(!1), [r, j] = c(!1), { width: p } = k[n], { heightImg: E } = S[n], [a, w] = c(!1), m = P(null), s = n === t.VERTICAL, L = n === t.EXTRA_LARGE || n === t.FULL_WIDTH, u = s ? "642px" : p, I = s ? "640px" : E, R = s ? "360px" : p, A = async (o) => {
+  const [m, E] = c(!1), [s, L] = c(!1), { width: u } = M[n], { heightImg: w } = S[n], [r, I] = c(!1), g = D(null), a = n === e.VERTICAL, R = n === e.EXTRA_LARGE || n === e.FULL_WIDTH, f = a ? "642px" : u, A = a ? "640px" : w, N = a ? "360px" : u, T = async (o) => {
     o && (o.preventDefault(), o.stopPropagation());
-    const g = m.current;
-    if (!g) {
+    const y = g.current;
+    if (!y) {
       console.error("no video element found");
       return;
     }
     try {
-      r || (j(!0), v(!0), await g.play());
-    } catch (N) {
-      console.error("Error controlling video:", N);
+      s || (L(!0), E(!0), await y.play());
+    } catch (k) {
+      console.error("Error controlling video:", k);
     }
   };
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ t.jsxs(
     V,
     {
       br: "x4",
-      style: { width: u },
+      style: { width: f },
       className: i("video-section-container"),
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: "video-player-container",
             style: {
-              height: I,
-              width: R,
-              ...s && { alignSelf: "center" }
+              height: A,
+              width: N,
+              ...a && { alignSelf: "center" }
             },
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   className: i("start-video-container", {
-                    "fade-out": h || r
+                    "fade-out": m || s
                   }),
                   style: {
-                    backgroundImage: d && !r ? `url("${d}")` : "none",
-                    display: r ? "none" : "block"
+                    backgroundImage: d && !s ? `url("${d}")` : "none",
+                    display: s ? "none" : "block"
                   },
-                  onClick: (o) => A(o),
-                  "aria-label": x,
+                  onClick: (o) => T(o),
                   type: "button",
-                  children: /* @__PURE__ */ e.jsxs("div", { className: i("play-button-container", { hidden: h }), children: [
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(_, { decorative: !0 }) }),
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-text", "aria-hidden": "true", children: x })
+                  children: /* @__PURE__ */ t.jsxs("div", { className: i("play-button-container", { hidden: m }), children: [
+                    /* @__PURE__ */ t.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ t.jsx(G, { decorative: !0 }) }),
+                    /* @__PURE__ */ t.jsx("div", { className: "play-button-text", children: j })
                   ] })
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "video-container", children: /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx("div", { className: "video-container", children: /* @__PURE__ */ t.jsxs(
                 "video",
                 {
-                  ref: m,
+                  ref: g,
                   controls: !0,
-                  src: y || void 0,
-                  "aria-label": b
+                  src: x || void 0,
+                  "aria-label": v,
+                  title: h || void 0,
+                  children: [
+                    /* @__PURE__ */ t.jsx("source", { src: x || void 0 }),
+                    p && /* @__PURE__ */ t.jsx("track", { kind: "subtitles", src: "subtitles_en.vtt", srcLang: p === "italiano" ? "it" : "en" }),
+                    " "
+                  ]
                 }
               ) })
             ]
           }
         ),
-        l && /* @__PURE__ */ e.jsxs(
+        l && /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: i(
-              L ? "transcription-container" : "ui-has-border-bottom"
+              R ? "transcription-container" : "ui-has-border-bottom"
             ),
-            style: { width: u },
+            style: { width: f },
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   className: i(
@@ -131,7 +138,7 @@ const k = {
                     "accordion",
                     "base-row justify-content-between align-items-center"
                   ),
-                  children: /* @__PURE__ */ e.jsxs(
+                  children: /* @__PURE__ */ t.jsxs(
                     "button",
                     {
                       className: i(
@@ -139,24 +146,24 @@ const k = {
                         "base-row justify-content-between align-items-center"
                       ),
                       type: "button",
-                      onClick: () => w(!a),
-                      "aria-expanded": a,
+                      onClick: () => I(!r),
+                      "aria-expanded": r,
                       "aria-controls": "transcription-content",
                       children: [
-                        /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ t.jsx(
                           "span",
                           {
                             className: i(
                               "fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"
                             ),
-                            children: f
+                            children: b
                           }
                         ),
-                        /* @__PURE__ */ e.jsx(
-                          T,
+                        /* @__PURE__ */ t.jsx(
+                          P,
                           {
                             color: "primary",
-                            className: i("ui-arrow", { expanded: a }),
+                            className: i("ui-arrow", { expanded: r }),
                             decorative: !0
                           }
                         )
@@ -165,7 +172,7 @@ const k = {
                   )
                 }
               ),
-              a && /* @__PURE__ */ e.jsx(
+              r && /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   id: "transcription-content",
@@ -173,8 +180,8 @@ const k = {
                     "transcription-text-container",
                     "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
                   ),
-                  children: /* @__PURE__ */ e.jsx(
-                    D,
+                  children: /* @__PURE__ */ t.jsx(
+                    _,
                     {
                       additionalClass: "text-black text-charcoal-dust rich-text-element",
                       classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
@@ -191,7 +198,7 @@ const k = {
   );
 };
 export {
-  t as VIDEO_PLAYER_SIZE,
-  Y as VideoPlayer
+  e as VIDEO_PLAYER_SIZE,
+  $ as VideoPlayer
 };
 //# sourceMappingURL=index.es41.js.map

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState, useRef } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          aria-label={playButtonLabel}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\" aria-hidden=\"true\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.es420.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es620.js";
-import { scrollAreaPropDefs as r } from "./index.es632.js";
-import { extractMarginProps as E } from "./index.es633.js";
-import { getMarginStyles as z } from "./index.es634.js";
-import { getResponsiveClassNames as i } from "./index.es635.js";
-import { getSubtree as C } from "./index.es636.js";
-import { mergeStyles as R } from "./index.es637.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es638.js";
+import l from "./index.es621.js";
+import { scrollAreaPropDefs as r } from "./index.es633.js";
+import { extractMarginProps as E } from "./index.es634.js";
+import { getMarginStyles as z } from "./index.es635.js";
+import { getResponsiveClassNames as i } from "./index.es636.js";
+import { getSubtree as C } from "./index.es637.js";
+import { mergeStyles as R } from "./index.es638.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es639.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));