markdown-flow-ui 0.1.106-beta.2 → 0.1.106-beta.4

package/dist/_virtual/index.cjs10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=index.cjs10.js.map

package/dist/_virtual/index.cjs4.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
 //# sourceMappingURL=index.cjs4.js.map

package/dist/_virtual/index.cjs5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/_virtual/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),t=require("../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.cjs.js");var r=t.__require();const o=e.getDefaultExportFromCjs(r);exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/_virtual/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/_virtual/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.cjs.js");var r=e.__require();exports.distExports=r;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/_virtual/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.cjs.js");var r=e.__require();exports.distExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/_virtual/index.es10.js

@@ -1,5 +1,5 @@
-var r = {};
+var s = { exports: {} };
 export {
-  r as __exports
+  s as __module
 };
 //# sourceMappingURL=index.es10.js.map

package/dist/_virtual/index.es4.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  t as default
+  a as default
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/_virtual/index.es5.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
+import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.es.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index.es6.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.es.js";
-import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.es.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+var r = {};
 export {
-  a as default
+  r as __exports
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/_virtual/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es7.js

@@ -1,5 +1,8 @@
-var s = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
+import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  s as __module
+  t as default
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/_virtual/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index.es8.js

@@ -1,5 +1,6 @@
-var r = {};
+import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.es.js";
+var i = r();
 export {
-  r as __exports
+  i as d
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/_virtual/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index.es9.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.es.js";
-var i = r();
+var r = {};
 export {
-  i as d
+  r as __exports
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/_virtual/index.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),d=require("../../markdown-flow-ui/node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react_47bb8d90b09b6a0ef5443ddd7a1cb20c/node_modules/@radix-ui/react-dialog/dist/index.cjs.js"),s=require("../../lib/utils.cjs.js"),o=require("../ui/dialog.cjs.js"),c=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.cjs.js"),u=({open:i,labels:t,screenMode:r,container:a,onClose:l,onOpenChange:x,onScreenModeChange:n})=>e.jsxRuntimeExports.jsx(o.Dialog,{open:i,onOpenChange:x,children:e.jsxRuntimeExports.jsxs(o.DialogPortal,{container:a,children:[e.jsxRuntimeExports.jsx(o.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxRuntimeExports.jsxs(d.Content,{"aria-describedby":void 0,className:s.cn("fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-6",children:[e.jsxRuntimeExports.jsx(o.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.jsxRuntimeExports.jsx("button",{"aria-label":"Close settings",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",onClick:l,type:"button",children:e.jsxRuntimeExports.jsx(c.default,{className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-6",children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxRuntimeExports.jsxs("div",{"aria-label":"Screen orientation",className:"flex items-center gap-8",role:"radiogroup",children:[e.jsxRuntimeExports.jsx("button",{"aria-checked":r==="portrait",className:s.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",r==="portrait"&&"font-semibold text-primary"),onClick:()=>n("portrait"),role:"radio",type:"button",children:t.portrait}),e.jsxRuntimeExports.jsx("button",{"aria-checked":r==="landscape",className:s.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",r==="landscape"&&"font-semibold text-primary"),onClick:()=>n("landscape"),role:"radio",type:"button",children:t.landscape})]})]})]})]})});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),d=require("../../markdown-flow-ui/node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react_47bb8d90b09b6a0ef5443ddd7a1cb20c/node_modules/@radix-ui/react-dialog/dist/index.cjs.js"),s=require("../../lib/utils.cjs.js"),r=require("../ui/dialog.cjs.js"),c=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.cjs.js"),u=({open:i,labels:t,viewMode:n,container:l,onClose:a,onOpenChange:x,onViewModeChange:o})=>e.jsxRuntimeExports.jsx(r.Dialog,{open:i,onOpenChange:x,children:e.jsxRuntimeExports.jsxs(r.DialogPortal,{container:l,children:[e.jsxRuntimeExports.jsx(r.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxRuntimeExports.jsxs(d.Content,{"aria-describedby":void 0,className:s.cn("fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-6",children:[e.jsxRuntimeExports.jsx(r.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.jsxRuntimeExports.jsx("button",{"aria-label":"Close settings",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",onClick:a,type:"button",children:e.jsxRuntimeExports.jsx(c.default,{className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-6",children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxRuntimeExports.jsxs("div",{"aria-label":"Screen mode",className:"flex items-center gap-8",role:"radiogroup",children:[e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="nonFullscreen",className:s.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="nonFullscreen"&&"font-semibold text-primary"),onClick:()=>o("nonFullscreen"),role:"radio",type:"button",children:t.nonFullscreen}),e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="fullscreen",className:s.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="fullscreen"&&"font-semibold text-primary"),onClick:()=>o("fullscreen"),role:"radio",type:"button",children:t.fullscreen})]})]})]})]})});exports.default=u;
 //# sourceMappingURL=MobilePlayerSettingsSheet.cjs.js.map

package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileScreenMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  screen: string;\n  portrait: string;\n  landscape: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  screenMode: MobileScreenMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onScreenModeChange: (nextScreenMode: MobileScreenMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  screenMode,\n  container,\n  onClose,\n  onOpenChange,\n  onScreenModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-6\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-6\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen orientation\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={screenMode === \"portrait\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  screenMode === \"portrait\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onScreenModeChange(\"portrait\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.portrait}\n              </button>\n              <button\n                aria-checked={screenMode === \"landscape\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  screenMode === \"landscape\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onScreenModeChange(\"landscape\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.landscape}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","screenMode","container","onClose","onOpenChange","onScreenModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"ulBAwBMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,mBAAAC,CACF,4BAEKC,EAAAA,OAAA,CAAO,KAAAP,EAAY,aAAAK,EAClB,SAAAG,EAAAA,kBAAAA,KAACC,EAAAA,cAAa,UAAAN,EACZ,SAAA,CAAAO,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,kBAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,UAAWC,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAb,EAAO,MACV,EACAS,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAU,yJACV,QAASN,EACT,KAAK,SAEL,SAAAM,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAT,EAAO,OACV,EACAO,EAAAA,kBAAAA,KAAC,MAAA,CACC,aAAW,qBACX,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcR,IAAe,WAC7B,UAAWW,EAAAA,GACT,4FACAX,IAAe,YAAc,4BAAA,EAE/B,QAAS,IAAMI,EAAmB,UAAU,EAC5C,KAAK,QACL,KAAK,SAEJ,SAAAL,EAAO,QAAA,CAAA,EAEVS,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcR,IAAe,YAC7B,UAAWW,EAAAA,GACT,4FACAX,IAAe,aAAe,4BAAA,EAEhC,QAAS,IAAMI,EAAmB,WAAW,EAC7C,KAAK,QACL,KAAK,SAEJ,SAAAL,EAAO,SAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-6\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-6\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen mode\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","viewMode","container","onClose","onOpenChange","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"ulBAwBMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,CACF,4BAEKC,EAAAA,OAAA,CAAO,KAAAP,EAAY,aAAAK,EAClB,SAAAG,EAAAA,kBAAAA,KAACC,EAAAA,cAAa,UAAAN,EACZ,SAAA,CAAAO,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,kBAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,UAAWC,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAb,EAAO,MACV,EACAS,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAU,yJACV,QAASN,EACT,KAAK,SAEL,SAAAM,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAT,EAAO,OACV,EACAO,EAAAA,kBAAAA,KAAC,MAAA,CACC,aAAW,cACX,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcR,IAAa,gBAC3B,UAAWW,EAAAA,GACT,4FACAX,IAAa,iBAAmB,4BAAA,EAElC,QAAS,IAAMI,EAAiB,eAAe,EAC/C,KAAK,QACL,KAAK,SAEJ,SAAAL,EAAO,aAAA,CAAA,EAEVS,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcR,IAAa,aAC3B,UAAWW,EAAAA,GACT,4FACAX,IAAa,cAAgB,4BAAA,EAE/B,QAAS,IAAMI,EAAiB,YAAY,EAC5C,KAAK,QACL,KAAK,SAEJ,SAAAL,EAAO,UAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}

package/dist/components/Slide/MobilePlayerSettingsSheet.d.ts

@@ -1,18 +1,18 @@
-import { MobileScreenMode } from './utils/mobileScreenMode';
+import { MobileViewMode } from './utils/mobileScreenMode';
 export type MobilePlayerSettingsSheetLabels = {
     title: string;
     screen: string;
-    portrait: string;
-    landscape: string;
+    nonFullscreen: string;
+    fullscreen: string;
 };
 export type MobilePlayerSettingsSheetProps = {
     open: boolean;
     labels: MobilePlayerSettingsSheetLabels;
-    screenMode: MobileScreenMode;
+    viewMode: MobileViewMode;
     container?: HTMLElement | null;
     onClose: () => void;
     onOpenChange: (open: boolean) => void;
-    onScreenModeChange: (nextScreenMode: MobileScreenMode) => void;
+    onViewModeChange: (nextViewMode: MobileViewMode) => void;
 };
-declare const MobilePlayerSettingsSheet: ({ open, labels, screenMode, container, onClose, onOpenChange, onScreenModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
+declare const MobilePlayerSettingsSheet: ({ open, labels, viewMode, container, onClose, onOpenChange, onViewModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
 export default MobilePlayerSettingsSheet;

package/dist/components/Slide/MobilePlayerSettingsSheet.es.js

@@ -1,38 +1,38 @@
 import { j as e } from "../../_virtual/jsx-runtime.es.js";
 import { Content as d } from "../../markdown-flow-ui/node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react_47bb8d90b09b6a0ef5443ddd7a1cb20c/node_modules/@radix-ui/react-dialog/dist/index.es.js";
-import { cn as o } from "../../lib/utils.es.js";
-import { Dialog as c, DialogPortal as x, DialogOverlay as p, DialogTitle as m } from "../ui/dialog.es.js";
-import b from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.es.js";
+import { cn as n } from "../../lib/utils.es.js";
+import { Dialog as c, DialogPortal as x, DialogOverlay as m, DialogTitle as p } from "../ui/dialog.es.js";
+import u from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/x.es.js";
 const N = ({
-  open: n,
+  open: l,
   labels: t,
-  screenMode: r,
-  container: i,
-  onClose: s,
-  onOpenChange: l,
-  onScreenModeChange: a
-}) => /* @__PURE__ */ e.jsx(c, { open: n, onOpenChange: l, children: /* @__PURE__ */ e.jsxs(x, { container: i, children: [
-  /* @__PURE__ */ e.jsx(p, { className: "z-[60] bg-black/35" }),
+  viewMode: r,
+  container: s,
+  onClose: a,
+  onOpenChange: i,
+  onViewModeChange: o
+}) => /* @__PURE__ */ e.jsx(c, { open: l, onOpenChange: i, children: /* @__PURE__ */ e.jsxs(x, { container: s, children: [
+  /* @__PURE__ */ e.jsx(m, { className: "z-[60] bg-black/35" }),
   /* @__PURE__ */ e.jsxs(
     d,
     {
       "aria-describedby": void 0,
-      className: o(
+      className: n(
         "fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-6", children: [
-          /* @__PURE__ */ e.jsx(m, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
+          /* @__PURE__ */ e.jsx(p, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
           /* @__PURE__ */ e.jsx(
             "button",
             {
               "aria-label": "Close settings",
               className: "inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",
-              onClick: s,
+              onClick: a,
               type: "button",
-              children: /* @__PURE__ */ e.jsx(b, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e.jsx(u, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -41,36 +41,36 @@ const N = ({
           /* @__PURE__ */ e.jsxs(
             "div",
             {
-              "aria-label": "Screen orientation",
+              "aria-label": "Screen mode",
               className: "flex items-center gap-8",
               role: "radiogroup",
               children: [
                 /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    "aria-checked": r === "portrait",
-                    className: o(
+                    "aria-checked": r === "nonFullscreen",
+                    className: n(
                       "border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
-                      r === "portrait" && "font-semibold text-primary"
+                      r === "nonFullscreen" && "font-semibold text-primary"
                     ),
-                    onClick: () => a("portrait"),
+                    onClick: () => o("nonFullscreen"),
                     role: "radio",
                     type: "button",
-                    children: t.portrait
+                    children: t.nonFullscreen
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    "aria-checked": r === "landscape",
-                    className: o(
+                    "aria-checked": r === "fullscreen",
+                    className: n(
                       "border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
-                      r === "landscape" && "font-semibold text-primary"
+                      r === "fullscreen" && "font-semibold text-primary"
                     ),
-                    onClick: () => a("landscape"),
+                    onClick: () => o("fullscreen"),
                     role: "radio",
                     type: "button",
-                    children: t.landscape
+                    children: t.fullscreen
                   }
                 )
               ]

package/dist/components/Slide/MobilePlayerSettingsSheet.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileScreenMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  screen: string;\n  portrait: string;\n  landscape: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  screenMode: MobileScreenMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onScreenModeChange: (nextScreenMode: MobileScreenMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  screenMode,\n  container,\n  onClose,\n  onOpenChange,\n  onScreenModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-6\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-6\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen orientation\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={screenMode === \"portrait\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  screenMode === \"portrait\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onScreenModeChange(\"portrait\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.portrait}\n              </button>\n              <button\n                aria-checked={screenMode === \"landscape\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  screenMode === \"landscape\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onScreenModeChange(\"landscape\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.landscape}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","screenMode","container","onClose","onOpenChange","onScreenModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":";;;;;AAwBA,MAAMA,IAA4B,CAAC;AAAA,EACjC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AACF,4BAEKC,GAAA,EAAO,MAAAP,GAAY,cAAAK,GAClB,UAAAG,gBAAAA,EAAAA,KAACC,KAAa,WAAAN,GACZ,UAAA;AAAA,EAAAO,gBAAAA,EAAAA,IAACC,GAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,EAC9CH,gBAAAA,EAAAA;AAAAA,IAACI;AAAAA,IAAA;AAAA,MACC,oBAAkB;AAAA,MAClB,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAL,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAY,WAAU,uDACpB,UAAAb,EAAO,OACV;AAAA,UACAS,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cACV,SAASN;AAAA,cACT,MAAK;AAAA,cAEL,UAAAM,gBAAAA,EAAAA,IAACK,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,GACF;AAAA,QAEAP,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gEACb,UAAAT,EAAO,QACV;AAAA,UACAO,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAAE,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,gBAAcR,MAAe;AAAA,oBAC7B,WAAWW;AAAA,sBACT;AAAA,sBACAX,MAAe,cAAc;AAAA,oBAAA;AAAA,oBAE/B,SAAS,MAAMI,EAAmB,UAAU;AAAA,oBAC5C,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAAL,EAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEVS,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,gBAAcR,MAAe;AAAA,oBAC7B,WAAWW;AAAA,sBACT;AAAA,sBACAX,MAAe,eAAe;AAAA,oBAAA;AAAA,oBAEhC,SAAS,MAAMI,EAAmB,WAAW;AAAA,oBAC7C,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAAL,EAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-6\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-6\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen mode\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","viewMode","container","onClose","onOpenChange","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":";;;;;AAwBA,MAAMA,IAA4B,CAAC;AAAA,EACjC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,kBAAAC;AACF,4BAEKC,GAAA,EAAO,MAAAP,GAAY,cAAAK,GAClB,UAAAG,gBAAAA,EAAAA,KAACC,KAAa,WAAAN,GACZ,UAAA;AAAA,EAAAO,gBAAAA,EAAAA,IAACC,GAAA,EAAc,WAAU,qBAAA,CAAqB;AAAA,EAC9CH,gBAAAA,EAAAA;AAAAA,IAACI;AAAAA,IAAA;AAAA,MACC,oBAAkB;AAAA,MAClB,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAL,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAY,WAAU,uDACpB,UAAAb,EAAO,OACV;AAAA,UACAS,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cACV,SAASN;AAAA,cACT,MAAK;AAAA,cAEL,UAAAM,gBAAAA,EAAAA,IAACK,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,GACF;AAAA,QAEAP,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gEACb,UAAAT,EAAO,QACV;AAAA,UACAO,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAAE,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,gBAAcR,MAAa;AAAA,oBAC3B,WAAWW;AAAA,sBACT;AAAA,sBACAX,MAAa,mBAAmB;AAAA,oBAAA;AAAA,oBAElC,SAAS,MAAMI,EAAiB,eAAe;AAAA,oBAC/C,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAAL,EAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEVS,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,gBAAcR,MAAa;AAAA,oBAC3B,WAAWW;AAAA,sBACT;AAAA,sBACAX,MAAa,gBAAgB;AAAA,oBAAA;AAAA,oBAE/B,SAAS,MAAMI,EAAiB,YAAY;AAAA,oBAC5C,MAAK;AAAA,oBACL,MAAK;AAAA,oBAEJ,UAAAL,EAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Slide/Player.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),ie=require("../../lib/utils.cjs.js"),qe=require("./MobilePlayerSettingsSheet.cjs.js"),Te=require("./utils/mobileScreenMode.cjs.js"),Ue=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const Pe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),We=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),Be=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),Ve=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),Fe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),Ke=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),Ze=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),oe=new Map,$e={settingsTitle:"Settings",screenLabel:"Screen",portraitLabel:"Portrait",landscapeLabel:"Landscape"},fe=j=>{if(typeof window>"u"||!j||oe.has(j))return;const M=window.document.createElement("audio");M.preload="auto",M.setAttribute("playsinline","true"),M.src=j,M.load(),oe.set(j,M)},He=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),Oe=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),ze=({audioList:j=[],className:M,currentAudioIndex:o=-1,defaultPlaying:g=!0,isPlaybackPaused:w=!1,isAutoAdvanceEnabled:F=!0,useAutoAdvanceToggle:K=!1,onLoadingChange:O,onPrev:de,onNext:me,onFullscreen:z,isFullscreen:D=!1,mobileScreenMode:pe=Te.DEFAULT_MOBILE_SCREEN_MODE,settingsPortalContainer:xe,onMobileScreenModeChange:X,onEnded:Y,onAutoAdvanceToggle:he,onInteractionToggle:ge,hasInteraction:Re=!1,isInteractionOpen:q=!1,prevDisabled:Ee=!1,nextDisabled:ye=!1,showControls:Z=!0,customActions:G,customActionContext:J,texts:Q,...be})=>{const p=r.useRef(null),I=r.useRef(q),R=r.useRef(null),ee=r.useRef(null),E=r.useRef(0),c=r.useRef(null),P=r.useRef(void 0),_=r.useRef([]),T=r.useRef(!1),re=r.useRef(!1),f=r.useRef(!1),A=r.useRef(null),x=r.useRef(!1),s=r.useRef(!1),d=r.useRef(null),h=r.useRef(!1),S=r.useRef("unknown"),[$,l]=r.useState(g),[te,v]=r.useState(!1),i=o>=0?j[o]:void 0,L=i?.audioUrl,y=r.useMemo(()=>[...i?.audioSegments??[]].sort((e,a)=>e.segment_index-a.segment_index),[i?.audioSegments]),ne=r.useMemo(()=>Ue.toPlayerCustomActionList(G,J),[J,G]),se=ne.length+5,je=r.useMemo(()=>({"--slide-player-mobile-control-count":String(se)}),[se]),W=r.useMemo(()=>({...$e,...Q}),[Q]),H=r.useMemo(()=>i?i.audioKey??`${String(i.sequenceNumber??"none")}:${String(i.audioUrl??"")}`:"none",[i]),_e=K?F:$,Se=K?F?"Pause autoplay":"Play autoplay":$?"Pause":"Play";r.useEffect(()=>{P.current=i},[i]),r.useEffect(()=>{Z||v(!1)},[Z]),r.useEffect(()=>{!I.current&&q&&v(!1),I.current=q},[q]),r.useEffect(()=>{_.current=y},[y]),r.useEffect(()=>{const e=i?.audioUrl,a=o>=0?j[o+1]?.audioUrl:void 0;fe(e),fe(a)},[j,i?.audioUrl,o]);const n=r.useCallback(e=>{re.current!==e&&(re.current=e,O?.(e))},[O]),ue=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),C=r.useCallback(()=>g&&!w&&!f.current&&S.current!=="blocked",[g,w]),le=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),ae=r.useCallback(()=>{const e=c.current;return e==null||e<=0?0:_.current.slice(0,e).reduce((a,u)=>a+Math.max(Number(u.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(()=>{const e=p.current;e&&(s.current=!1,f.current=!1,T.current=!1,A.current=null,d.current=null,x.current=!1,h.current=!1,e.pause(),e.removeAttribute("src"),e.load(),R.current=null,E.current=0,c.current=null,l(!1),n(!1))},[n]),m=r.useCallback(e=>{const a=p.current;if(!a)return!1;const u=a.play();return u&&typeof u.then=="function"&&u.then(()=>{S.current==="unknown"&&(S.current="auto"),s.current=!1,h.current=!1}).catch(N=>{S.current==="unknown"&&ue(N)&&(S.current="blocked",s.current=!1,n(!1)),h.current=!1,l(!1)}),!0},[ue,n]),b=r.useCallback((e,a)=>{const u=p.current,N=_.current[e];if(!u||!N)return!1;const k=le(N.audio_data);E.current=e,c.current=null,x.current=!1,h.current=!0;const V=C();s.current=V,n(!1);const Le=R.current!==k;return A.current="segment",Le&&(u.pause(),u.removeAttribute("src"),u.load(),R.current=k,u.src=k,u.load()),d.current=0,u.readyState>0&&(u.currentTime=0,d.current=null),V?m(`start-segment:${a}`):(s.current=!1,h.current=!1,u.pause(),l(!1),!0)},[C,le,m,n]),B=r.useCallback(e=>{s.current=!1,x.current=!1,h.current=!1,l(!1),n(!1),o>=0&&Y?.(o)},[o,Y,n]),ce=r.useCallback(()=>{const e=E.current+1,a=_.current,u=a[e],N=P.current,k=a.some(V=>V.is_final);if(u){b(e,"ended");return}if(N?.isAudioStreaming||!k){E.current=e,c.current=e,x.current=!0,s.current=g,l(!1),n(!0);return}B("segments-completed")},[g,B,b,n]);r.useEffect(()=>{if(ee.current===H)return;ee.current=H,E.current=0,c.current=null,x.current=!1,f.current=!1,T.current=!1,s.current=!1,h.current=!1,A.current=null,R.current=null,n(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[o,H,y.length,L,n]),r.useEffect(()=>{const e=p.current;if(e){if(w){T.current=!!(P.current&&!f.current&&(!e.paused||s.current||c.current!==null)),s.current=!1,n(!1),e.pause(),l(!1);return}if(!(!T.current||!P.current||f.current)){if(T.current=!1,c.current!==null){if(c.current<_.current.length){b(c.current,"external-resume");return}s.current=!0,n(!0);return}if(!R.current&&_.current.length>0){b(Math.min(E.current,_.current.length-1),"external-resume-init");return}e.paused&&(s.current=!0,m("external-resume"))}}},[w,b,m,n]),r.useEffect(()=>{const e=p.current;if(e){if(!i){U();return}if(w){s.current=!1,n(!1),e.pause(),l(!1);return}if(L){const a=R.current!==L,u=C();if(A.current==="segment"&&!!R.current&&c.current===null){if(!u){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("keep-segment-source"));return}if(a){const k=c.current!==null?ae():0;e.pause(),e.removeAttribute("src"),e.load(),R.current=L,A.current="url",e.src=L,e.load(),d.current=k,e.readyState>0&&(e.currentTime=k,d.current=null)}if(s.current=u,x.current=!1,h.current=!1,n(!1),!u){s.current=!1,e.pause(),l(!1);return}m(a?"sync-url-init":"sync-url");return}if(c.current!==null){if(c.current<y.length){if(f.current){l(!1),n(!1);return}b(c.current,"wait-resume");return}x.current=!0,s.current=C(),l(!1),n(C());return}if(!y.length){if(i.isAudioStreaming){c.current=E.current,x.current=!0,s.current=C(),l(!1),n(C());return}U();return}if(!R.current){b(Math.min(E.current,y.length-1),"effect-init");return}if(!g||f.current){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("sync-paused-retry"))}},[i,o,y,L,g,w,C,U,b,m,ae,n]),r.useEffect(()=>U,[U]);const Ce=r.useCallback(()=>{l(!0),n(!1)},[n]),ke=r.useCallback(()=>{x.current||h.current||l(!1)},[o]),Me=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null),!(!s.current||!g)&&m("canplay")},[o,g,m]),we=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null)},[o]),Ne=r.useCallback(()=>{const e=A.current==="url"||_.current.length===0;if(h.current=!1,e){B("url-ended");return}ce()},[B,ce]),Ae=r.useCallback(()=>{l(!1),n(!1)},[n]),ve=r.useCallback(e=>{X?.(e),v(!1)},[X]);return t.jsxRuntimeExports.jsxs("div",{className:ie.cn("slide-player",M),...be,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:we,onCanPlay:Me,onPlay:Ce,onPause:ke,onEnded:Ne,onError:Ae}),Z?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(qe.default,{container:xe,labels:{landscape:W.landscapeLabel,portrait:W.portraitLabel,screen:W.screenLabel,title:W.settingsTitle},onClose:()=>v(!1),onOpenChange:v,onScreenModeChange:ve,open:te,screenMode:pe}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:je,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":te,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{v(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Pe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(We.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Ee,onClick:de,type:"button",children:t.jsxRuntimeExports.jsx(Be.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Se,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(K){he?.(!F);return}const e=p.current;if(!(w||!e||!i)){if(c.current!==null){if($){s.current=!1,f.current=!0,c.current=null,x.current=!1,l(!1),n(!1),e.pause();return}S.current="manual",f.current=!1,s.current=!0,n(!0);return}if(!e.src&&y.length>0){S.current="manual",f.current=!1,b(Math.min(E.current,y.length-1),"toggle");return}if(e.paused){S.current="manual",f.current=!1,s.current=!0,m("toggle-resume");return}s.current=!1,f.current=!0,e.pause()}},type:"button",children:_e?t.jsxRuntimeExports.jsx(He,{}):t.jsxRuntimeExports.jsx(Oe,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:ye,onClick:me,type:"button",children:t.jsxRuntimeExports.jsx(Ve.default,{className:"slide-player__icon",strokeWidth:2.25})}),z?t.jsxRuntimeExports.jsx("button",{"aria-label":D?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:z,type:"button",children:D?t.jsxRuntimeExports.jsx(Fe.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(Ke.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[ne.map((e,a)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${a}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:ie.cn("slide-player__action slide-player__action--notes",q&&"slide-player__action--active"),disabled:!Re,onClick:ge,type:"button",children:t.jsxRuntimeExports.jsx(Ze.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})};exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),ie=require("../../lib/utils.cjs.js"),Le=require("./MobilePlayerSettingsSheet.cjs.js"),Te=require("./constants.cjs.js"),Ue=require("./utils/mobileScreenMode.cjs.js"),We=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const Pe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),Ve=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),Be=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),Fe=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),Ke=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),Ze=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),$e=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),oe=new Map,fe=_=>{if(typeof window>"u"||!_||oe.has(_))return;const w=window.document.createElement("audio");w.preload="auto",w.setAttribute("playsinline","true"),w.src=_,w.load(),oe.set(_,w)},He=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),Oe=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),De=({audioList:_=[],className:w,currentAudioIndex:o=-1,defaultPlaying:g=!0,isPlaybackPaused:M=!1,isAutoAdvanceEnabled:F=!0,useAutoAdvanceToggle:K=!1,onLoadingChange:O,onPrev:de,onNext:me,onFullscreen:D,isFullscreen:z=!1,mobileViewMode:pe=Ue.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:xe,onMobileViewModeChange:X,onEnded:Y,onAutoAdvanceToggle:he,onInteractionToggle:ge,hasInteraction:Re=!1,isInteractionOpen:L=!1,prevDisabled:Ee=!1,nextDisabled:ye=!1,showControls:Z=!0,customActions:G,customActionContext:J,texts:Q,...je})=>{const p=r.useRef(null),I=r.useRef(L),R=r.useRef(null),ee=r.useRef(null),E=r.useRef(0),c=r.useRef(null),W=r.useRef(void 0),b=r.useRef([]),T=r.useRef(!1),re=r.useRef(!1),f=r.useRef(!1),N=r.useRef(null),x=r.useRef(!1),s=r.useRef(!1),d=r.useRef(null),h=r.useRef(!1),S=r.useRef("unknown"),[$,l]=r.useState(g),[te,v]=r.useState(!1),i=o>=0?_[o]:void 0,q=i?.audioUrl,y=r.useMemo(()=>[...i?.audioSegments??[]].sort((e,a)=>e.segment_index-a.segment_index),[i?.audioSegments]),ne=r.useMemo(()=>We.toPlayerCustomActionList(G,J),[J,G]),se=ne.length+5,_e=r.useMemo(()=>({"--slide-player-mobile-control-count":String(se)}),[se]),P=r.useMemo(()=>({...Te.DEFAULT_SLIDE_PLAYER_TEXTS,...Q}),[Q]),H=r.useMemo(()=>i?i.audioKey??`${String(i.sequenceNumber??"none")}:${String(i.audioUrl??"")}`:"none",[i]),be=K?F:$,Se=K?F?"Pause autoplay":"Play autoplay":$?"Pause":"Play";r.useEffect(()=>{W.current=i},[i]),r.useEffect(()=>{Z||v(!1)},[Z]),r.useEffect(()=>{!I.current&&L&&v(!1),I.current=L},[L]),r.useEffect(()=>{b.current=y},[y]),r.useEffect(()=>{const e=i?.audioUrl,a=o>=0?_[o+1]?.audioUrl:void 0;fe(e),fe(a)},[_,i?.audioUrl,o]);const n=r.useCallback(e=>{re.current!==e&&(re.current=e,O?.(e))},[O]),ue=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),C=r.useCallback(()=>g&&!M&&!f.current&&S.current!=="blocked",[g,M]),le=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),ae=r.useCallback(()=>{const e=c.current;return e==null||e<=0?0:b.current.slice(0,e).reduce((a,u)=>a+Math.max(Number(u.duration_ms??0),0),0)/1e3},[]),U=r.useCallback(()=>{const e=p.current;e&&(s.current=!1,f.current=!1,T.current=!1,N.current=null,d.current=null,x.current=!1,h.current=!1,e.pause(),e.removeAttribute("src"),e.load(),R.current=null,E.current=0,c.current=null,l(!1),n(!1))},[n]),m=r.useCallback(e=>{const a=p.current;if(!a)return!1;const u=a.play();return u&&typeof u.then=="function"&&u.then(()=>{S.current==="unknown"&&(S.current="auto"),s.current=!1,h.current=!1}).catch(A=>{S.current==="unknown"&&ue(A)&&(S.current="blocked",s.current=!1,n(!1)),h.current=!1,l(!1)}),!0},[ue,n]),j=r.useCallback((e,a)=>{const u=p.current,A=b.current[e];if(!u||!A)return!1;const k=le(A.audio_data);E.current=e,c.current=null,x.current=!1,h.current=!0;const B=C();s.current=B,n(!1);const qe=R.current!==k;return N.current="segment",qe&&(u.pause(),u.removeAttribute("src"),u.load(),R.current=k,u.src=k,u.load()),d.current=0,u.readyState>0&&(u.currentTime=0,d.current=null),B?m(`start-segment:${a}`):(s.current=!1,h.current=!1,u.pause(),l(!1),!0)},[C,le,m,n]),V=r.useCallback(e=>{s.current=!1,x.current=!1,h.current=!1,l(!1),n(!1),o>=0&&Y?.(o)},[o,Y,n]),ce=r.useCallback(()=>{const e=E.current+1,a=b.current,u=a[e],A=W.current,k=a.some(B=>B.is_final);if(u){j(e,"ended");return}if(A?.isAudioStreaming||!k){E.current=e,c.current=e,x.current=!0,s.current=g,l(!1),n(!0);return}V("segments-completed")},[g,V,j,n]);r.useEffect(()=>{if(ee.current===H)return;ee.current=H,E.current=0,c.current=null,x.current=!1,f.current=!1,T.current=!1,s.current=!1,h.current=!1,N.current=null,R.current=null,n(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[o,H,y.length,q,n]),r.useEffect(()=>{const e=p.current;if(e){if(M){T.current=!!(W.current&&!f.current&&(!e.paused||s.current||c.current!==null)),s.current=!1,n(!1),e.pause(),l(!1);return}if(!(!T.current||!W.current||f.current)){if(T.current=!1,c.current!==null){if(c.current<b.current.length){j(c.current,"external-resume");return}s.current=!0,n(!0);return}if(!R.current&&b.current.length>0){j(Math.min(E.current,b.current.length-1),"external-resume-init");return}e.paused&&(s.current=!0,m("external-resume"))}}},[M,j,m,n]),r.useEffect(()=>{const e=p.current;if(e){if(!i){U();return}if(M){s.current=!1,n(!1),e.pause(),l(!1);return}if(q){const a=R.current!==q,u=C();if(N.current==="segment"&&!!R.current&&c.current===null){if(!u){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("keep-segment-source"));return}if(a){const k=c.current!==null?ae():0;e.pause(),e.removeAttribute("src"),e.load(),R.current=q,N.current="url",e.src=q,e.load(),d.current=k,e.readyState>0&&(e.currentTime=k,d.current=null)}if(s.current=u,x.current=!1,h.current=!1,n(!1),!u){s.current=!1,e.pause(),l(!1);return}m(a?"sync-url-init":"sync-url");return}if(c.current!==null){if(c.current<y.length){if(f.current){l(!1),n(!1);return}j(c.current,"wait-resume");return}x.current=!0,s.current=C(),l(!1),n(C());return}if(!y.length){if(i.isAudioStreaming){c.current=E.current,x.current=!0,s.current=C(),l(!1),n(C());return}U();return}if(!R.current){j(Math.min(E.current,y.length-1),"effect-init");return}if(!g||f.current){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,m("sync-paused-retry"))}},[i,o,y,q,g,M,C,U,j,m,ae,n]),r.useEffect(()=>U,[U]);const Ce=r.useCallback(()=>{l(!0),n(!1)},[n]),ke=r.useCallback(()=>{x.current||h.current||l(!1)},[o]),we=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null),!(!s.current||!g)&&m("canplay")},[o,g,m]),Me=r.useCallback(()=>{const e=p.current;e&&d.current!==null&&(e.currentTime=d.current,d.current=null)},[o]),Ae=r.useCallback(()=>{const e=N.current==="url"||b.current.length===0;if(h.current=!1,e){V("url-ended");return}ce()},[V,ce]),Ne=r.useCallback(()=>{l(!1),n(!1)},[n]),ve=r.useCallback(e=>{X?.(e),v(!1)},[X]);return t.jsxRuntimeExports.jsxs("div",{className:ie.cn("slide-player",w),...je,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadedMetadata:Me,onCanPlay:we,onPlay:Ce,onPause:ke,onEnded:Ae,onError:Ne}),Z?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Le.default,{container:xe,labels:{fullscreen:P.fullscreenLabel,nonFullscreen:P.nonFullscreenLabel,screen:P.screenLabel,title:P.settingsTitle},onClose:()=>v(!1),onOpenChange:v,onViewModeChange:ve,open:te,viewMode:pe}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:_e,children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-expanded":te,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{v(e=>!e)},type:"button",children:t.jsxRuntimeExports.jsx(Pe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(Ve.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Ee,onClick:de,type:"button",children:t.jsxRuntimeExports.jsx(Be.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":Se,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(K){he?.(!F);return}const e=p.current;if(!(M||!e||!i)){if(c.current!==null){if($){s.current=!1,f.current=!0,c.current=null,x.current=!1,l(!1),n(!1),e.pause();return}S.current="manual",f.current=!1,s.current=!0,n(!0);return}if(!e.src&&y.length>0){S.current="manual",f.current=!1,j(Math.min(E.current,y.length-1),"toggle");return}if(e.paused){S.current="manual",f.current=!1,s.current=!0,m("toggle-resume");return}s.current=!1,f.current=!0,e.pause()}},type:"button",children:be?t.jsxRuntimeExports.jsx(He,{}):t.jsxRuntimeExports.jsx(Oe,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:ye,onClick:me,type:"button",children:t.jsxRuntimeExports.jsx(Fe.default,{className:"slide-player__icon",strokeWidth:2.25})}),D?t.jsxRuntimeExports.jsx("button",{"aria-label":z?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:D,type:"button",children:z?t.jsxRuntimeExports.jsx(Ke.default,{className:"slide-player__icon",strokeWidth:2.25}):t.jsxRuntimeExports.jsx(Ze.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[ne.map((e,a)=>t.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${a}`)),t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:ie.cn("slide-player__action slide-player__action--notes",L&&"slide-player__action--active"),disabled:!Re,onClick:ge,type:"button",children:t.jsxRuntimeExports.jsx($e.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})};exports.default=De;
 //# sourceMappingURL=Player.cjs.js.map