@anoki/fse-ui 1.10.1-RC2.7 → 1.10.1-RC2.9

package/dist/index.cjs670.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs670.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs670.js","sources":["../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n  return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  return [':popover-open', ':modal'].some(selector => {\n    try {\n      return element.matches(selector);\n    } catch (e) {\n      return false;\n    }\n  });\n}\nfunction isContainingBlock(elementOrCss) {\n  const webkit = isWebKit();\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (typeof CSS === 'undefined' || !CSS.supports) return false;\n  return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n  return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  }\n  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"names":["hasWindow","getNodeName","node","isNode","getWindow","_node$ownerDocument","getDocumentElement","_ref","value","isElement","isHTMLElement","isShadowRoot","isOverflowElement","element","overflow","overflowX","overflowY","display","getComputedStyle","isTableElement","isTopLayer","selector","isContainingBlock","elementOrCss","webkit","isWebKit","css","getContainingBlock","currentNode","getParentNode","isLastTraversableNode","getNodeScroll","result","getNearestOverflowAncestor","parentNode","getOverflowAncestors","list","traverseIframes","_node$ownerDocument2","scrollableAncestor","isBody","win","frameElement","getFrameElement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -2754,7 +2754,7 @@ export declare enum VIDEO_PLAYER_SIZE {
     FULL_WIDTH = "full-width"
 }
 
-export declare const VideoPlayer: ({ btnText, sizeComp, transcription, previewImageSrc, videoSrc, playButtonLabel, videoAriaLabel, transcriptionHeading, transcriptionHeadingLevel, }: VideoPlayerProps) => JSX.Element;
+export declare const VideoPlayer: ({ btnText, sizeComp, transcription, previewImageSrc, videoSrc, playButtonLabel, videoAriaLabel, }: VideoPlayerProps) => JSX.Element;
 
 export declare type VideoPlayerProps = {
     btnText?: string;

package/dist/index.es298.js

@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es463.js";
 import { createContextScope as B, createContext as H } from "./index.es464.js";
 import { useId as x } from "./index.es468.js";
 import { useControllableState as V } from "./index.es465.js";
-import { DismissableLayer as q } from "./index.es475.js";
-import { FocusScope as K } from "./index.es476.js";
-import { Portal as U } from "./index.es477.js";
+import { DismissableLayer as q } from "./index.es478.js";
+import { FocusScope as K } from "./index.es479.js";
+import { Portal as U } from "./index.es480.js";
 import { Presence as R } from "./index.es474.js";
 import { Primitive as m } from "./index.es466.js";
-import { useFocusGuards as Y } from "./index.es478.js";
-import Z from "./index.es479.js";
-import { hideOthers as z } from "./index.es480.js";
-import { createSlot as J } from "./index.es481.js";
+import { useFocusGuards as Y } from "./index.es481.js";
+import Z from "./index.es482.js";
+import { hideOthers as z } from "./index.es483.js";
+import { createSlot as J } from "./index.es484.js";
 import { j as i } from "./index.es247.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es348.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es618.js";
-import { extractProps as i } from "./index.es621.js";
-import { requireReactElement as a } from "./index.es626.js";
-import { popoverContentPropDefs as l } from "./index.es627.js";
-import { Theme as f } from "./index.es628.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es629.js";
+import c from "./index.es583.js";
+import { extractProps as i } from "./index.es586.js";
+import { requireReactElement as a } from "./index.es591.js";
+import { popoverContentPropDefs as l } from "./index.es592.js";
+import { Theme as f } from "./index.es593.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es594.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.es349.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es618.js";
-import { BaseButton as m } from "./index.es619.js";
+import r from "./index.es583.js";
+import { BaseButton as m } from "./index.es584.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.es371.js

@@ -3,7 +3,7 @@ import { createContextScope as T } from "./index.es464.js";
 import { useComposedRefs as A } from "./index.es463.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.es298.js";
 import { composeEventHandlers as F } from "./index.es462.js";
-import { createSlottable as G } from "./index.es481.js";
+import { createSlottable as G } from "./index.es484.js";
 import { j as i } from "./index.es247.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es377.js

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

package/dist/index.es389.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es618.js";
-import { scrollAreaPropDefs as r } from "./index.es630.js";
-import { extractMarginProps as E } from "./index.es631.js";
-import { getMarginStyles as z } from "./index.es632.js";
-import { getResponsiveClassNames as i } from "./index.es633.js";
-import { getSubtree as C } from "./index.es634.js";
-import { mergeStyles as R } from "./index.es635.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es636.js";
+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";
 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)));

package/dist/index.es406.js

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

package/dist/index.es407.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es574.js";
-import { c as F } from "./index.es572.js";
-import { m, a as E, f as T, h as S } from "./index.es573.js";
+import { c as $ } from "./index.es538.js";
+import { c as F } from "./index.es537.js";
+import { m, a as E, f as T, h as S } from "./index.es536.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es41.js

@@ -1,13 +1,13 @@
 import { j as e } from "./index.es247.js";
 import { clsx as i } from "./index.es248.js";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
-import { ArrowDown as V } from "./index.es160.js";
-import { useState as c, useRef as _ } from "react";
-import { RichText as k } from "./index.es142.js";
+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 { Col as S } from "./index.es10.js";
-import { PlayVideo as G } from "./index.es223.js";
-const M = {
+import { Col as V } from "./index.es10.js";
+import { PlayVideo as _ } from "./index.es223.js";
+const k = {
   [t.SMALL]: {
     width: "311px"
   },
@@ -26,7 +26,7 @@ const M = {
   [t.VERTICAL]: {
     width: "360px"
   }
-}, H = {
+}, S = {
   [t.SMALL]: {
     heightImg: "170px"
   },
@@ -45,35 +45,33 @@ const M = {
   [t.FULL_WIDTH]: {
     heightImg: "525px"
   }
-}, q = ({
-  btnText: y = "Trascrizione",
+}, Y = ({
+  btnText: f = "Trascrizione",
   sizeComp: n = t.LARGE,
   transcription: l,
   previewImageSrc: d,
-  videoSrc: b,
+  videoSrc: y,
   playButtonLabel: x = "Riproduci",
-  videoAriaLabel: v = "Video player",
-  transcriptionHeading: h,
-  transcriptionHeadingLevel: j = "h3"
+  videoAriaLabel: b = "Video player"
 }) => {
-  const [p, E] = c(!1), [r, w] = c(!1), { width: m } = M[n], { heightImg: L } = H[n], [s, I] = c(!1), u = _(null), a = n === t.VERTICAL, R = n === t.EXTRA_LARGE || n === t.FULL_WIDTH, g = a ? "642px" : m, A = a ? "640px" : L, N = a ? "360px" : m, T = j, P = async (o) => {
+  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) => {
     o && (o.preventDefault(), o.stopPropagation());
-    const f = u.current;
-    if (!f) {
+    const g = m.current;
+    if (!g) {
       console.error("no video element found");
       return;
     }
     try {
-      r || (w(!0), E(!0), await f.play());
-    } catch (D) {
-      console.error("Error controlling video:", D);
+      r || (j(!0), v(!0), await g.play());
+    } catch (N) {
+      console.error("Error controlling video:", N);
     }
   };
   return /* @__PURE__ */ e.jsxs(
-    S,
+    V,
     {
       br: "x4",
-      style: { width: g },
+      style: { width: u },
       className: i("video-section-container"),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -81,26 +79,26 @@ const M = {
           {
             className: "video-player-container",
             style: {
-              height: A,
-              width: N,
-              ...a && { alignSelf: "center" }
+              height: I,
+              width: R,
+              ...s && { alignSelf: "center" }
             },
             children: [
               /* @__PURE__ */ e.jsx(
                 "button",
                 {
                   className: i("start-video-container", {
-                    "fade-out": p || r
+                    "fade-out": h || r
                   }),
                   style: {
                     backgroundImage: d && !r ? `url("${d}")` : "none",
                     display: r ? "none" : "block"
                   },
-                  onClick: (o) => P(o),
+                  onClick: (o) => A(o),
                   "aria-label": x,
                   type: "button",
-                  children: /* @__PURE__ */ e.jsxs("div", { className: i("play-button-container", { hidden: p }), children: [
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(G, { decorative: !0 }) }),
+                  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 })
                   ] })
                 }
@@ -108,10 +106,10 @@ const M = {
               /* @__PURE__ */ e.jsx("div", { className: "video-container", children: /* @__PURE__ */ e.jsx(
                 "video",
                 {
-                  ref: u,
+                  ref: m,
                   controls: !0,
-                  src: b || void 0,
-                  "aria-label": v
+                  src: y || void 0,
+                  "aria-label": b
                 }
               ) })
             ]
@@ -121,9 +119,9 @@ const M = {
           "div",
           {
             className: i(
-              R ? "transcription-container" : "ui-has-border-bottom"
+              L ? "transcription-container" : "ui-has-border-bottom"
             ),
-            style: { width: g },
+            style: { width: u },
             children: [
               /* @__PURE__ */ e.jsx(
                 "div",
@@ -141,8 +139,8 @@ const M = {
                         "base-row justify-content-between align-items-center"
                       ),
                       type: "button",
-                      onClick: () => I(!s),
-                      "aria-expanded": s,
+                      onClick: () => w(!a),
+                      "aria-expanded": a,
                       "aria-controls": "transcription-content",
                       children: [
                         /* @__PURE__ */ e.jsx(
@@ -151,14 +149,14 @@ const M = {
                             className: i(
                               "fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"
                             ),
-                            children: y
+                            children: f
                           }
                         ),
                         /* @__PURE__ */ e.jsx(
-                          V,
+                          T,
                           {
                             color: "primary",
-                            className: i("ui-arrow", { expanded: s }),
+                            className: i("ui-arrow", { expanded: a }),
                             decorative: !0
                           }
                         )
@@ -167,7 +165,7 @@ const M = {
                   )
                 }
               ),
-              s && /* @__PURE__ */ e.jsxs(
+              a && /* @__PURE__ */ e.jsx(
                 "div",
                 {
                   id: "transcription-content",
@@ -175,17 +173,14 @@ const M = {
                     "transcription-text-container",
                     "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
                   ),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(T, { className: "visually-hidden", children: h }),
-                    /* @__PURE__ */ e.jsx(
-                      k,
-                      {
-                        additionalClass: "text-black text-charcoal-dust rich-text-element",
-                        classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
-                        description: l
-                      }
-                    )
-                  ]
+                  children: /* @__PURE__ */ e.jsx(
+                    D,
+                    {
+                      additionalClass: "text-black text-charcoal-dust rich-text-element",
+                      classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
+                      description: l
+                    }
+                  )
                 }
               )
             ]
@@ -197,6 +192,6 @@ const M = {
 };
 export {
   t as VIDEO_PLAYER_SIZE,
-  q as VideoPlayer
+  Y 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  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(\"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        </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","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"],"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 } 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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"}

package/dist/index.es436.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es521.js";
+import { __require as r } from "./index.es523.js";
 var a = r();
 export {
   a as l

package/dist/index.es443.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es503.js";
-import { __require as o } from "./index.es523.js";
+import { getDefaultExportFromCjs as r } from "./index.es507.js";
+import { __require as o } from "./index.es521.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es448.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es575.js";
-import { c as y } from "./index.es574.js";
-import { c as K, m as n, h as j } from "./index.es573.js";
+import { g as F } from "./index.es535.js";
+import { c as y } from "./index.es538.js";
+import { c as K, m as n, h as j } from "./index.es536.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es466.js

@@ -1,6 +1,6 @@
 import * as p from "react";
 import * as f from "react-dom";
-import { createSlot as c } from "./index.es481.js";
+import { createSlot as c } from "./index.es484.js";
 import { j as u } from "./index.es247.js";
 var l = [
   "a",

package/dist/index.es467.js

@@ -4,18 +4,18 @@ import { createCollection as Xe } from "./index.es528.js";
 import { useComposedRefs as k, composeRefs as He } from "./index.es463.js";
 import { createContextScope as We } from "./index.es464.js";
 import { useDirection as ze } from "./index.es529.js";
-import { DismissableLayer as Ze } from "./index.es475.js";
-import { useFocusGuards as $e } from "./index.es478.js";
-import { FocusScope as qe } from "./index.es476.js";
+import { DismissableLayer as Ze } from "./index.es478.js";
+import { useFocusGuards as $e } from "./index.es481.js";
+import { FocusScope as qe } from "./index.es479.js";
 import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es530.js";
-import { Portal as nt } from "./index.es477.js";
+import { Portal as nt } from "./index.es480.js";
 import { Presence as H } from "./index.es474.js";
 import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es466.js";
 import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es531.js";
-import { createSlot as st } from "./index.es481.js";
+import { createSlot as st } from "./index.es484.js";
 import { useCallbackRef as Me } from "./index.es527.js";
-import { hideOthers as at } from "./index.es480.js";
-import ut from "./index.es479.js";
+import { hideOthers as at } from "./index.es483.js";
+import ut from "./index.es482.js";
 import { j as u } from "./index.es247.js";
 var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
   ltr: [...Q, "ArrowRight"],

package/dist/index.es478.js

@@ -1,18 +1,128 @@
-import * as r from "react";
-var t = 0;
-function a() {
-  r.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
-      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
+import * as n from "react";
+import { composeEventHandlers as m } from "./index.es462.js";
+import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es466.js";
+import { useComposedRefs as g } from "./index.es463.js";
+import { useCallbackRef as w } from "./index.es527.js";
+import { useEscapeKeydown as U } from "./index.es533.js";
+import { j as x } from "./index.es247.js";
+var j = "DismissableLayer", p = "dismissableLayer.update", z = "dismissableLayer.pointerDownOutside", H = "dismissableLayer.focusOutside", L, T = n.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), M = n.forwardRef(
+  (r, e) => {
+    const {
+      disableOutsidePointerEvents: i = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: t,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...v
+    } = r, c = n.useContext(T), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = g(e, (s) => S(s)), y = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = y.indexOf(A), b = u ? y.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
+      const E = s.target, C = [...c.branches].some((h) => h.contains(E));
+      !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f), D = G((s) => {
+      const E = s.target;
+      [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f);
+    return U((s) => {
+      b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
+    }, f), n.useEffect(() => {
+      if (u)
+        return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
+          i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
+        };
+    }, [u, f, i, c]), n.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
+    }, [u, c]), n.useEffect(() => {
+      const s = () => F({});
+      return document.addEventListener(p, s), () => document.removeEventListener(p, s);
+    }, []), /* @__PURE__ */ x.jsx(
+      R.div,
+      {
+        ...v,
+        ref: W,
+        style: {
+          pointerEvents: I ? P ? "auto" : "none" : void 0,
+          ...r.style
+        },
+        onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
+        onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
+        onPointerDownCapture: m(
+          r.onPointerDownCapture,
+          _.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+M.displayName = j;
+var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
+  const i = n.useContext(T), o = n.useRef(null), t = g(e, o);
+  return n.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return i.branches.add(a), () => {
+        i.branches.delete(a);
+      };
+  }, [i.branches]), /* @__PURE__ */ x.jsx(R.div, { ...r, ref: t });
+});
+Y.displayName = X;
+function q(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
+  });
+  return n.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !o.current) {
+        let v = function() {
+          B(
+            z,
+            i,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
+      } else
+        e.removeEventListener("click", t.current);
+      o.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
     };
-  }, []);
+  }, [e, i]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
 }
-function n() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+function G(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1);
+  return n.useEffect(() => {
+    const t = (a) => {
+      a.target && !o.current && B(H, i, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
+  }, [e, i]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function O() {
+  const r = new CustomEvent(p);
+  document.dispatchEvent(r);
+}
+function B(r, e, i, { discrete: o }) {
+  const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
+  e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
 }
 export {
-  a as useFocusGuards
+  M as DismissableLayer,
+  Y as DismissableLayerBranch
 };
 //# sourceMappingURL=index.es478.js.map