@anoki/fse-ui 1.0.0-beta1.44.13 → 1.0.0-beta1.44.15

package/dist/index.es368.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es536.js";
-import { BaseButton as m } from "./index.es537.js";
+import r from "./index.es522.js";
+import { BaseButton as m } from "./index.es523.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.es390.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es469.js";
-import { useComposedRefs as A } from "./index.es468.js";
+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.es318.js";
-import { composeEventHandlers as F } from "./index.es470.js";
-import { createSlottable as G } from "./index.es484.js";
+import { composeEventHandlers as F } from "./index.es462.js";
+import { createSlottable as G } from "./index.es486.js";
 import { j as i } from "./index.es239.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es390.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es390.js","sources":["../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/alert-dialog/src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["ROOT_NAME","createAlertDialogContext","createAlertDialogScope","createContextScope","createDialogScope","useDialogScope","AlertDialog","props","__scopeAlertDialog","alertDialogProps","dialogScope","jsx","DialogPrimitive.Root","TRIGGER_NAME","AlertDialogTrigger","React","forwardedRef","triggerProps","DialogPrimitive.Trigger","PORTAL_NAME","AlertDialogPortal","portalProps","DialogPrimitive.Portal","OVERLAY_NAME","AlertDialogOverlay","overlayProps","DialogPrimitive.Overlay","CONTENT_NAME","AlertDialogContentProvider","useAlertDialogContentContext","Slottable","createSlottable","AlertDialogContent","children","contentProps","contentRef","composedRefs","useComposedRefs","cancelRef","DialogPrimitive.WarningProvider","TITLE_NAME","jsxs","DialogPrimitive.Content","composeEventHandlers","event","_a","DescriptionWarning","AlertDialogTitle","titleProps","DialogPrimitive.Title","DESCRIPTION_NAME","AlertDialogDescription","descriptionProps","DialogPrimitive.Description","ACTION_NAME","AlertDialogAction","actionProps","DialogPrimitive.Close","CANCEL_NAME","AlertDialogCancel","cancelProps","ref","MESSAGE","Root2","Portal2","Overlay2","Content2","Cancel","Title2","Description2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es390.js","sources":["../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["ROOT_NAME","createAlertDialogContext","createAlertDialogScope","createContextScope","createDialogScope","useDialogScope","AlertDialog","props","__scopeAlertDialog","alertDialogProps","dialogScope","jsx","DialogPrimitive.Root","TRIGGER_NAME","AlertDialogTrigger","React","forwardedRef","triggerProps","DialogPrimitive.Trigger","PORTAL_NAME","AlertDialogPortal","portalProps","DialogPrimitive.Portal","OVERLAY_NAME","AlertDialogOverlay","overlayProps","DialogPrimitive.Overlay","CONTENT_NAME","AlertDialogContentProvider","useAlertDialogContentContext","Slottable","createSlottable","AlertDialogContent","children","contentProps","contentRef","composedRefs","useComposedRefs","cancelRef","DialogPrimitive.WarningProvider","TITLE_NAME","jsxs","DialogPrimitive.Content","composeEventHandlers","event","_a","DescriptionWarning","AlertDialogTitle","titleProps","DialogPrimitive.Title","DESCRIPTION_NAME","AlertDialogDescription","descriptionProps","DialogPrimitive.Description","ACTION_NAME","AlertDialogAction","actionProps","DialogPrimitive.Close","CANCEL_NAME","AlertDialogCancel","cancelProps","ref","MESSAGE","Root2","Portal2","Overlay2","Content2","Cancel","Title2","Description2"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es396.js

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

package/dist/index.es408.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es536.js";
-import { scrollAreaPropDefs as r } from "./index.es548.js";
-import { extractMarginProps as E } from "./index.es549.js";
-import { getMarginStyles as z } from "./index.es550.js";
-import { getResponsiveClassNames as i } from "./index.es551.js";
-import { getSubtree as C } from "./index.es552.js";
-import { mergeStyles as R } from "./index.es553.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es554.js";
+import l from "./index.es522.js";
+import { scrollAreaPropDefs as r } from "./index.es534.js";
+import { extractMarginProps as E } from "./index.es535.js";
+import { getMarginStyles as z } from "./index.es536.js";
+import { getResponsiveClassNames as i } from "./index.es537.js";
+import { getSubtree as C } from "./index.es538.js";
+import { mergeStyles as R } from "./index.es539.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es540.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.es41.js

@@ -2,11 +2,11 @@ import { j as e } from "./index.es239.js";
 import { clsx as i } from "./index.es241.js";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { ArrowDown as f } from "./index.es156.js";
-import { useState as r } from "react";
+import { useState as l } from "react";
 import { Col as y } from "./index.es10.js";
-import { PlayVideo as v } from "./index.es217.js";
-var w = /* @__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))(w || {});
-const j = {
+import { PlayVideo as w } from "./index.es217.js";
+var j = /* @__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))(j || {});
+const v = {
   small: {
     width: "311px"
   },
@@ -46,13 +46,13 @@ const j = {
   }
 }, G = ({
   btnText: t = "Trascrizione",
-  sizeComp: l = "large",
-  transcription: o,
+  sizeComp: o = "large",
+  transcription: c,
   previewImageSrc: x,
-  videoSrc: c
+  videoSrc: d
 }) => {
-  const [a, n] = r(!1), [d, m] = r(!1), { width: h } = j[l], { heightImg: p } = b[l], [s, u] = r(!1), g = () => {
-    d ? n(!a) : (m(!0), n(!0));
+  const [s, n] = l(!1), [r, m] = l(!1), { width: h } = v[o], { heightImg: p } = b[o], [a, u] = l(!1), g = () => {
+    r ? n(!s) : (m(!0), n(!0));
   };
   return /* @__PURE__ */ e.jsxs(
     y,
@@ -61,7 +61,7 @@ const j = {
       style: { width: h },
       className: i(
         "shadow",
-        s && "ui-expanded",
+        a && "ui-expanded",
         "video-section-container"
       ),
       children: [
@@ -76,21 +76,17 @@ const j = {
                 "div",
                 {
                   className: i("start-video-container", {
-                    "fade-out": a || d
+                    "fade-out": s || r
                   }),
                   style: {
-                    backgroundImage: `url(${x})`,
-                    backgroundSize: "cover",
-                    backgroundPosition: "center",
-                    backgroundRepeat: "no-repeat",
-                    pointerEvents: "none"
+                    backgroundImage: s || r ? "none" : `url(${x})`
                   },
                   children: /* @__PURE__ */ e.jsxs(
                     "div",
                     {
-                      className: i("play-button-container", { hidden: a }),
+                      className: i("play-button-container", { hidden: s }),
                       children: [
-                        /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(v, {}) }),
+                        /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(w, {}) }),
                         /* @__PURE__ */ e.jsx("div", { className: "play-button-text", children: "Riproduci" })
                       ]
                     }
@@ -101,15 +97,15 @@ const j = {
                 "video",
                 {
                   controls: !0,
-                  src: c !== "" ? c : void 0,
-                  autoPlay: a,
+                  src: d !== "" ? d : void 0,
+                  autoPlay: s,
                   onEnded: () => n(!1)
                 }
               ) })
             ]
           }
         ),
-        o && /* @__PURE__ */ e.jsxs("div", { className: "transcription-container", children: [
+        c && /* @__PURE__ */ e.jsxs("div", { className: "transcription-container", children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
@@ -126,7 +122,7 @@ const j = {
                     "base-row justify-content-between align-items-center"
                   ),
                   type: "button",
-                  onClick: () => u(!s),
+                  onClick: () => u(!a),
                   children: [
                     /* @__PURE__ */ e.jsx(
                       "span",
@@ -141,7 +137,7 @@ const j = {
                       f,
                       {
                         color: "primary",
-                        className: i("ui-arrow", { expanded: s })
+                        className: i("ui-arrow", { expanded: a })
                       }
                     )
                   ]
@@ -149,14 +145,14 @@ const j = {
               )
             }
           ),
-          s && /* @__PURE__ */ e.jsx(
+          a && /* @__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("p", { children: o })
+              children: /* @__PURE__ */ e.jsx("p", { children: c })
             }
           )
         ] })
@@ -165,7 +161,7 @@ const j = {
   );
 };
 export {
-  w as VIDEO_PLAYER_SIZE,
+  j as VIDEO_PLAYER_SIZE,
   G 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\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"666px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"100dvw\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"371px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n\n  const handlePlay = () => {\n    if (!hasPlayedOnce) {\n      setHasPlayedOnce(true);\n      setIsPlaying(true);\n    } else {\n      setIsPlaying(!isPlaying);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\n        \"shadow\",\n        isExpanded && \"ui-expanded\",\n        \"video-section-container\",\n      )}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{ height: heightImg }}\n        onClick={handlePlay}\n      >\n        <div\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage: `url(${previewImageSrc})`,\n            backgroundSize: \"cover\",\n            backgroundPosition: \"center\",\n            backgroundRepeat: \"no-repeat\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">Riproduci</div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            controls\n            src={videoSrc !== \"\" ? videoSrc : undefined}\n            autoPlay={isPlaying}\n            onEnded={() => setIsPlaying(false)}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <p>{transcription}</p>\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":"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"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"666px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"100dvw\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"371px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n\n  const handlePlay = () => {\n    if (!hasPlayedOnce) {\n      setHasPlayedOnce(true);\n      setIsPlaying(true);\n    } else {\n      setIsPlaying(!isPlaying);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\n        \"shadow\",\n        isExpanded && \"ui-expanded\",\n        \"video-section-container\",\n      )}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{ height: heightImg }}\n        onClick={handlePlay}\n      >\n        <div\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage: isPlaying || hasPlayedOnce ? \"none\" : `url(${previewImageSrc})`,\n          }}\n        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">Riproduci</div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            controls\n            src={videoSrc !== \"\" ? videoSrc : undefined}\n            autoPlay={isPlaying}\n            onEnded={() => setIsPlaying(false)}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <p>{transcription}</p>\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":"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"}

package/dist/index.es438.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es589.js";
+import { CardRoot as o } from "./index.es585.js";
 const r = {
   Root: o
 };

package/dist/index.es448.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es458.js";
+import { __exports as e } from "./index.es473.js";
 /**
  * @license React
  * react-jsx-runtime.production.js