@anoki/fse-ui 1.10.1-RC2.3 → 1.10.1-RC2.5

package/dist/index.es41.js

@@ -1,13 +1,14 @@
-import { j as e } from "./index.es247.js";
+import { j as e } from "./index.es246.js";
 import { clsx as i } from "./index.es248.js";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
-import { ArrowDown as b } from "./index.es160.js";
-import { useState as l, useRef as j } from "react";
-import { RichText as N } from "./index.es142.js";
-import { Col as k } from "./index.es10.js";
-import { PlayVideo as T } from "./index.es223.js";
-var C = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.EXTRA_LARGE = "extra-large", t.VERTICAL = "vertical", t.FULL_WIDTH = "full-width", t))(C || {});
-const R = {
+import { ArrowDown as G } from "./index.es159.js";
+import { useState as l, useRef as L } from "react";
+import { RichText as U } from "./index.es141.js";
+import { Divider as A } from "./index.es137.js";
+import { Col as C } from "./index.es10.js";
+import { PlayVideo as F } from "./index.es222.js";
+var I = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.EXTRA_LARGE = "extra-large", t.VERTICAL = "vertical", t.FULL_WIDTH = "full-width", t))(I || {});
+const X = {
   small: {
     width: "311px"
   },
@@ -15,7 +16,7 @@ const R = {
     width: "388px"
   },
   large: {
-    width: "666px"
+    width: "642px"
   },
   "extra-large": {
     width: "992px"
@@ -26,7 +27,7 @@ const R = {
   vertical: {
     width: "360px"
   }
-}, M = {
+}, $ = {
   small: {
     heightImg: "170px"
   },
@@ -34,7 +35,7 @@ const R = {
     heightImg: "183px"
   },
   large: {
-    heightImg: "371px"
+    heightImg: "357px"
   },
   "extra-large": {
     heightImg: "400px"
@@ -45,134 +46,159 @@ const R = {
   "full-width": {
     heightImg: "525px"
   }
-}, I = ({
+}, O = ({
   btnText: t = "Trascrizione",
-  sizeComp: o = "large",
-  transcription: n,
-  previewImageSrc: c,
-  videoSrc: d
+  sizeComp: r = "large",
+  transcription: c,
+  previewImageSrc: d,
+  videoSrc: v,
+  playButtonLabel: x = "Riproduci",
+  videoAriaLabel: y = "Video player",
+  transcriptionHeading: h,
+  transcriptionHeadingLevel: b = "h3"
 }) => {
-  const [x, p] = l(!1), [r, u] = l(!1), { width: g } = R[o], { heightImg: f } = M[o], [s, y] = l(!1), m = j(null), v = async (a) => {
-    a && (a.preventDefault(), a.stopPropagation());
-    const h = m.current;
-    if (!h) {
+  const [m, w] = l(!1), [o, j] = l(!1), { width: p } = X[r], { heightImg: N } = $[r], [a, k] = l(!1), u = L(null), s = r === "vertical", T = r === "extra-large" || r === "full-width", g = s ? "642px" : p, R = s ? "640px" : N, H = s ? "360px" : p, M = b, P = async (n) => {
+    n && (n.preventDefault(), n.stopPropagation());
+    const f = u.current;
+    if (!f) {
       console.error("no video element found");
       return;
     }
     try {
-      r || (u(!0), p(!0), await h.play());
-    } catch (w) {
-      console.error("Error controlling video:", w);
+      o || (j(!0), w(!0), await f.play());
+    } catch (W) {
+      console.error("Error controlling video:", W);
     }
   };
   return /* @__PURE__ */ e.jsxs(
-    k,
+    C,
     {
       br: "x4",
       style: { width: g },
-      className: i(
-        "shadow",
-        s && "ui-expanded",
-        "video-section-container"
-      ),
+      className: i(a && "ui-expanded", "video-section-container"),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "video-player-container", style: { height: f }, children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: i("start-video-container", {
-                "fade-out": x || r
-              }),
-              style: {
-                backgroundImage: c && !r ? `url("${c}")` : "none",
-                display: r ? "none" : "block"
-              },
-              onClick: (a) => v(a),
-              children: /* @__PURE__ */ e.jsxs(
-                "div",
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "video-player-container",
+            style: {
+              height: R,
+              width: H,
+              ...s && { alignSelf: "center" }
+            },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "button",
                 {
-                  className: i("play-button-container", { hidden: x }),
-                  children: [
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(T, {}) }),
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-text", children: "Riproduci" })
-                  ]
+                  className: i("start-video-container", {
+                    "fade-out": m || o
+                  }),
+                  style: {
+                    backgroundImage: d && !o ? `url("${d}")` : "none",
+                    display: o ? "none" : "block"
+                  },
+                  onClick: (n) => P(n),
+                  "aria-label": x,
+                  type: "button",
+                  children: /* @__PURE__ */ e.jsxs("div", { className: i("play-button-container", { hidden: m }), children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(F, { decorative: !0 }) }),
+                    /* @__PURE__ */ e.jsx("div", { className: "play-button-text", "aria-hidden": "true", children: x })
+                  ] })
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsx("div", { className: "video-container", children: /* @__PURE__ */ e.jsx(
-            "video",
-            {
-              ref: m,
-              controls: !0,
-              src: d !== "" ? d : void 0
-            }
-          ) })
-        ] }),
-        n && /* @__PURE__ */ e.jsxs("div", { className: "transcription-container", children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: i(
-                "expand-button-container",
-                "accordion",
-                "base-row justify-content-between align-items-center px-x24 w-full flex-1"
               ),
-              children: /* @__PURE__ */ e.jsxs(
-                "button",
+              /* @__PURE__ */ e.jsx("div", { className: "video-container", children: /* @__PURE__ */ e.jsx(
+                "video",
+                {
+                  ref: u,
+                  controls: !0,
+                  src: v || void 0,
+                  "aria-label": y
+                }
+              ) })
+            ]
+          }
+        ),
+        c && /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: i(
+              T ? "transcription-container" : "ui-has-border-bottom"
+            ),
+            style: { width: g },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
                 {
                   className: i(
-                    "ui-btn-accordion-video",
+                    "expand-button-container",
+                    "accordion",
                     "base-row justify-content-between align-items-center"
                   ),
-                  type: "button",
-                  onClick: () => y(!s),
-                  children: [
-                    /* @__PURE__ */ e.jsx(
-                      "span",
-                      {
-                        className: i(
-                          "fw-semibold text-primary base-col justify-content-center"
+                  children: /* @__PURE__ */ e.jsxs(
+                    "button",
+                    {
+                      className: i(
+                        "ui-btn-accordion-video",
+                        "base-row justify-content-between align-items-center"
+                      ),
+                      type: "button",
+                      onClick: () => k(!a),
+                      "aria-expanded": a,
+                      "aria-controls": "transcription-content",
+                      children: [
+                        /* @__PURE__ */ e.jsx(
+                          "span",
+                          {
+                            className: i(
+                              "fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"
+                            ),
+                            children: t
+                          }
                         ),
-                        children: t
-                      }
-                    ),
+                        /* @__PURE__ */ e.jsx(
+                          G,
+                          {
+                            color: "primary",
+                            className: i("ui-arrow", { expanded: a }),
+                            decorative: !0
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ),
+              a && /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  id: "transcription-content",
+                  className: i(
+                    "transcription-text-container",
+                    "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
+                  ),
+                  children: [
+                    h && /* @__PURE__ */ e.jsx(M, { className: "visually-hidden", children: h }),
                     /* @__PURE__ */ e.jsx(
-                      b,
+                      U,
                       {
-                        color: "primary",
-                        className: i("ui-arrow", { expanded: s })
+                        additionalClass: "text-black text-charcoal-dust rich-text-element",
+                        classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
+                        description: c
                       }
                     )
                   ]
                 }
-              )
-            }
-          ),
-          s && n && /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: i(
-                "transcription-text-container",
-                "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
               ),
-              children: /* @__PURE__ */ e.jsx(
-                N,
-                {
-                  additionalClass: "text-black text-charcoal-dust rich-text-element",
-                  classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
-                  description: n
-                }
-              )
-            }
-          )
-        ] })
+              /* @__PURE__ */ e.jsx(A, {})
+            ]
+          }
+        )
       ]
     }
   );
 };
 export {
-  C as VIDEO_PLAYER_SIZE,
-  I as VideoPlayer
+  I as VIDEO_PLAYER_SIZE,
+  O 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\n\r\nexport 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\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: \"666px\",\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: \"371px\",\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\ntype 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};\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}: 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 handlePlay = async (e?: React.MouseEvent) => {\r\n    // Prevent event propagation to avoid conflicts with native video controls\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: width }}\r\n      className={clsx(\r\n        \"shadow\",\r\n        isExpanded && \"ui-expanded\",\r\n        \"video-section-container\",\r\n      )}\r\n    >\r\n      <div className=\"video-player-container\" style={{ height: heightImg }}>\r\n        <div\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        >\r\n          <div\r\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\r\n          >\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo />\r\n            </div>\r\n            <div className=\"play-button-text\">Riproduci</div>\r\n          </div>\r\n        </div>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc !== \"\" ? videoSrc : undefined}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div className=\"transcription-container\">\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 px-x24 w-full flex-1\",\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            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center\",\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              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && transcription && (\r\n            <div\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"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","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 clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState, useRef } from \"react\";\r\nimport { Col, Divider } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { RichText } from \"@/sections/RichText\";\r\n\r\nexport 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\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\ntype 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  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\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  transcriptionHeading,\r\n  transcriptionHeadingLevel = \"h3\",\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  const TranscriptionHeading = transcriptionHeadingLevel;\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(isExpanded && \"ui-expanded\", \"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              {transcriptionHeading && (\r\n                <TranscriptionHeading className=\"visually-hidden\">\r\n                  {transcriptionHeading}\r\n                </TranscriptionHeading>\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          <Divider />\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","playButtonLabel","videoAriaLabel","transcriptionHeading","transcriptionHeadingLevel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","TranscriptionHeading","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText","Divider"],"mappings":";;;;;;;;;AAQY,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;AASZ,MAAMC,IAAa;AAAA,EAChB,OAA0B;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACC,QAA2B;AAAA,IAC1B,OAAO;AAAA,EACT;AAAA,EACC,OAA0B;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACC,eAAgC;AAAA,IAC/B,OAAO;AAAA,EACT;AAAA,EACC,cAA+B;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACC,UAA6B;AAAA,IAC5B,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACb,OAA0B;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACC,QAA2B;AAAA,IAC1B,WAAW;AAAA,EACb;AAAA,EACC,OAA0B;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACC,eAAgC;AAAA,IAC/B,WAAW;AAAA,EACb;AAAA,EACC,UAA6B;AAAA,IAC5B,WAAW;AAAA,EACb;AAAA,EACC,cAA+B;AAAA,IAC9B,WAAW;AAAA,EAAA;AAEf,GAcaC,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC;AAAA,EACA,2BAAAC,IAA4B;AAC9B,MAAwB;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAClD,EAAE,OAAAG,EAAA,IAAUjB,EAAWI,CAAQ,GAC/B,EAAE,WAAAc,EAAA,IAAcjB,EAAQG,CAAQ,GAChC,CAACe,GAAYC,CAAW,IAAIN,EAAS,EAAK,GAC1CO,IAAWC,EAAyB,IAAI,GAExCC,IAAanB,MAAa,YAC1BoB,IACJpB,MAAa,iBACbA,MAAa,cACTqB,IAAiBF,IAAa,UAAUN,GACxCS,IAAcH,IAAa,UAAUL,GACrCS,IAAaJ,IAAa,UAAUN,GACpCW,IAAuBjB,GAEvBkB,IAAa,OAAOC,MAAyB;AACjD,IAAIA,MACFA,EAAE,eAAe,GACjBA,EAAE,gBAAgB;AAGpB,UAAMC,IAAQV,EAAS;AAEvB,QAAI,CAACU,GAAO;AACV,cAAQ,MAAM,wBAAwB;AACtC;AAAA,IAAA;AAGE,QAAA;AACF,MAAKhB,MACHC,EAAiB,EAAI,GACrBH,EAAa,EAAI,GACjB,MAAMkB,EAAM,KAAK;AAAA,aAEZC,GAAO;AACN,cAAA,MAAM,4BAA4BA,CAAK;AAAA,IAAA;AAAA,EAEnD;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAOT,EAAe;AAAA,MAC/B,WAAWU,EAAKhB,KAAc,eAAe,yBAAyB;AAAA,MAEtE,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,QAAQP;AAAA,cACR,OAAOC;AAAA,cACP,GAAIJ,KAAc,EAAE,WAAW,SAAS;AAAA,YAC1C;AAAA,YAEA,UAAA;AAAA,cAAAa,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,EAAK,yBAAyB;AAAA,oBACvC,YAAYvB,KAAaG;AAAA,kBAAA,CAC1B;AAAA,kBACD,OAAO;AAAA,oBACL,iBACET,KAAmB,CAACS,IAChB,QAAQT,CAAe,OACvB;AAAA,oBACN,SAASS,IAAgB,SAAS;AAAA,kBACpC;AAAA,kBACA,SAAS,CAACe,MAAMD,EAAWC,CAAC;AAAA,kBAC5B,cAAYtB;AAAA,kBACZ,MAAK;AAAA,kBAEL,UAAAyB,gBAAAA,EAAA,KAAC,SAAI,WAAWE,EAAK,yBAAyB,EAAE,QAAQvB,EAAW,CAAA,GACjE,UAAA;AAAA,oBAAAwB,gBAAAA,EAAAA,IAAC,SAAI,WAAU,oBACb,gCAACC,GAAU,EAAA,YAAU,IAAC,EACxB,CAAA;AAAA,0CACC,OAAI,EAAA,WAAU,oBAAmB,eAAY,QAC3C,UACH7B,EAAA,CAAA;AAAA,kBAAA,EACF,CAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cACA4B,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mBACb,UAAAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAKf;AAAA,kBACL,UAAQ;AAAA,kBACR,KAAKd,KAAY;AAAA,kBACjB,cAAYE;AAAA,gBAAA;AAAA,cAAA,EAEhB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAECJ,KACC4B,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTX,IAAc,4BAA4B;AAAA,YAC5C;AAAA,YACA,OAAO,EAAE,OAAOC,EAAe;AAAA,YAE/B,UAAA;AAAA,cAAAW,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEA,UAAAF,gBAAAA,EAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWE;AAAA,wBACT;AAAA,wBACA;AAAA,sBACF;AAAA,sBACA,MAAK;AAAA,sBACL,SAAS,MAAMf,EAAY,CAACD,CAAU;AAAA,sBACtC,iBAAeA;AAAA,sBACf,iBAAc;AAAA,sBAEd,UAAA;AAAA,wBAAAiB,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWD;AAAA,8BACT;AAAA,4BACF;AAAA,4BAEC,UAAAhC;AAAA,0BAAA;AAAA,wBACH;AAAA,wBACAiC,gBAAAA,EAAA;AAAA,0BAACE;AAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,WAAWH,EAAK,YAAY,EAAE,UAAUhB,GAAY;AAAA,4BACpD,YAAU;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cACF;AAAA,cACCA,KACCc,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,WAAWE;AAAA,oBACT;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEC,UAAA;AAAA,oBAAAzB,KACE0B,gBAAAA,EAAA,IAAAR,GAAA,EAAqB,WAAU,mBAC7B,UACHlB,GAAA;AAAA,oBAEF0B,gBAAAA,EAAA;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,iBAAgB;AAAA,wBAChB,gBAAe;AAAA,wBACf,aAAalC;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACf;AAAA,gBAAA;AAAA,cACF;AAAA,oCAEDmC,GAAQ,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/{index.es382.js → index.es410.js}

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es247.js";
-import { Title as o, Close as d } from "./index.es298.js";
+import { j as e } from "./index.es246.js";
+import { Title as o, Close as d } from "./index.es327.js";
 import { Button as i } from "./index.es28.js";
 import './components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css';/* empty css            */
-import { Close as r } from "./index.es163.js";
+import { Close as r } from "./index.es162.js";
 const x = ({
   closeButton: s = "Annulla",
   onCloseClick: l,
@@ -26,4 +26,4 @@ const x = ({
 export {
   x as AddNewModalHeader
 };
-//# sourceMappingURL=index.es382.js.map
+//# sourceMappingURL=index.es410.js.map

package/dist/{index.es382.js.map → index.es410.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es382.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAET,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,sBAAuB,UAAYJ,GAAA;AAAA,8BAClDQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es410.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAET,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,sBAAuB,UAAYJ,GAAA;AAAA,8BAClDQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}

package/dist/{index.es383.js → index.es411.js}

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es247.js";
+import { j as r } from "./index.es246.js";
 import { clsx as d } from "./index.es248.js";
 import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
 const a = ({
@@ -17,4 +17,4 @@ const a = ({
 export {
   a as AddNewModalContent
 };
-//# sourceMappingURL=index.es383.js.map
+//# sourceMappingURL=index.es411.js.map

package/dist/{index.es383.js.map → index.es411.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es383.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es411.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}

package/dist/{index.es384.js → index.es412.js}

@@ -1,7 +1,7 @@
-import { j as t } from "./index.es247.js";
+import { j as t } from "./index.es246.js";
 import './components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css';/* empty css            */
 const a = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-add-new-modal-footer bg-white shadow ui-modal-footer", children: o });
 export {
   a as AddNewModalFooter
 };
-//# sourceMappingURL=index.es384.js.map
+//# sourceMappingURL=index.es412.js.map

package/dist/{index.es384.js.map → index.es412.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es384.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2DACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es412.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2DACf,UAAAD,EACH,CAAA;"}

package/dist/{index.es389.js → index.es417.js}

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es583.js";
-import { scrollAreaPropDefs as r } from "./index.es595.js";
-import { extractMarginProps as E } from "./index.es596.js";
-import { getMarginStyles as z } from "./index.es597.js";
-import { getResponsiveClassNames as i } from "./index.es598.js";
-import { getSubtree as C } from "./index.es599.js";
-import { mergeStyles as R } from "./index.es600.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es601.js";
+import l from "./index.es581.js";
+import { scrollAreaPropDefs as r } from "./index.es593.js";
+import { extractMarginProps as E } from "./index.es594.js";
+import { getMarginStyles as z } from "./index.es595.js";
+import { getResponsiveClassNames as i } from "./index.es596.js";
+import { getSubtree as C } from "./index.es597.js";
+import { mergeStyles as R } from "./index.es598.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es599.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)));
@@ -15,4 +15,4 @@ D.displayName = "ScrollArea";
 export {
   D as ScrollArea
 };
-//# sourceMappingURL=index.es389.js.map
+//# sourceMappingURL=index.es417.js.map

package/dist/{index.es389.js.map → index.es417.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es389.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/scroll-area.js"],"sourcesContent":["import*as r from\"react\";import s from\"classnames\";import{ScrollArea as e}from\"radix-ui\";import{scrollAreaPropDefs as o}from\"./scroll-area.props.js\";import{extractMarginProps as h}from\"../helpers/extract-margin-props.js\";import{getMarginStyles as w}from\"../helpers/get-margin-styles.js\";import{getResponsiveClassNames as m}from\"../helpers/get-responsive-styles.js\";import{getSubtree as C}from\"../helpers/get-subtree.js\";import{mergeStyles as z}from\"../helpers/merge-styles.js\";const c=r.forwardRef((n,S)=>{const{rest:f,...P}=h(n),[u,A]=w(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!==\"scroll\"?0:void 0,dir:V,size:i=o.size.default,radius:p=o.radius.default,scrollbars:l=o.scrollbars.default,...b}=f;return r.createElement(e.Root,{type:t,scrollHideDelay:N,className:s(\"rt-ScrollAreaRoot\",u,y),style:z(A,v),asChild:a},C({asChild:a,children:d},g=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...b,ref:S,className:\"rt-ScrollAreaViewport\"},g),r.createElement(\"div\",{className:\"rt-ScrollAreaViewportFocusRing\"}),l!==\"vertical\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"horizontal\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l!==\"horizontal\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"vertical\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l===\"both\"?r.createElement(e.Corner,{className:\"rt-ScrollAreaCorner\"}):null)))});c.displayName=\"ScrollArea\";export{c as ScrollArea};\n//# sourceMappingURL=scroll-area.js.map\n"],"names":["c","r","n","S","f","P","h","u","A","w","a","d","y","v","t","N","V","i","o","p","l","b","e.Root","s","z","C","g","e.Viewport","e.Scrollbar","m","e.Thumb","e.Corner"],"mappings":";;;;;;;;;AAAie,MAACA,IAAEC,EAAE,WAAW,CAACC,GAAEC,MAAI;AAAC,QAAK,EAAC,MAAKC,GAAE,GAAGC,EAAC,IAAEC,EAAEJ,CAAC,GAAE,CAACK,GAAEC,CAAC,IAAEC,EAAEJ,CAAC,GAAE,EAAC,SAAQK,GAAE,UAASC,GAAE,WAAUC,GAAE,OAAMC,GAAE,MAAKC,GAAE,iBAAgBC,IAAED,MAAI,WAAS,IAAE,QAAO,KAAIE,GAAE,MAAKC,IAAEC,EAAE,KAAK,SAAQ,QAAOC,IAAED,EAAE,OAAO,SAAQ,YAAWE,IAAEF,EAAE,WAAW,SAAQ,GAAGG,EAAC,IAAEjB;AAAE,SAAOH,EAAE,cAAcqB,GAAO,EAAC,MAAKR,GAAE,iBAAgBC,GAAE,WAAUQ,EAAE,qBAAoBhB,GAAEK,CAAC,GAAE,OAAMY,EAAEhB,GAAEK,CAAC,GAAE,SAAQH,EAAC,GAAEe,EAAE,EAAC,SAAQf,GAAE,UAASC,EAAC,GAAEe,CAAAA,MAAGzB,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAc0B,GAAW,EAAC,GAAGN,GAAE,KAAIlB,GAAE,WAAU,wBAAuB,GAAEuB,CAAC,GAAEzB,EAAE,cAAc,OAAM,EAAC,WAAU,iCAAgC,CAAC,GAAEmB,MAAI,aAAWnB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,cAAa,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,eAAanB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,YAAW,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,SAAOnB,EAAE,cAAc8B,GAAS,EAAC,WAAU,sBAAqB,CAAC,IAAE,IAAI,CAAC,CAAC;AAAC,CAAC;AAAE/B,EAAE,cAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es417.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/scroll-area.js"],"sourcesContent":["import*as r from\"react\";import s from\"classnames\";import{ScrollArea as e}from\"radix-ui\";import{scrollAreaPropDefs as o}from\"./scroll-area.props.js\";import{extractMarginProps as h}from\"../helpers/extract-margin-props.js\";import{getMarginStyles as w}from\"../helpers/get-margin-styles.js\";import{getResponsiveClassNames as m}from\"../helpers/get-responsive-styles.js\";import{getSubtree as C}from\"../helpers/get-subtree.js\";import{mergeStyles as z}from\"../helpers/merge-styles.js\";const c=r.forwardRef((n,S)=>{const{rest:f,...P}=h(n),[u,A]=w(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!==\"scroll\"?0:void 0,dir:V,size:i=o.size.default,radius:p=o.radius.default,scrollbars:l=o.scrollbars.default,...b}=f;return r.createElement(e.Root,{type:t,scrollHideDelay:N,className:s(\"rt-ScrollAreaRoot\",u,y),style:z(A,v),asChild:a},C({asChild:a,children:d},g=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...b,ref:S,className:\"rt-ScrollAreaViewport\"},g),r.createElement(\"div\",{className:\"rt-ScrollAreaViewportFocusRing\"}),l!==\"vertical\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"horizontal\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l!==\"horizontal\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"vertical\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l===\"both\"?r.createElement(e.Corner,{className:\"rt-ScrollAreaCorner\"}):null)))});c.displayName=\"ScrollArea\";export{c as ScrollArea};\n//# sourceMappingURL=scroll-area.js.map\n"],"names":["c","r","n","S","f","P","h","u","A","w","a","d","y","v","t","N","V","i","o","p","l","b","e.Root","s","z","C","g","e.Viewport","e.Scrollbar","m","e.Thumb","e.Corner"],"mappings":";;;;;;;;;AAAie,MAACA,IAAEC,EAAE,WAAW,CAACC,GAAEC,MAAI;AAAC,QAAK,EAAC,MAAKC,GAAE,GAAGC,EAAC,IAAEC,EAAEJ,CAAC,GAAE,CAACK,GAAEC,CAAC,IAAEC,EAAEJ,CAAC,GAAE,EAAC,SAAQK,GAAE,UAASC,GAAE,WAAUC,GAAE,OAAMC,GAAE,MAAKC,GAAE,iBAAgBC,IAAED,MAAI,WAAS,IAAE,QAAO,KAAIE,GAAE,MAAKC,IAAEC,EAAE,KAAK,SAAQ,QAAOC,IAAED,EAAE,OAAO,SAAQ,YAAWE,IAAEF,EAAE,WAAW,SAAQ,GAAGG,EAAC,IAAEjB;AAAE,SAAOH,EAAE,cAAcqB,GAAO,EAAC,MAAKR,GAAE,iBAAgBC,GAAE,WAAUQ,EAAE,qBAAoBhB,GAAEK,CAAC,GAAE,OAAMY,EAAEhB,GAAEK,CAAC,GAAE,SAAQH,EAAC,GAAEe,EAAE,EAAC,SAAQf,GAAE,UAASC,EAAC,GAAEe,CAAAA,MAAGzB,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAc0B,GAAW,EAAC,GAAGN,GAAE,KAAIlB,GAAE,WAAU,wBAAuB,GAAEuB,CAAC,GAAEzB,EAAE,cAAc,OAAM,EAAC,WAAU,iCAAgC,CAAC,GAAEmB,MAAI,aAAWnB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,cAAa,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,eAAanB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,YAAW,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,SAAOnB,EAAE,cAAc8B,GAAS,EAAC,WAAU,sBAAqB,CAAC,IAAE,IAAI,CAAC,CAAC;AAAC,CAAC;AAAE/B,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es42.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es247.js";
-import { ArrowRight as l } from "./index.es176.js";
+import { j as e } from "./index.es246.js";
+import { ArrowRight as l } from "./index.es175.js";
 const v = ({
   href: c,
   asLink: m = "a",

package/dist/{index.es395.js → index.es423.js}

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
+import { j as s } from "./index.es246.js";
 import { clsx as d } from "./index.es248.js";
-import m from "./index.es397.js";
+import m from "./index.es425.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es395.js.map
+//# sourceMappingURL=index.es423.js.map

package/dist/{index.es395.js.map → index.es423.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es395.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es423.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}