@videojs/react 10.0.0-beta.26 → 10.0.0-beta.28

package/dist/dev/skins/dist/default/minimal/tailwind/components/input-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"absolute top-0 inset-x-0\", \"pt-3 pb-32\", \"flex justify-center\", \"text-inherit font-medium\", \"origin-top pointer-events-none\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-400\", \"data-starting-style:ease-in\", \"data-ending-style:duration-400\", \"data-ending-style:ease-in\", \"[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"motion-safe:data-ending-style:-translate-y-full\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]\", \"contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-[--spacing(2)]\"),\n\t\tvolume: cn(\"*:data-feedback-island-content:w-[min(80%,--spacing(56))]\"),\n\t\tvolumeProgress: cn(\"[--media-progress-fill:var(--media-volume-fill)]\", \"w-full h-0.75 rounded-full\", \"[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_100%)]\", \"shadow-[0_1px_0_var(--media-current-shadow-color-subtle)]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:*:data-feedback-island-content:animate-media-shake\", \"data-max:*:data-feedback-island-content:animate-media-shake\", \"motion-reduce:data-min:*:data-feedback-island-content:animate-none\", \"motion-reduce:data-max:*:data-feedback-island-content:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: \"group-data-[status=fullscreen]/input-indicator:block\",\n\t\tshownFullscreenExit: \"group-data-[status=exit-fullscreen]/input-indicator:block\",\n\t\tshownPipEnter: \"group-data-[status=pip]/input-indicator:block\",\n\t\tshownPipExit: \"group-data-[status=exit-pip]/input-indicator:block\",\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\", \"data-direction:gap-1\", \"@2xl/media-root:data-direction:p-6\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-200 not-data-direction:ease-out\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-50\", \"not-data-direction:data-starting-style:opacity-0\", \"not-data-direction:data-ending-style:opacity-0\", \"not-data-direction:data-starting-style:scale-[0.85]\", \"not-data-direction:data-ending-style:scale-[0.85]\", \"not-data-direction:data-ending-style:duration-100\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden size-[calc(var(--media-icon-size)*2)]\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:size-[calc(var(--media-icon-size)*1.5)]\", \"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:[scale:-1_1]\", \"motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out\", \"motion-safe:group-data-starting-style/input-indicator:opacity-0\", \"motion-safe:group-data-ending-style/input-indicator:opacity-0\", \"motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]\", \"motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]\"),\n\t\tshownPause: \"group-data-[status=pause]/input-indicator:block\",\n\t\tshownPlay: \"group-data-[status=play]/input-indicator:block\",\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,wCAAwC,sEAAsE,qBAAqB,iDAAiD;CAC7L,QAAQ;EACP,MAAM,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,iHAAiH,oEAAoE,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,iDAAiD;EACh6B,SAAS,GAAG,uDAAuD,kBAAkB,wFAAwF,wEAAwE,2FAA2F;EAChV,QAAQ,GAAG,2DAA2D;EACtE,gBAAgB,GAAG,oDAAoD,8BAA8B,8MAA8M,2DAA2D;EAC9W,aAAa,GAAG,0BAA0B,+DAA+D,+DAA+D,sEAAsE,oEAAoE;EAClT,aAAa,GAAG,wBAAwB;EACxC,MAAM,GAAG,mBAAmB,yDAAyD;EACrF,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,OAAO;CACR;CACA,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,6CAA6C,wBAAwB,sCAAsC,0DAA0D,+DAA+D,uDAAuD,gDAAgD,oDAAoD,kDAAkD,uDAAuD,qDAAqD,qDAAqD,gDAAgD,sFAAsF,gFAAgF;EACr2B,MAAM;EACN,WAAW,GAAG,gFAAgF,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,yHAAyH;EACnqB,YAAY;EACZ,WAAW;EACX,MAAM;CACP;AACD"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/root.js

@@ -1,8 +0,0 @@
-import { reset } from "./reset.js";
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/root.js
-const root = cn(reset, "block relative isolate h-full w-full @container/media-root", "rounded-(--media-border-radius,0.75rem)", "font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased", "outline-2 outline-transparent -outline-offset-4", "transition-[outline-offset,outline-color] duration-100 ease-out", "focus-visible:outline-current focus-visible:outline-offset-2", "scrollbar-thin scrollbar-thumb-current/30", "[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-auto", "[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-thumb-current/80", "[--media-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]", "[--media-current-shadow-color-subtle:oklch(from_var(--media-current-shadow-color)_l_c_h/calc(alpha*0.4))]", "[--scale:1]", "[--font-size-base:calc(0.8125rem*var(--scale))]", "[--font-size-small:calc(0.6875rem*var(--scale))]", "[--font-size-medium:calc(0.9375rem*var(--scale))]", "[--font-size-tiny:calc(0.5625rem*var(--scale))]", "[--media-icon-size:calc(--spacing(4.5)*var(--scale))]", "[--spacing-proxy:var(--spacing)]", "[&>*]:[--spacing:calc(var(--spacing-proxy)*var(--scale))]");
-//#endregion
-export { root };
-
-//# sourceMappingURL=root.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/root.js"],"sourcesContent":["import { reset } from \"./reset.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/root.ts\nconst root = cn(reset, \"block relative isolate h-full w-full @container/media-root\", \"rounded-(--media-border-radius,0.75rem)\", \"font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased\", \"outline-2 outline-transparent -outline-offset-4\", \"transition-[outline-offset,outline-color] duration-100 ease-out\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"scrollbar-thin scrollbar-thumb-current/30\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-auto\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-thumb-current/80\", \"[--media-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]\", \"[--media-current-shadow-color-subtle:oklch(from_var(--media-current-shadow-color)_l_c_h/calc(alpha*0.4))]\", \"[--scale:1]\", \"[--font-size-base:calc(0.8125rem*var(--scale))]\", \"[--font-size-small:calc(0.6875rem*var(--scale))]\", \"[--font-size-medium:calc(0.9375rem*var(--scale))]\", \"[--font-size-tiny:calc(0.5625rem*var(--scale))]\", \"[--media-icon-size:calc(--spacing(4.5)*var(--scale))]\", \"[--spacing-proxy:var(--spacing)]\", \"[&>*]:[--spacing:calc(var(--spacing-proxy)*var(--scale))]\");\n//#endregion\nexport { root };\n\n//# sourceMappingURL=root.js.map"],"mappings":";;;AAGA,MAAM,OAAO,GAAG,OAAO,8DAA8D,2CAA2C,qIAAqI,mDAAmD,mEAAmE,gEAAgE,6CAA6C,4FAA4F,wGAAwG,iGAAiG,6GAA6G,eAAe,mDAAmD,oDAAoD,qDAAqD,mDAAmD,yDAAyD,oCAAoC,2DAA2D"}

package/dist/dev/tailwind.css

@@ -1,42 +0,0 @@
-/* -------------------------------------------------------------------------- */
-/* Supporting @keyframes, @properties and @theme for Tailwind CSS             */
-/* -------------------------------------------------------------------------- */
-
-/* -------------------------------------------------------------------------- */
-/* Global @keyframes for all video skins (CSS & Tailwind)                     */
-/* -------------------------------------------------------------------------- */
-
-@keyframes media-shake {
-  0%,
-  100% {
-    translate: 0 0;
-  }
-  20% {
-    translate: -6px 0;
-  }
-  40% {
-    translate: 4px 0;
-  }
-  60% {
-    translate: -2px 0;
-  }
-  80% {
-    translate: 1px 0;
-  }
-}
-
-/* -------------------------------------------------------------------------- */
-/* Global @properties for all video skins (CSS & Tailwind)                    */
-/* -------------------------------------------------------------------------- */
-
-@property --media-progress-fill {
-  syntax: "<percentage>";
-  inherits: true;
-  initial-value: 0%;
-}
-
-
-@theme {
-  --animate-media-shake: media-shake 300ms ease-in-out;
-}
-

package/dist/dev/ui/input-indicators/use-indicator-visibility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-indicator-visibility.js","names":[],"sources":["../../../../src/ui/input-indicators/use-indicator-visibility.ts"],"sourcesContent":["'use client';\n\nimport type { IndicatorVisibilityHandle } from '@videojs/core';\nimport { getIndicatorVisibilityCoordinator } from '@videojs/core/dom';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useContainer } from '../../player/context';\nimport { useLatestRef } from '../../utils/use-latest-ref';\n\nexport function useIndicatorVisibility(close: () => void): () => void {\n  const container = useContainer();\n  const closeRef = useLatestRef(close);\n  const coordinatorRef = useRef<ReturnType<typeof getIndicatorVisibilityCoordinator> | null>(null);\n  const [handle] = useState<IndicatorVisibilityHandle>(() => ({\n    close: () => closeRef.current(),\n  }));\n\n  useEffect(() => {\n    if (!container) return;\n\n    const coordinator = getIndicatorVisibilityCoordinator(container);\n    coordinatorRef.current = coordinator;\n\n    return coordinator.register(handle);\n  }, [container, handle]);\n\n  return useCallback(() => {\n    coordinatorRef.current?.show(handle);\n  }, [handle]);\n}\n"],"mappings":";;;;;;AASA,SAAgB,uBAAuB,OAA+B;CACpE,MAAM,YAAY,aAAa;CAC/B,MAAM,WAAW,aAAa,KAAK;CACnC,MAAM,iBAAiB,OAAoE,IAAI;CAC/F,MAAM,CAAC,UAAU,gBAA2C,EAC1D,aAAa,SAAS,QAAQ,EAChC,EAAE;CAEF,gBAAgB;EACd,IAAI,CAAC,WAAW;EAEhB,MAAM,cAAc,kCAAkC,SAAS;EAC/D,eAAe,UAAU;EAEzB,OAAO,YAAY,SAAS,MAAM;CACpC,GAAG,CAAC,WAAW,MAAM,CAAC;CAEtB,OAAO,kBAAkB;EACvB,eAAe,SAAS,KAAK,MAAM;CACrC,GAAG,CAAC,MAAM,CAAC;AACb"}

package/dist/dev/ui/input-indicators/use-input-action-subscription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-input-action-subscription.js","names":[],"sources":["../../../../src/ui/input-indicators/use-input-action-subscription.ts"],"sourcesContent":["'use client';\n\nimport type { InputActionEvent, MediaSnapshot } from '@videojs/core';\nimport { getMediaSnapshot, subscribeToInputActions } from '@videojs/core/dom';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\nimport { useLatestRef } from '../../utils/use-latest-ref';\n\nexport function useInputActionSubscription(callback: (event: InputActionEvent, snapshot: MediaSnapshot) => void): void {\n  const container = useContainer();\n  const store = usePlayer();\n  const callbackRef = useLatestRef(callback);\n  const storeRef = useLatestRef(store);\n\n  useEffect(() => {\n    if (!container) return;\n\n    return subscribeToInputActions(container, (event) => {\n      callbackRef.current(event, getMediaSnapshot(storeRef.current));\n    });\n  }, [container]);\n}\n"],"mappings":";;;;;;AASA,SAAgB,2BAA2B,UAA4E;CACrH,MAAM,YAAY,aAAa;CAC/B,MAAM,QAAQ,UAAU;CACxB,MAAM,cAAc,aAAa,QAAQ;CACzC,MAAM,WAAW,aAAa,KAAK;CAEnC,gBAAgB;EACd,IAAI,CAAC,WAAW;EAEhB,OAAO,wBAAwB,YAAY,UAAU;GACnD,YAAY,QAAQ,OAAO,iBAAiB,SAAS,OAAO,CAAC;EAC/D,CAAC;CACH,GAAG,CAAC,SAAS,CAAC;AAChB"}

package/dist/dev/ui/input-indicators/use-input-indicator-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-input-indicator-root.js","names":[],"sources":["../../../../src/ui/input-indicators/use-input-indicator-root.ts"],"sourcesContent":["'use client';\n\nimport type { IndicatorLifecycleState, InputActionEvent, MediaSnapshot } from '@videojs/core';\nimport type { State as StoreState } from '@videojs/store';\nimport { useState, useSyncExternalStore } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useIndicatorVisibility } from './use-indicator-visibility';\nimport { useInputActionSubscription } from './use-input-action-subscription';\nimport { type RenderedIndicatorOptions, useRenderedIndicatorState } from './use-rendered-indicator-state';\n\ninterface InputIndicatorRootCore<IndicatorState extends IndicatorLifecycleState, Props> {\n  readonly state: StoreState<IndicatorState>;\n  setProps(props: Props): void;\n  destroy(): void;\n  close(): void;\n  processEvent(event: InputActionEvent, snapshot: MediaSnapshot): boolean;\n}\n\nexport function useInputIndicatorRoot<IndicatorState extends IndicatorLifecycleState, Props>(\n  createCore: () => InputIndicatorRootCore<IndicatorState, Props>,\n  props: Props,\n  options?: RenderedIndicatorOptions\n) {\n  const [core] = useState(createCore);\n  useDestroy(core);\n  core.setProps(props);\n  const showIndicator = useIndicatorVisibility(() => core.close());\n\n  useInputActionSubscription((event, snapshot) => {\n    if (core.processEvent(event, snapshot)) showIndicator();\n  });\n\n  const currentState = useSyncExternalStore(\n    (callback) => core.state.subscribe(callback),\n    () => core.state.current,\n    () => core.state.current\n  );\n\n  return useRenderedIndicatorState(currentState, options);\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,sBACd,YACA,OACA,SACA;CACA,MAAM,CAAC,QAAQ,SAAS,UAAU;CAClC,WAAW,IAAI;CACf,KAAK,SAAS,KAAK;CACnB,MAAM,gBAAgB,6BAA6B,KAAK,MAAM,CAAC;CAE/D,4BAA4B,OAAO,aAAa;EAC9C,IAAI,KAAK,aAAa,OAAO,QAAQ,GAAG,cAAc;CACxD,CAAC;CAQD,OAAO,0BANc,sBAClB,aAAa,KAAK,MAAM,UAAU,QAAQ,SACrC,KAAK,MAAM,eACX,KAAK,MAAM,OAGyB,GAAG,OAAO;AACxD"}

package/dist/dev/ui/input-indicators/use-rendered-indicator-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-rendered-indicator-state.js","names":[],"sources":["../../../../src/ui/input-indicators/use-rendered-indicator-state.ts"],"sourcesContent":["'use client';\n\nimport { getRenderedIndicatorState, type IndicatorLifecycleState, isIndicatorPresent } from '@videojs/core';\nimport { createTransition } from '@videojs/core/dom';\nimport { useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\n\nexport interface RenderedIndicatorOptions {\n  replayOnUpdate?: boolean | undefined;\n}\n\nexport function useRenderedIndicatorState<State extends IndicatorLifecycleState>(\n  currentState: State,\n  options: RenderedIndicatorOptions = {}\n) {\n  const elementRef = useRef<HTMLElement>(null);\n  const currentStateRef = useRef(currentState);\n  const snapshotRef = useRef(currentState);\n  const [transition] = useState(() => createTransition());\n  useDestroy(transition);\n  currentStateRef.current = currentState;\n\n  const transitionState = useSyncExternalStore(\n    (callback) => transition.state.subscribe(callback),\n    () => transition.state.current,\n    () => transition.state.current\n  );\n\n  const { generation, open } = currentState;\n\n  useLayoutEffect(() => {\n    if (open) {\n      const nextState = currentStateRef.current;\n      if (nextState.generation !== generation) return;\n\n      snapshotRef.current = nextState;\n      const transitionState = transition.state.current;\n      if (!transitionState.active || options.replayOnUpdate !== false) {\n        void transition.open(elementRef.current);\n      } else if (transitionState.status === 'ending') {\n        transition.cancel();\n      }\n      return;\n    }\n\n    const { active, status } = transition.state.current;\n    if (active && status !== 'ending') {\n      void transition.close(elementRef.current);\n    }\n  }, [generation, open, options.replayOnUpdate, transition]);\n\n  return {\n    elementRef,\n    present: isIndicatorPresent(currentState, transitionState),\n    state: getRenderedIndicatorState(currentState, snapshotRef.current, transitionState),\n  };\n}\n"],"mappings":";;;;;;AAYA,SAAgB,0BACd,cACA,UAAoC,CAAC,GACrC;CACA,MAAM,aAAa,OAAoB,IAAI;CAC3C,MAAM,kBAAkB,OAAO,YAAY;CAC3C,MAAM,cAAc,OAAO,YAAY;CACvC,MAAM,CAAC,cAAc,eAAe,iBAAiB,CAAC;CACtD,WAAW,UAAU;CACrB,gBAAgB,UAAU;CAE1B,MAAM,kBAAkB,sBACrB,aAAa,WAAW,MAAM,UAAU,QAAQ,SAC3C,WAAW,MAAM,eACjB,WAAW,MAAM,OACzB;CAEA,MAAM,EAAE,YAAY,SAAS;CAE7B,sBAAsB;EACpB,IAAI,MAAM;GACR,MAAM,YAAY,gBAAgB;GAClC,IAAI,UAAU,eAAe,YAAY;GAEzC,YAAY,UAAU;GACtB,MAAM,kBAAkB,WAAW,MAAM;GACzC,IAAI,CAAC,gBAAgB,UAAU,QAAQ,mBAAmB,OACxD,WAAgB,KAAK,WAAW,OAAO;QAClC,IAAI,gBAAgB,WAAW,UACpC,WAAW,OAAO;GAEpB;EACF;EAEA,MAAM,EAAE,QAAQ,WAAW,WAAW,MAAM;EAC5C,IAAI,UAAU,WAAW,UACvB,WAAgB,MAAM,WAAW,OAAO;CAE5C,GAAG;EAAC;EAAY;EAAM,QAAQ;EAAgB;CAAU,CAAC;CAEzD,OAAO;EACL;EACA,SAAS,mBAAmB,cAAc,eAAe;EACzD,OAAO,0BAA0B,cAAc,YAAY,SAAS,eAAe;CACrF;AACF"}

package/dist/dev/ui/menu/menu-back.d.ts

@@ -1,17 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { Text } from "@videojs/core/i18n";
-import { MenuState } from "@videojs/core";
-//#region src/ui/menu/menu-back.d.ts
-interface MenuBackProps extends UIComponentProps<'button', MenuState> {
-  /** Accessible label for the back button. */
-  label?: Text | string;
-}
-/** Button that navigates back to the parent menu view. Place at the top of a submenu Content. */
-declare const MenuBack: import("react").ForwardRefExoticComponent<Omit<MenuBackProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-declare namespace MenuBack {
-  type Props = MenuBackProps;
-  type State = MenuState;
-}
-//#endregion
-export { MenuBack, MenuBackProps };
-//# sourceMappingURL=menu-back.d.ts.map

package/dist/dev/ui/menu/menu-back.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-back.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-back.tsx"],"mappings":";;;;UAYiB,sBAAsB,2BAA2B;;EAEhE,QAAQ;;;cAIG,0BAAQ,0BAAA,KAAA,wCAAA,cAAA;kBAkCJ;OACH,QAAQ;OACR,QAAQ"}

package/dist/dev/ui/menu/menu-back.js

@@ -1,34 +0,0 @@
-"use client";
-import { useTranslator } from "../../i18n/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { useSubMenuContext } from "./context.js";
-import { translateText } from "@videojs/core/i18n";
-import { forwardRef, useCallback } from "react";
-import { backText } from "@videojs/core/i18n/text/menu";
-//#region src/ui/menu/menu-back.tsx
-/** Button that navigates back to the parent menu view. Place at the top of a submenu Content. */
-const MenuBack = forwardRef(function MenuBack({ render, className, style, label = backText, onClick, ...elementProps }, forwardedRef) {
-	const t = useTranslator();
-	const parentMenu = useSubMenuContext()?.parentMenu ?? null;
-	const handleClick = useCallback((event) => {
-		onClick?.(event);
-		parentMenu?.pop();
-	}, [onClick, parentMenu]);
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state: parentMenu?.state ?? {},
-		ref: forwardedRef,
-		props: [{
-			type: "button",
-			"aria-label": translateText(label, t),
-			onClick: handleClick
-		}, elementProps]
-	});
-});
-//#endregion
-export { MenuBack };
-
-//# sourceMappingURL=menu-back.js.map

package/dist/dev/ui/menu/menu-back.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-back.js","names":[],"sources":["../../../../src/ui/menu/menu-back.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { type Text, translateText } from '@videojs/core/i18n';\nimport { backText } from '@videojs/core/i18n/text/menu';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSubMenuContext } from './context';\n\nexport interface MenuBackProps extends UIComponentProps<'button', MenuState> {\n  /** Accessible label for the back button. */\n  label?: Text | string;\n}\n\n/** Button that navigates back to the parent menu view. Place at the top of a submenu Content. */\nexport const MenuBack = forwardRef<HTMLButtonElement, MenuBackProps>(function MenuBack(\n  { render, className, style, label = backText, onClick, ...elementProps },\n  forwardedRef\n) {\n  const t = useTranslator();\n  const subMenuCtx = useSubMenuContext();\n  const parentMenu = subMenuCtx?.parentMenu ?? null;\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      parentMenu?.pop();\n    },\n    [onClick, parentMenu]\n  );\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state: parentMenu?.state ?? ({} as MenuState),\n      ref: forwardedRef,\n      props: [\n        {\n          type: 'button' as const,\n          'aria-label': translateText(label, t),\n          onClick: handleClick,\n        },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace MenuBack {\n  export type Props = MenuBackProps;\n  export type State = MenuState;\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,WAAW,WAA6C,SAAS,SAC5E,EAAE,QAAQ,WAAW,OAAO,QAAQ,UAAU,SAAS,GAAG,gBAC1D,cACA;CACA,MAAM,IAAI,cAAc;CAExB,MAAM,aADa,kBACS,CAAC,EAAE,cAAc;CAE7C,MAAM,cAAc,aACjB,UAA+C;EAC9C,UAAU,KAAK;EACf,YAAY,IAAI;CAClB,GACA,CAAC,SAAS,UAAU,CACtB;CAEA,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE,OAAO,YAAY,SAAU,CAAC;EAC9B,KAAK;EACL,OAAO,CACL;GACE,MAAM;GACN,cAAc,cAAc,OAAO,CAAC;GACpC,SAAS;EACX,GACA,YACF;CACF,CACF;AACF,CAAC"}

package/dist/dev/ui/menu/menu-item-setting-provider.js

@@ -1,77 +0,0 @@
-"use client";
-import { useTranslator } from "../../i18n/context.js";
-import { MenuItemSettingContextProvider } from "./context.js";
-import { useAudioTrackOptions } from "../audio-track/use-audio-track-options.js";
-import { useCaptionsOptions } from "../captions-radio-group/use-captions-options.js";
-import { usePlaybackRateOptions } from "../playback-rate/use-playback-rate-options.js";
-import { useQualityOptions } from "../quality/use-quality-options.js";
-import { translateText } from "@videojs/core/i18n";
-import { jsx } from "react/jsx-runtime";
-import { CAPTIONS_OFF_VALUE } from "@videojs/core";
-import { autoText, offText } from "@videojs/core/i18n/text/menu";
-//#region src/ui/menu/menu-item-setting-provider.tsx
-function PlaybackRateMenuItemSettingProvider({ children }) {
-	const playbackRate = usePlaybackRateOptions();
-	if (!playbackRate) return children;
-	const { state, options, value } = playbackRate;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "playback-rate",
-			label: options.find((option) => option.value === value)?.label ?? "",
-			availability: state.availability
-		},
-		children
-	});
-}
-function CaptionsMenuItemSettingProvider({ children }) {
-	const captions = useCaptionsOptions();
-	const t = useTranslator();
-	if (!captions) return children;
-	const { state, options, value } = captions;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "captions",
-			label: value === CAPTIONS_OFF_VALUE ? translateText(offText, t) : options.find((option) => option.value === value)?.label ?? translateText(offText, t),
-			availability: state.availability
-		},
-		children
-	});
-}
-function QualityMenuItemSettingProvider({ children }) {
-	const quality = useQualityOptions();
-	const t = useTranslator();
-	if (!quality) return children;
-	const { state, options, value } = quality;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "quality",
-			label: options.find((option) => option.value === value)?.label ?? translateText(autoText, t),
-			availability: state.availability
-		},
-		children
-	});
-}
-function AudioTrackMenuItemSettingProvider({ children }) {
-	const audioTrack = useAudioTrackOptions();
-	if (!audioTrack) return children;
-	const { state, options, value } = audioTrack;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "audio-track",
-			label: options.find((option) => option.value === value)?.label ?? "",
-			availability: state.availability
-		},
-		children
-	});
-}
-function MenuItemSettingProvider({ type, children }) {
-	if (type === "playback-rate") return /* @__PURE__ */ jsx(PlaybackRateMenuItemSettingProvider, { children });
-	if (type === "quality") return /* @__PURE__ */ jsx(QualityMenuItemSettingProvider, { children });
-	if (type === "audio-track") return /* @__PURE__ */ jsx(AudioTrackMenuItemSettingProvider, { children });
-	if (type === "captions") return /* @__PURE__ */ jsx(CaptionsMenuItemSettingProvider, { children });
-	return children;
-}
-//#endregion
-export { MenuItemSettingProvider };
-
-//# sourceMappingURL=menu-item-setting-provider.js.map

package/dist/dev/ui/menu/menu-item-setting-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-setting-provider.js","names":[],"sources":["../../../../src/ui/menu/menu-item-setting-provider.tsx"],"sourcesContent":["'use client';\n\nimport { CAPTIONS_OFF_VALUE } from '@videojs/core';\nimport { translateText } from '@videojs/core/i18n';\nimport { autoText, offText } from '@videojs/core/i18n/text/menu';\nimport type { ReactNode } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport { useAudioTrackOptions } from '../audio-track/use-audio-track-options';\nimport { useCaptionsOptions } from '../captions-radio-group/use-captions-options';\nimport { usePlaybackRateOptions } from '../playback-rate/use-playback-rate-options';\nimport { useQualityOptions } from '../quality/use-quality-options';\nimport { MenuItemSettingContextProvider } from './context';\nimport type { MenuItemSettingType } from './menu-item-type';\n\nexport interface MenuItemSettingProviderProps {\n  type: MenuItemSettingType;\n  children: ReactNode;\n}\n\nfunction PlaybackRateMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const playbackRate = usePlaybackRateOptions();\n  if (!playbackRate) return children;\n\n  const { state, options, value } = playbackRate;\n  const label = options.find((option) => option.value === value)?.label ?? '';\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'playback-rate', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction CaptionsMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const captions = useCaptionsOptions();\n  const t = useTranslator();\n  if (!captions) return children;\n\n  const { state, options, value } = captions;\n  const label =\n    value === CAPTIONS_OFF_VALUE\n      ? translateText(offText, t)\n      : (options.find((option) => option.value === value)?.label ?? translateText(offText, t));\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'captions', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction QualityMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const quality = useQualityOptions();\n  const t = useTranslator();\n  if (!quality) return children;\n\n  const { state, options, value } = quality;\n  const label = options.find((option) => option.value === value)?.label ?? translateText(autoText, t);\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'quality', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction AudioTrackMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const audioTrack = useAudioTrackOptions();\n  if (!audioTrack) return children;\n\n  const { state, options, value } = audioTrack;\n  const label = options.find((option) => option.value === value)?.label ?? '';\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'audio-track', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nexport function MenuItemSettingProvider({ type, children }: MenuItemSettingProviderProps): ReactNode {\n  if (type === 'playback-rate')\n    return <PlaybackRateMenuItemSettingProvider>{children}</PlaybackRateMenuItemSettingProvider>;\n  if (type === 'quality') return <QualityMenuItemSettingProvider>{children}</QualityMenuItemSettingProvider>;\n  if (type === 'audio-track') return <AudioTrackMenuItemSettingProvider>{children}</AudioTrackMenuItemSettingProvider>;\n  if (type === 'captions') return <CaptionsMenuItemSettingProvider>{children}</CaptionsMenuItemSettingProvider>;\n  return children;\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAS,oCAAoC,EAAE,YAAgD;CAC7F,MAAM,eAAe,uBAAuB;CAC5C,IAAI,CAAC,cAAc,OAAO;CAE1B,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAiB,OAHpD,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS;GAGA,cAAc,MAAM;EAAa;EACrG;CAC6B,CAAA;AAEpC;AAEA,SAAS,gCAAgC,EAAE,YAAgD;CACzF,MAAM,WAAW,mBAAmB;CACpC,MAAM,IAAI,cAAc;CACxB,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,OAAO,SAAS,UAAU;CAMlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAY,OAL3D,UAAU,qBACN,cAAc,SAAS,CAAC,IACvB,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,cAAc,SAAS,CAAC;GAGtB,cAAc,MAAM;EAAa;EAChG;CAC6B,CAAA;AAEpC;AAEA,SAAS,+BAA+B,EAAE,YAAgD;CACxF,MAAM,UAAU,kBAAkB;CAClC,MAAM,IAAI,cAAc;CACxB,IAAI,CAAC,SAAS,OAAO;CAErB,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAW,OAH9C,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,cAAc,UAAU,CAAC;GAG/B,cAAc,MAAM;EAAa;EAC/F;CAC6B,CAAA;AAEpC;AAEA,SAAS,kCAAkC,EAAE,YAAgD;CAC3F,MAAM,aAAa,qBAAqB;CACxC,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAe,OAHlD,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS;GAGF,cAAc,MAAM;EAAa;EACnG;CAC6B,CAAA;AAEpC;AAEA,SAAgB,wBAAwB,EAAE,MAAM,YAAqD;CACnG,IAAI,SAAS,iBACX,OAAO,oBAAC,qCAAD,EAAsC,SAA8C,CAAA;CAC7F,IAAI,SAAS,WAAW,OAAO,oBAAC,gCAAD,EAAiC,SAAyC,CAAA;CACzG,IAAI,SAAS,eAAe,OAAO,oBAAC,mCAAD,EAAoC,SAA4C,CAAA;CACnH,IAAI,SAAS,YAAY,OAAO,oBAAC,iCAAD,EAAkC,SAA0C,CAAA;CAC5G,OAAO;AACT"}

package/dist/dev/ui/menu/menu-item-type.d.ts

@@ -1,5 +0,0 @@
-//#region src/ui/menu/menu-item-type.d.ts
-type MenuItemSettingType = 'playback-rate' | 'quality' | 'audio-track' | 'captions';
-//#endregion
-export { MenuItemSettingType };
-//# sourceMappingURL=menu-item-type.d.ts.map

package/dist/dev/ui/menu/menu-item-type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-type.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-item-type.ts"],"mappings":";KAAY"}

package/dist/dev/ui/menu/menu-item-value.d.ts

@@ -1,12 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { MenuState } from "@videojs/core";
-//#region src/ui/menu/menu-item-value.d.ts
-interface MenuItemValueProps extends UIComponentProps<'span', MenuState> {}
-/** Displays the current value for a settings menu item from `Menu.Item` or `Menu.Trigger` context. */
-declare const MenuItemValue: import("react").ForwardRefExoticComponent<Omit<MenuItemValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-declare namespace MenuItemValue {
-  type Props = MenuItemValueProps;
-}
-//#endregion
-export { MenuItemValue, MenuItemValueProps };
-//# sourceMappingURL=menu-item-value.d.ts.map

package/dist/dev/ui/menu/menu-item-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-value.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-item-value.tsx"],"mappings":";;;UASiB,2BAA2B,yBAAyB;;cAGxD,+BAAa,0BAAA,KAAA,6CAAA,cAAA;kBAoBT;OACH,QAAQ"}

package/dist/dev/ui/menu/menu-item-value.js

@@ -1,28 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuContext, useOptionalMenuItemSettingContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/menu/menu-item-value.tsx
-/** Displays the current value for a settings menu item from `Menu.Item` or `Menu.Trigger` context. */
-const MenuItemValue = forwardRef(function MenuItemValue({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state, stateAttrMap } = useMenuContext();
-	const setting = useOptionalMenuItemSettingContext();
-	if (!setting) return null;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: forwardedRef,
-		props: [{
-			"aria-live": "off",
-			children: setting.label
-		}, elementProps]
-	});
-});
-//#endregion
-export { MenuItemValue };
-
-//# sourceMappingURL=menu-item-value.js.map

package/dist/dev/ui/menu/menu-item-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-value.js","names":[],"sources":["../../../../src/ui/menu/menu-item-value.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuContext, useOptionalMenuItemSettingContext } from './context';\n\nexport interface MenuItemValueProps extends UIComponentProps<'span', MenuState> {}\n\n/** Displays the current value for a settings menu item from `Menu.Item` or `Menu.Trigger` context. */\nexport const MenuItemValue = forwardRef<HTMLSpanElement, MenuItemValueProps>(function MenuItemValue(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state, stateAttrMap } = useMenuContext();\n  const setting = useOptionalMenuItemSettingContext();\n  if (!setting) return null;\n\n  return renderElement(\n    'span',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: forwardedRef,\n      props: [{ 'aria-live': 'off' as const, children: setting.label }, elementProps],\n    }\n  );\n});\n\nexport namespace MenuItemValue {\n  export type Props = MenuItemValueProps;\n}\n"],"mappings":";;;;;;AAYA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,OAAO,iBAAiB,eAAe;CAC/C,MAAM,UAAU,kCAAkC;CAClD,IAAI,CAAC,SAAS,OAAO;CAErB,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,aAAa;GAAgB,UAAU,QAAQ;EAAM,GAAG,YAAY;CAChF,CACF;AACF,CAAC"}

package/dist/dev/ui/menu/menu-view.d.ts

@@ -1,13 +0,0 @@
-import { UIComponentProps } from "../../utils/types.js";
-import { MenuState } from "@videojs/core";
-//#region src/ui/menu/menu-view.d.ts
-interface MenuViewProps extends UIComponentProps<'div', MenuState> {}
-/** Root menu view inside the menu viewport. */
-declare const MenuView: import("react").ForwardRefExoticComponent<Omit<MenuViewProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare namespace MenuView {
-  type Props = MenuViewProps;
-  type State = MenuState;
-}
-//#endregion
-export { MenuView, MenuViewProps };
-//# sourceMappingURL=menu-view.d.ts.map

package/dist/dev/ui/menu/menu-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-view.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-view.tsx"],"mappings":";;;UAUiB,sBAAsB,wBAAwB;;cAGlD,0BAAQ,0BAAA,KAAA,wCAAA,cAAA;kBAiBJ;OACH,QAAQ;OACR,QAAQ"}

package/dist/dev/ui/menu/menu-view.js

@@ -1,23 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuContext } from "./context.js";
-import { getMenuRootViewAttrs } from "@videojs/core/dom";
-import { forwardRef } from "react";
-//#region src/ui/menu/menu-view.tsx
-/** Root menu view inside the menu viewport. */
-const MenuView = forwardRef(function MenuView({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state } = useMenuContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		ref: [forwardedRef],
-		props: [getMenuRootViewAttrs(), elementProps]
-	});
-});
-//#endregion
-export { MenuView };
-
-//# sourceMappingURL=menu-view.js.map

package/dist/dev/ui/menu/menu-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-view.js","names":[],"sources":["../../../../src/ui/menu/menu-view.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { getMenuRootViewAttrs } from '@videojs/core/dom';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuContext } from './context';\n\nexport interface MenuViewProps extends UIComponentProps<'div', MenuState> {}\n\n/** Root menu view inside the menu viewport. */\nexport const MenuView = forwardRef<HTMLDivElement, MenuViewProps>(function MenuView(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state } = useMenuContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      ref: [forwardedRef],\n      props: [getMenuRootViewAttrs(), elementProps],\n    }\n  );\n});\n\nexport namespace MenuView {\n  export type Props = MenuViewProps;\n  export type State = MenuState;\n}\n"],"mappings":";;;;;;;AAaA,MAAa,WAAW,WAA0C,SAAS,SACzE,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,UAAU,eAAe;CAEjC,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC,qBAAqB,GAAG,YAAY;CAC9C,CACF;AACF,CAAC"}