@videojs/react 0.1.0-preview.9 → 10.0.0-alpha.11

package/dist/dev/ui/hooks/use-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.d.ts","names":[],"sources":["../../../../src/ui/hooks/use-button.ts"],"mappings":";;;UAOiB,mBAAA;EACf,WAAA;EACA,UAAA;EACA,UAAA;AAAA;AAAA,UAGe,oBAAA;EACf,cAAA,GAAiB,aAAA,GAAgB,qBAAA,eAAoC,qBAAA;EACrE,SAAA,EAAW,GAAA,CAAI,WAAA;AAAA;;;AAFjB;;;;;;;;;;;;;;;;;;iBAyBgB,SAAA,CAAU,MAAA,EAAQ,mBAAA,GAAsB,oBAAA;AAAA,kBAuBvC,SAAA;EAAA,KACH,UAAA,GAAa,mBAAA;EAAA,KACb,WAAA,GAAc,oBAAA;AAAA"}

package/dist/dev/ui/hooks/use-button.js

@@ -0,0 +1,46 @@
+'use client';
+
+import { mergeProps } from "../../utils/merge-props.js";
+import { createButton } from "@videojs/core/dom";
+import { useCallback } from "react";
+
+//#region src/ui/hooks/use-button.ts
+/**
+* Hook for button behavior with keyboard and pointer interaction.
+*
+* @example
+* ```tsx
+* const { getButtonProps, buttonRef } = useButton({
+*   displayName: 'PlayButton',
+*   onActivate: () => togglePlayback(),
+*   isDisabled: () => disabled,
+* });
+*
+* return useRender('button', componentProps, {
+*   state,
+*   ref: [forwardedRef, buttonRef],
+*   props: [elementProps, getButtonProps],
+* });
+* ```
+*
+* @param params - Button configuration with activation handler and disabled check.
+*/
+function useButton(params) {
+	const { displayName, onActivate, isDisabled } = params;
+	const buttonRef = useCallback((element) => {
+		if (element && element.tagName !== "BUTTON") console.warn(`${displayName} should render a <button> element for accessibility`);
+	}, [displayName]);
+	return {
+		getButtonProps: useCallback((externalProps) => {
+			return mergeProps(createButton({
+				onActivate,
+				isDisabled
+			}), externalProps);
+		}, [onActivate, isDisabled]),
+		buttonRef
+	};
+}
+
+//#endregion
+export { useButton };
+//# sourceMappingURL=use-button.js.map

package/dist/dev/ui/hooks/use-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.js","names":[],"sources":["../../../../src/ui/hooks/use-button.ts"],"sourcesContent":["'use client';\n\nimport { createButton } from '@videojs/core/dom';\nimport type { ComponentPropsWithRef, Ref } from 'react';\nimport { useCallback } from 'react';\nimport { mergeProps } from '../../utils/merge-props';\n\nexport interface UseButtonParameters {\n  displayName: string;\n  onActivate: () => void;\n  isDisabled: () => boolean;\n}\n\nexport interface UseButtonReturnValue {\n  getButtonProps: (externalProps?: ComponentPropsWithRef<'button'>) => ComponentPropsWithRef<'button'>;\n  buttonRef: Ref<HTMLElement>;\n}\n\n/**\n * Hook for button behavior with keyboard and pointer interaction.\n *\n * @example\n * ```tsx\n * const { getButtonProps, buttonRef } = useButton({\n *   displayName: 'PlayButton',\n *   onActivate: () => togglePlayback(),\n *   isDisabled: () => disabled,\n * });\n *\n * return useRender('button', componentProps, {\n *   state,\n *   ref: [forwardedRef, buttonRef],\n *   props: [elementProps, getButtonProps],\n * });\n * ```\n *\n * @param params - Button configuration with activation handler and disabled check.\n */\nexport function useButton(params: UseButtonParameters): UseButtonReturnValue {\n  const { displayName, onActivate, isDisabled } = params;\n\n  const buttonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (__DEV__ && element && element.tagName !== 'BUTTON') {\n        console.warn(`${displayName} should render a <button> element for accessibility`);\n      }\n    },\n    [displayName]\n  );\n\n  const getButtonProps = useCallback(\n    (externalProps?: ComponentPropsWithRef<'button'>): ComponentPropsWithRef<'button'> => {\n      const buttonProps = createButton({ onActivate, isDisabled });\n      return mergeProps(buttonProps, externalProps);\n    },\n    [onActivate, isDisabled]\n  );\n\n  return { getButtonProps, buttonRef };\n}\n\nexport namespace useButton {\n  export type Parameters = UseButtonParameters;\n  export type ReturnValue = UseButtonReturnValue;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,UAAU,QAAmD;CAC3E,MAAM,EAAE,aAAa,YAAY,eAAe;CAEhD,MAAM,YAAY,aACf,YAAgC;AAC/B,MAAe,WAAW,QAAQ,YAAY,SAC5C,SAAQ,KAAK,GAAG,YAAY,qDAAqD;IAGrF,CAAC,YAAY,CACd;AAUD,QAAO;EAAE,gBARc,aACpB,kBAAqF;AAEpF,UAAO,WADa,aAAa;IAAE;IAAY;IAAY,CAAC,EAC7B,cAAc;KAE/C,CAAC,YAAY,WAAW,CACzB;EAEwB;EAAW"}

package/dist/dev/ui/hooks/use-slider.d.ts

@@ -0,0 +1,37 @@
+import { SliderOptions, SliderRootProps, SliderRootStyle, SliderThumbProps } from "@videojs/core/dom";
+import { SliderInput, SliderState } from "@videojs/core";
+
+//#region src/ui/hooks/use-slider.d.ts
+interface UseSliderOptions<State extends SliderState = SliderState> extends Pick<SliderOptions, 'getPercent' | 'getStepPercent' | 'getLargeStepPercent' | 'commitThrottle' | 'onValueChange' | 'onValueCommit' | 'onDragStart' | 'onDragEnd'> {
+  computeState: (input: SliderInput) => State;
+  orientation?: 'horizontal' | 'vertical' | undefined;
+  disabled?: boolean | undefined;
+  /** Adjust a raw 0–100 percent for thumb alignment. Called for fill and pointer percents. */
+  adjustPercent?: ((rawPercent: number, thumbSize: number, trackSize: number) => number) | undefined;
+  /** Compute CSS variable map from the (possibly alignment-adjusted) state. */
+  getCSSVars: (state: State) => Record<string, string>;
+}
+interface UseSliderReturnValue<State extends SliderState = SliderState> {
+  state: State;
+  cssVars: Record<string, string>;
+  rootRef: React.RefCallback<HTMLElement>;
+  thumbRef: React.RefCallback<HTMLElement>;
+  rootProps: SliderRootProps;
+  rootStyle: SliderRootStyle;
+  thumbProps: SliderThumbProps;
+}
+/**
+ * Manages slider input lifecycle for React.
+ *
+ * Wraps `createSlider()` from `@videojs/core/dom` and subscribes to its
+ * input state via `useSnapshot`. Returns split props for the root
+ * (pointer events) and thumb (keyboard/focus) elements.
+ */
+declare function useSlider<State extends SliderState = SliderState>(options: UseSliderOptions<State>): UseSliderReturnValue<State>;
+declare namespace useSlider {
+  type Options = UseSliderOptions;
+  type ReturnValue = UseSliderReturnValue;
+}
+//#endregion
+export { useSlider };
+//# sourceMappingURL=use-slider.d.ts.map

package/dist/dev/ui/hooks/use-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-slider.d.ts","names":[],"sources":["../../../../src/ui/hooks/use-slider.ts"],"mappings":";;;;UAkBiB,gBAAA,eAA+B,WAAA,GAAc,WAAA,UACpD,IAAA,CACN,aAAA;EAUF,YAAA,GAAe,KAAA,EAAO,WAAA,KAAgB,KAAA;EACtC,WAAA;EACA,QAAA;EAd+B;EAgB/B,aAAA,KAAkB,UAAA,UAAoB,SAAA,UAAmB,SAAA;EAhBG;EAkB5D,UAAA,GAAa,KAAA,EAAO,KAAA,KAAU,MAAA;AAAA;AAAA,UAGf,oBAAA,eAAmC,WAAA,GAAc,WAAA;EAChE,KAAA,EAAO,KAAA;EACP,OAAA,EAAS,MAAA;EACT,OAAA,EAAS,KAAA,CAAM,WAAA,CAAY,WAAA;EAC3B,QAAA,EAAU,KAAA,CAAM,WAAA,CAAY,WAAA;EAC5B,SAAA,EAAW,eAAA;EACX,SAAA,EAAW,eAAA;EACX,UAAA,EAAY,gBAAA;AAAA;;;;;;;;iBAUE,SAAA,eAAwB,WAAA,GAAc,WAAA,CAAA,CACpD,OAAA,EAAS,gBAAA,CAAiB,KAAA,IACzB,oBAAA,CAAqB,KAAA;AAAA,kBAoEP,SAAA;EAAA,KACH,OAAA,GAAU,gBAAA;EAAA,KACV,WAAA,GAAc,oBAAA;AAAA"}

package/dist/dev/ui/hooks/use-slider.js

@@ -0,0 +1,65 @@
+'use client';
+
+import { useDestroy } from "../../utils/use-destroy.js";
+import { useLatestRef } from "../../utils/use-latest-ref.js";
+import { useForceRender } from "../../utils/use-force-render.js";
+import { createSlider } from "@videojs/core/dom";
+import { useSnapshot } from "@videojs/store/react";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { isRTL } from "@videojs/utils/dom";
+
+//#region src/ui/hooks/use-slider.ts
+/**
+* Manages slider input lifecycle for React.
+*
+* Wraps `createSlider()` from `@videojs/core/dom` and subscribes to its
+* input state via `useSnapshot`. Returns split props for the root
+* (pointer events) and thumb (keyboard/focus) elements.
+*/
+function useSlider(options) {
+	const optionsRef = useLatestRef(options);
+	const rootElementRef = useRef(null);
+	const thumbElementRef = useRef(null);
+	const forceRender = useForceRender();
+	const [slider] = useState(() => {
+		return createSlider({
+			getElement: () => rootElementRef.current,
+			getThumbElement: () => thumbElementRef.current,
+			getOrientation: () => optionsRef.current.orientation ?? "horizontal",
+			isRTL: () => rootElementRef.current ? isRTL(rootElementRef.current) : false,
+			isDisabled: () => optionsRef.current.disabled ?? false,
+			getPercent: () => optionsRef.current.getPercent(),
+			getStepPercent: () => optionsRef.current.getStepPercent(),
+			getLargeStepPercent: () => optionsRef.current.getLargeStepPercent(),
+			commitThrottle: optionsRef.current.commitThrottle,
+			adjustPercent: optionsRef.current.adjustPercent,
+			onValueChange: (percent) => optionsRef.current.onValueChange?.(percent),
+			onValueCommit: (percent) => optionsRef.current.onValueCommit?.(percent),
+			onDragStart: () => optionsRef.current.onDragStart?.(),
+			onDragEnd: () => optionsRef.current.onDragEnd?.()
+		});
+	});
+	useDestroy(slider);
+	const input = useSnapshot(slider.input);
+	const state = options.computeState(input);
+	useLayoutEffect(() => {
+		if (state.thumbAlignment === "edge" && rootElementRef.current && thumbElementRef.current) forceRender();
+	}, [state.thumbAlignment]);
+	return {
+		state,
+		cssVars: options.getCSSVars(slider.adjustForAlignment(state)),
+		rootRef: useCallback((element) => {
+			rootElementRef.current = element;
+		}, []),
+		thumbRef: useCallback((element) => {
+			thumbElementRef.current = element;
+		}, []),
+		rootProps: slider.rootProps,
+		rootStyle: slider.rootStyle,
+		thumbProps: slider.thumbProps
+	};
+}
+
+//#endregion
+export { useSlider };
+//# sourceMappingURL=use-slider.js.map

package/dist/dev/ui/hooks/use-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-slider.js","names":[],"sources":["../../../../src/ui/hooks/use-slider.ts"],"sourcesContent":["'use client';\n\nimport type { SliderInput, SliderState } from '@videojs/core';\nimport {\n  createSlider,\n  type SliderApi,\n  type SliderOptions,\n  type SliderRootProps,\n  type SliderRootStyle,\n  type SliderThumbProps,\n} from '@videojs/core/dom';\nimport { useSnapshot } from '@videojs/store/react';\nimport { isRTL } from '@videojs/utils/dom';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useForceRender } from '../../utils/use-force-render';\nimport { useLatestRef } from '../../utils/use-latest-ref';\n\nexport interface UseSliderOptions<State extends SliderState = SliderState>\n  extends Pick<\n    SliderOptions,\n    | 'getPercent'\n    | 'getStepPercent'\n    | 'getLargeStepPercent'\n    | 'commitThrottle'\n    | 'onValueChange'\n    | 'onValueCommit'\n    | 'onDragStart'\n    | 'onDragEnd'\n  > {\n  computeState: (input: SliderInput) => State;\n  orientation?: 'horizontal' | 'vertical' | undefined;\n  disabled?: boolean | undefined;\n  /** Adjust a raw 0–100 percent for thumb alignment. Called for fill and pointer percents. */\n  adjustPercent?: ((rawPercent: number, thumbSize: number, trackSize: number) => number) | undefined;\n  /** Compute CSS variable map from the (possibly alignment-adjusted) state. */\n  getCSSVars: (state: State) => Record<string, string>;\n}\n\nexport interface UseSliderReturnValue<State extends SliderState = SliderState> {\n  state: State;\n  cssVars: Record<string, string>;\n  rootRef: React.RefCallback<HTMLElement>;\n  thumbRef: React.RefCallback<HTMLElement>;\n  rootProps: SliderRootProps;\n  rootStyle: SliderRootStyle;\n  thumbProps: SliderThumbProps;\n}\n\n/**\n * Manages slider input lifecycle for React.\n *\n * Wraps `createSlider()` from `@videojs/core/dom` and subscribes to its\n * input state via `useSnapshot`. Returns split props for the root\n * (pointer events) and thumb (keyboard/focus) elements.\n */\nexport function useSlider<State extends SliderState = SliderState>(\n  options: UseSliderOptions<State>\n): UseSliderReturnValue<State> {\n  const optionsRef = useLatestRef(options);\n\n  const rootElementRef = useRef<HTMLElement | null>(null);\n  const thumbElementRef = useRef<HTMLElement | null>(null);\n  const forceRender = useForceRender();\n\n  // Lazy-init the slider handle. Stable across re-renders.\n  const [slider] = useState<SliderApi>(() => {\n    const stableOptions: SliderOptions = {\n      getElement: () => rootElementRef.current!,\n      getThumbElement: () => thumbElementRef.current,\n      getOrientation: () => optionsRef.current.orientation ?? 'horizontal',\n      isRTL: () => (rootElementRef.current ? isRTL(rootElementRef.current) : false),\n      isDisabled: () => optionsRef.current.disabled ?? false,\n      getPercent: () => optionsRef.current.getPercent(),\n      getStepPercent: () => optionsRef.current.getStepPercent(),\n      getLargeStepPercent: () => optionsRef.current.getLargeStepPercent(),\n      commitThrottle: optionsRef.current.commitThrottle,\n      adjustPercent: optionsRef.current.adjustPercent,\n      onValueChange: (percent) => optionsRef.current.onValueChange?.(percent),\n      onValueCommit: (percent) => optionsRef.current.onValueCommit?.(percent),\n      onDragStart: () => optionsRef.current.onDragStart?.(),\n      onDragEnd: () => optionsRef.current.onDragEnd?.(),\n    };\n\n    return createSlider(stableOptions);\n  });\n\n  useDestroy(slider);\n\n  // Subscribe to slider input state.\n  const input = useSnapshot(slider.input);\n\n  // Compute derived state from input + caller-provided projection.\n  const state = options.computeState(input);\n\n  // Force a synchronous re-render after mount so edge thumb alignment\n  // can read DOM measurements from the now-populated element refs.\n  useLayoutEffect(() => {\n    if (state.thumbAlignment === 'edge' && rootElementRef.current && thumbElementRef.current) {\n      forceRender();\n    }\n  }, [state.thumbAlignment]);\n\n  // Adjust CSS var percents for edge thumb alignment using live DOM measurements.\n  const cssVars = options.getCSSVars(slider.adjustForAlignment(state));\n\n  // Ref callbacks for root and thumb elements.\n  const rootRef = useCallback((element: HTMLElement | null) => {\n    rootElementRef.current = element;\n  }, []);\n\n  const thumbRef = useCallback((element: HTMLElement | null) => {\n    thumbElementRef.current = element;\n  }, []);\n\n  return {\n    state,\n    cssVars,\n    rootRef,\n    thumbRef,\n    rootProps: slider.rootProps,\n    rootStyle: slider.rootStyle,\n    thumbProps: slider.thumbProps,\n  };\n}\n\nexport namespace useSlider {\n  export type Options = UseSliderOptions;\n  export type ReturnValue = UseSliderReturnValue;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwDA,SAAgB,UACd,SAC6B;CAC7B,MAAM,aAAa,aAAa,QAAQ;CAExC,MAAM,iBAAiB,OAA2B,KAAK;CACvD,MAAM,kBAAkB,OAA2B,KAAK;CACxD,MAAM,cAAc,gBAAgB;CAGpC,MAAM,CAAC,UAAU,eAA0B;AAkBzC,SAAO,aAjB8B;GACnC,kBAAkB,eAAe;GACjC,uBAAuB,gBAAgB;GACvC,sBAAsB,WAAW,QAAQ,eAAe;GACxD,aAAc,eAAe,UAAU,MAAM,eAAe,QAAQ,GAAG;GACvE,kBAAkB,WAAW,QAAQ,YAAY;GACjD,kBAAkB,WAAW,QAAQ,YAAY;GACjD,sBAAsB,WAAW,QAAQ,gBAAgB;GACzD,2BAA2B,WAAW,QAAQ,qBAAqB;GACnE,gBAAgB,WAAW,QAAQ;GACnC,eAAe,WAAW,QAAQ;GAClC,gBAAgB,YAAY,WAAW,QAAQ,gBAAgB,QAAQ;GACvE,gBAAgB,YAAY,WAAW,QAAQ,gBAAgB,QAAQ;GACvE,mBAAmB,WAAW,QAAQ,eAAe;GACrD,iBAAiB,WAAW,QAAQ,aAAa;GAClD,CAEiC;GAClC;AAEF,YAAW,OAAO;CAGlB,MAAM,QAAQ,YAAY,OAAO,MAAM;CAGvC,MAAM,QAAQ,QAAQ,aAAa,MAAM;AAIzC,uBAAsB;AACpB,MAAI,MAAM,mBAAmB,UAAU,eAAe,WAAW,gBAAgB,QAC/E,cAAa;IAEd,CAAC,MAAM,eAAe,CAAC;AAc1B,QAAO;EACL;EACA,SAbc,QAAQ,WAAW,OAAO,mBAAmB,MAAM,CAAC;EAclE,SAXc,aAAa,YAAgC;AAC3D,kBAAe,UAAU;KACxB,EAAE,CAAC;EAUJ,UARe,aAAa,YAAgC;AAC5D,mBAAgB,UAAU;KACzB,EAAE,CAAC;EAOJ,WAAW,OAAO;EAClB,WAAW,OAAO;EAClB,YAAY,OAAO;EACpB"}

package/dist/dev/ui/mute-button/index.d.ts

@@ -0,0 +1,2 @@
+import { MuteButton, MuteButtonProps } from "./mute-button.js";
+export { MuteButton, type MuteButtonProps };

package/dist/dev/ui/mute-button/index.js

@@ -0,0 +1,3 @@
+import { MuteButton } from "./mute-button.js";
+
+export { MuteButton };

package/dist/dev/ui/mute-button/mute-button.d.ts

@@ -0,0 +1,15 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { MuteButtonCore } from "@videojs/core";
+
+//#region src/ui/mute-button/mute-button.d.ts
+interface MuteButtonProps extends UIComponentProps<'button', MuteButtonCore.State>, MuteButtonCore.Props {}
+/** A button that toggles mute state. */
+declare const MuteButton: react.ForwardRefExoticComponent<MuteButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare namespace MuteButton {
+  type Props = MuteButtonProps;
+  type State = MuteButtonCore.State;
+}
+//#endregion
+export { MuteButton, MuteButtonProps };
+//# sourceMappingURL=mute-button.d.ts.map

package/dist/dev/ui/mute-button/mute-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mute-button.d.ts","names":[],"sources":["../../../../src/ui/mute-button/mute-button.tsx"],"mappings":";;;;;UAQiB,eAAA,SAAwB,gBAAA,WAA2B,cAAA,CAAe,KAAA,GAAQ,cAAA,CAAe,KAAA;;cAG7F,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;EAAA,KACR,KAAA,GAAQ,cAAA,CAAe,KAAA;AAAA"}

package/dist/dev/ui/mute-button/mute-button.js

@@ -0,0 +1,19 @@
+'use client';
+
+import { createMediaButton } from "../create-media-button.js";
+import { selectVolume } from "@videojs/core/dom";
+import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
+
+//#region src/ui/mute-button/mute-button.tsx
+/** A button that toggles mute state. */
+const MuteButton = createMediaButton({
+	displayName: "MuteButton",
+	core: MuteButtonCore,
+	stateAttrMap: MuteButtonDataAttrs,
+	selector: selectVolume,
+	action: (core, state) => core.toggle(state)
+});
+
+//#endregion
+export { MuteButton };
+//# sourceMappingURL=mute-button.js.map

package/dist/dev/ui/mute-button/mute-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mute-button.js","names":[],"sources":["../../../../src/ui/mute-button/mute-button.tsx"],"sourcesContent":["'use client';\n\nimport { MuteButtonCore, MuteButtonDataAttrs } from '@videojs/core';\nimport { selectVolume } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface MuteButtonProps extends UIComponentProps<'button', MuteButtonCore.State>, MuteButtonCore.Props {}\n\n/** A button that toggles mute state. */\nexport const MuteButton = createMediaButton<MuteButtonCore, MuteButtonProps>({\n  displayName: 'MuteButton',\n  core: MuteButtonCore,\n  stateAttrMap: MuteButtonDataAttrs,\n  selector: selectVolume,\n  action: (core, state) => core.toggle(state),\n});\n\nexport namespace MuteButton {\n  export type Props = MuteButtonProps;\n  export type State = MuteButtonCore.State;\n}\n"],"mappings":";;;;;;;;AAWA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}

package/dist/dev/ui/pip-button/index.d.ts

@@ -0,0 +1,2 @@
+import { PiPButton, PiPButtonProps } from "./pip-button.js";
+export { PiPButton, PiPButtonProps };

package/dist/dev/ui/pip-button/index.js

@@ -0,0 +1,3 @@
+import { PiPButton } from "./pip-button.js";
+
+export { PiPButton };

package/dist/dev/ui/pip-button/pip-button.d.ts

@@ -0,0 +1,15 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { PiPButtonCore } from "@videojs/core";
+
+//#region src/ui/pip-button/pip-button.d.ts
+interface PiPButtonProps extends UIComponentProps<'button', PiPButtonCore.State>, PiPButtonCore.Props {}
+/** A button that toggles picture-in-picture. */
+declare const PiPButton: react.ForwardRefExoticComponent<PiPButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare namespace PiPButton {
+  type Props = PiPButtonProps;
+  type State = PiPButtonCore.State;
+}
+//#endregion
+export { PiPButton, PiPButtonProps };
+//# sourceMappingURL=pip-button.d.ts.map

package/dist/dev/ui/pip-button/pip-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pip-button.d.ts","names":[],"sources":["../../../../src/ui/pip-button/pip-button.tsx"],"mappings":";;;;;UAQiB,cAAA,SAAuB,gBAAA,WAA2B,aAAA,CAAc,KAAA,GAAQ,aAAA,CAAc,KAAA;;cAG1F,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQL,SAAA;EAAA,KACH,KAAA,GAAQ,cAAA;EAAA,KACR,KAAA,GAAQ,aAAA,CAAc,KAAA;AAAA"}

package/dist/dev/ui/pip-button/pip-button.js

@@ -0,0 +1,19 @@
+'use client';
+
+import { createMediaButton } from "../create-media-button.js";
+import { selectPiP } from "@videojs/core/dom";
+import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
+
+//#region src/ui/pip-button/pip-button.tsx
+/** A button that toggles picture-in-picture. */
+const PiPButton = createMediaButton({
+	displayName: "PiPButton",
+	core: PiPButtonCore,
+	stateAttrMap: PiPButtonDataAttrs,
+	selector: selectPiP,
+	action: (core, state) => core.toggle(state)
+});
+
+//#endregion
+export { PiPButton };
+//# sourceMappingURL=pip-button.js.map

package/dist/dev/ui/pip-button/pip-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pip-button.js","names":[],"sources":["../../../../src/ui/pip-button/pip-button.tsx"],"sourcesContent":["'use client';\n\nimport { PiPButtonCore, PiPButtonDataAttrs } from '@videojs/core';\nimport { selectPiP } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface PiPButtonProps extends UIComponentProps<'button', PiPButtonCore.State>, PiPButtonCore.Props {}\n\n/** A button that toggles picture-in-picture. */\nexport const PiPButton = createMediaButton<PiPButtonCore, PiPButtonProps>({\n  displayName: 'PiPButton',\n  core: PiPButtonCore,\n  stateAttrMap: PiPButtonDataAttrs,\n  selector: selectPiP,\n  action: (core, state) => core.toggle(state),\n});\n\nexport namespace PiPButton {\n  export type Props = PiPButtonProps;\n  export type State = PiPButtonCore.State;\n}\n"],"mappings":";;;;;;;;AAWA,MAAa,YAAY,kBAAiD;CACxE,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}

package/dist/dev/ui/play-button/index.d.ts

@@ -0,0 +1,2 @@
+import { PlayButton, PlayButtonProps } from "./play-button.js";
+export { PlayButton, type PlayButtonProps };

package/dist/dev/ui/play-button/index.js

@@ -0,0 +1,3 @@
+import { PlayButton } from "./play-button.js";
+
+export { PlayButton };

package/dist/dev/ui/play-button/play-button.d.ts

@@ -0,0 +1,30 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { PlayButtonCore } from "@videojs/core";
+
+//#region src/ui/play-button/play-button.d.ts
+interface PlayButtonProps extends UIComponentProps<'button', PlayButtonCore.State>, PlayButtonCore.Props {}
+/**
+ * A button that toggles playback.
+ *
+ * @example
+ * ```tsx
+ * <PlayButton />
+ *
+ * <PlayButton
+ *   render={(props, state) => (
+ *     <button {...props}>
+ *       {state.paused ? <PlayIcon /> : <PauseIcon />}
+ *     </button>
+ *   )}
+ * />
+ * ```
+ */
+declare const PlayButton: react.ForwardRefExoticComponent<PlayButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare namespace PlayButton {
+  type Props = PlayButtonProps;
+  type State = PlayButtonCore.State;
+}
+//#endregion
+export { PlayButton, PlayButtonProps };
+//# sourceMappingURL=play-button.d.ts.map

package/dist/dev/ui/play-button/play-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"play-button.d.ts","names":[],"sources":["../../../../src/ui/play-button/play-button.tsx"],"mappings":";;;;;UAQiB,eAAA,SAAwB,gBAAA,WAA2B,cAAA,CAAe,KAAA,GAAQ,cAAA,CAAe,KAAA;;AAA1G;;;;;;;;;;;;;;;cAkBa,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,eAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQN,UAAA;EAAA,KACH,KAAA,GAAQ,eAAA;EAAA,KACR,KAAA,GAAQ,cAAA,CAAe,KAAA;AAAA"}

package/dist/dev/ui/play-button/play-button.js

@@ -0,0 +1,34 @@
+'use client';
+
+import { createMediaButton } from "../create-media-button.js";
+import { selectPlayback } from "@videojs/core/dom";
+import { PlayButtonCore, PlayButtonDataAttrs } from "@videojs/core";
+
+//#region src/ui/play-button/play-button.tsx
+/**
+* A button that toggles playback.
+*
+* @example
+* ```tsx
+* <PlayButton />
+*
+* <PlayButton
+*   render={(props, state) => (
+*     <button {...props}>
+*       {state.paused ? <PlayIcon /> : <PauseIcon />}
+*     </button>
+*   )}
+* />
+* ```
+*/
+const PlayButton = createMediaButton({
+	displayName: "PlayButton",
+	core: PlayButtonCore,
+	stateAttrMap: PlayButtonDataAttrs,
+	selector: selectPlayback,
+	action: (core, state) => core.toggle(state)
+});
+
+//#endregion
+export { PlayButton };
+//# sourceMappingURL=play-button.js.map

package/dist/dev/ui/play-button/play-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"play-button.js","names":[],"sources":["../../../../src/ui/play-button/play-button.tsx"],"sourcesContent":["'use client';\n\nimport { PlayButtonCore, PlayButtonDataAttrs } from '@videojs/core';\nimport { selectPlayback } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface PlayButtonProps extends UIComponentProps<'button', PlayButtonCore.State>, PlayButtonCore.Props {}\n\n/**\n * A button that toggles playback.\n *\n * @example\n * ```tsx\n * <PlayButton />\n *\n * <PlayButton\n *   render={(props, state) => (\n *     <button {...props}>\n *       {state.paused ? <PlayIcon /> : <PauseIcon />}\n *     </button>\n *   )}\n * />\n * ```\n */\nexport const PlayButton = createMediaButton<PlayButtonCore, PlayButtonProps>({\n  displayName: 'PlayButton',\n  core: PlayButtonCore,\n  stateAttrMap: PlayButtonDataAttrs,\n  selector: selectPlayback,\n  action: (core, state) => core.toggle(state),\n});\n\nexport namespace PlayButton {\n  export type Props = PlayButtonProps;\n  export type State = PlayButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,aAAa,kBAAmD;CAC3E,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}

package/dist/dev/ui/playback-rate-button/index.d.ts

@@ -0,0 +1,2 @@
+import { PlaybackRateButton, PlaybackRateButtonProps } from "./playback-rate-button.js";
+export { PlaybackRateButton, type PlaybackRateButtonProps };

package/dist/dev/ui/playback-rate-button/index.js

@@ -0,0 +1,3 @@
+import { PlaybackRateButton } from "./playback-rate-button.js";
+
+export { PlaybackRateButton };

package/dist/dev/ui/playback-rate-button/playback-rate-button.d.ts

@@ -0,0 +1,30 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { PlaybackRateButtonCore } from "@videojs/core";
+
+//#region src/ui/playback-rate-button/playback-rate-button.d.ts
+interface PlaybackRateButtonProps extends UIComponentProps<'button', PlaybackRateButtonCore.State>, PlaybackRateButtonCore.Props {}
+/**
+ * A button that cycles through playback rates.
+ *
+ * @example
+ * ```tsx
+ * <PlaybackRateButton />
+ *
+ * <PlaybackRateButton
+ *   render={(props, state) => (
+ *     <button {...props}>
+ *       {state.rate}&times;
+ *     </button>
+ *   )}
+ * />
+ * ```
+ */
+declare const PlaybackRateButton: react.ForwardRefExoticComponent<PlaybackRateButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare namespace PlaybackRateButton {
+  type Props = PlaybackRateButtonProps;
+  type State = PlaybackRateButtonCore.State;
+}
+//#endregion
+export { PlaybackRateButton, PlaybackRateButtonProps };
+//# sourceMappingURL=playback-rate-button.d.ts.map

package/dist/dev/ui/playback-rate-button/playback-rate-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-button.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-button/playback-rate-button.tsx"],"mappings":";;;;;UAQiB,uBAAA,SACP,gBAAA,WAA2B,sBAAA,CAAuB,KAAA,GACxD,sBAAA,CAAuB,KAAA;;AAF3B;;;;;;;;;;;;;;;cAoBa,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,uBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQd,kBAAA;EAAA,KACH,KAAA,GAAQ,uBAAA;EAAA,KACR,KAAA,GAAQ,sBAAA,CAAuB,KAAA;AAAA"}

package/dist/dev/ui/playback-rate-button/playback-rate-button.js

@@ -0,0 +1,34 @@
+'use client';
+
+import { createMediaButton } from "../create-media-button.js";
+import { selectPlaybackRate } from "@videojs/core/dom";
+import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
+
+//#region src/ui/playback-rate-button/playback-rate-button.tsx
+/**
+* A button that cycles through playback rates.
+*
+* @example
+* ```tsx
+* <PlaybackRateButton />
+*
+* <PlaybackRateButton
+*   render={(props, state) => (
+*     <button {...props}>
+*       {state.rate}&times;
+*     </button>
+*   )}
+* />
+* ```
+*/
+const PlaybackRateButton = createMediaButton({
+	displayName: "PlaybackRateButton",
+	core: PlaybackRateButtonCore,
+	stateAttrMap: PlaybackRateButtonDataAttrs,
+	selector: selectPlaybackRate,
+	action: (core, state) => core.cycle(state)
+});
+
+//#endregion
+export { PlaybackRateButton };
+//# sourceMappingURL=playback-rate-button.js.map

package/dist/dev/ui/playback-rate-button/playback-rate-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-button.js","names":[],"sources":["../../../../src/ui/playback-rate-button/playback-rate-button.tsx"],"sourcesContent":["'use client';\n\nimport { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from '@videojs/core';\nimport { selectPlaybackRate } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface PlaybackRateButtonProps\n  extends UIComponentProps<'button', PlaybackRateButtonCore.State>,\n    PlaybackRateButtonCore.Props {}\n\n/**\n * A button that cycles through playback rates.\n *\n * @example\n * ```tsx\n * <PlaybackRateButton />\n *\n * <PlaybackRateButton\n *   render={(props, state) => (\n *     <button {...props}>\n *       {state.rate}&times;\n *     </button>\n *   )}\n * />\n * ```\n */\nexport const PlaybackRateButton = createMediaButton<PlaybackRateButtonCore, PlaybackRateButtonProps>({\n  displayName: 'PlaybackRateButton',\n  core: PlaybackRateButtonCore,\n  stateAttrMap: PlaybackRateButtonDataAttrs,\n  selector: selectPlaybackRate,\n  action: (core, state) => core.cycle(state),\n});\n\nexport namespace PlaybackRateButton {\n  export type Props = PlaybackRateButtonProps;\n  export type State = PlaybackRateButtonCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,qBAAqB,kBAAmE;CACnG,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,MAAM,MAAM;CAC3C,CAAC"}

package/dist/dev/ui/popover/context.d.ts

@@ -0,0 +1,16 @@
+import { PopoverApi } from "@videojs/core/dom";
+import { PopoverCore, StateAttrMap as StateAttrMap$1 } from "@videojs/core";
+
+//#region src/ui/popover/context.d.ts
+interface PopoverContextValue {
+  core: PopoverCore;
+  popover: PopoverApi;
+  state: PopoverCore.State;
+  stateAttrMap: StateAttrMap$1<PopoverCore.State>;
+  anchorName: string;
+  popupId: string;
+}
+declare function usePopoverContext(): PopoverContextValue;
+//#endregion
+export { PopoverContextValue, usePopoverContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/dev/ui/popover/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"mappings":";;;;UAMiB,mBAAA;EACf,IAAA,EAAM,WAAA;EACN,OAAA,EAAS,UAAA;EACT,KAAA,EAAO,WAAA,CAAY,KAAA;EACnB,YAAA,EAAc,cAAA,CAAa,WAAA,CAAY,KAAA;EACvC,UAAA;EACA,OAAA;AAAA;AAAA,iBAOc,iBAAA,CAAA,GAAqB,mBAAA"}

package/dist/dev/ui/popover/context.js

@@ -0,0 +1,16 @@
+'use client';
+
+import { createContext, useContext } from "react";
+
+//#region src/ui/popover/context.tsx
+const PopoverContext = createContext(null);
+const PopoverContextProvider = PopoverContext.Provider;
+function usePopoverContext() {
+	const ctx = useContext(PopoverContext);
+	if (!ctx) throw new Error("Popover compound components must be used within a Popover.Root");
+	return ctx;
+}
+
+//#endregion
+export { PopoverContextProvider, usePopoverContext };
+//# sourceMappingURL=context.js.map

package/dist/dev/ui/popover/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/popover/context.tsx"],"sourcesContent":["'use client';\n\nimport type { PopoverCore, StateAttrMap } from '@videojs/core';\nimport type { PopoverApi } from '@videojs/core/dom';\nimport { createContext, useContext } from 'react';\n\nexport interface PopoverContextValue {\n  core: PopoverCore;\n  popover: PopoverApi;\n  state: PopoverCore.State;\n  stateAttrMap: StateAttrMap<PopoverCore.State>;\n  anchorName: string;\n  popupId: string;\n}\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport const PopoverContextProvider = PopoverContext.Provider;\n\nexport function usePopoverContext(): PopoverContextValue {\n  const ctx = useContext(PopoverContext);\n  if (!ctx) throw new Error('Popover compound components must be used within a Popover.Root');\n  return ctx;\n}\n"],"mappings":";;;;;AAeA,MAAM,iBAAiB,cAA0C,KAAK;AAEtE,MAAa,yBAAyB,eAAe;AAErD,SAAgB,oBAAyC;CACvD,MAAM,MAAM,WAAW,eAAe;AACtC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,iEAAiE;AAC3F,QAAO"}

package/dist/dev/ui/popover/index.d.ts

@@ -0,0 +1,3 @@
+import { PopoverContextValue, usePopoverContext } from "./context.js";
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Popover, type PopoverContextValue, usePopoverContext };

package/dist/dev/ui/popover/index.js

@@ -0,0 +1,4 @@
+import { usePopoverContext } from "./context.js";
+import { index_parts_exports } from "./index.parts.js";
+
+export { index_parts_exports as Popover, usePopoverContext };

package/dist/dev/ui/popover/index.parts.d.ts

@@ -0,0 +1,12 @@
+import { PopoverArrow, PopoverArrowProps } from "./popover-arrow.js";
+import { PopoverPopup, PopoverPopupProps } from "./popover-popup.js";
+import { PopoverRoot, PopoverRootProps } from "./popover-root.js";
+import { PopoverTrigger, PopoverTriggerProps } from "./popover-trigger.js";
+
+//#region src/ui/popover/index.parts.d.ts
+declare namespace index_parts_d_exports {
+  export { PopoverArrow as Arrow, PopoverArrowProps as ArrowProps, PopoverPopup as Popup, PopoverPopupProps as PopupProps, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps };
+}
+//#endregion
+export { index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/dev/ui/popover/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/ui/popover/index.parts.ts"],"mappings":""}

package/dist/dev/ui/popover/index.parts.js

@@ -0,0 +1,17 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { PopoverArrow } from "./popover-arrow.js";
+import { PopoverPopup } from "./popover-popup.js";
+import { PopoverRoot } from "./popover-root.js";
+import { PopoverTrigger } from "./popover-trigger.js";
+
+//#region src/ui/popover/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => PopoverArrow,
+	Popup: () => PopoverPopup,
+	Root: () => PopoverRoot,
+	Trigger: () => PopoverTrigger
+});
+
+//#endregion
+export { index_parts_exports };
+//# sourceMappingURL=index.parts.js.map

package/dist/dev/ui/popover/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/ui/popover/index.parts.ts"],"sourcesContent":["export { PopoverArrow as Arrow, type PopoverArrowProps as ArrowProps } from './popover-arrow';\nexport { PopoverPopup as Popup, type PopoverPopupProps as PopupProps } from './popover-popup';\nexport { PopoverRoot as Root, type PopoverRootProps as RootProps } from './popover-root';\nexport { PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps } from './popover-trigger';\n"],"mappings":""}

package/dist/dev/ui/popover/popover-arrow.d.ts

@@ -0,0 +1,15 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { PopoverState } from "@videojs/core";
+
+//#region src/ui/popover/popover-arrow.d.ts
+interface PopoverArrowProps extends UIComponentProps<'div', PopoverState> {}
+/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */
+declare const PopoverArrow: react.ForwardRefExoticComponent<PopoverArrowProps>;
+declare namespace PopoverArrow {
+  type Props = PopoverArrowProps;
+  type State = PopoverState;
+}
+//#endregion
+export { PopoverArrow, PopoverArrowProps };
+//# sourceMappingURL=popover-arrow.d.ts.map

package/dist/dev/ui/popover/popover-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-arrow.d.ts","names":[],"sources":["../../../../src/ui/popover/popover-arrow.tsx"],"mappings":";;;;;UAQiB,iBAAA,SAA0B,gBAAA,QAAwB,YAAA;;cAGtD,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA;AAAA,kBAOR,YAAA;EAAA,KACH,KAAA,GAAQ,iBAAA;EAAA,KACR,KAAA,GAAQ,YAAA;AAAA"}

package/dist/dev/ui/popover/popover-arrow.js

@@ -0,0 +1,17 @@
+'use client';
+
+import { createContextPart } from "../create-context-part.js";
+import { usePopoverContext } from "./context.js";
+
+//#region src/ui/popover/popover-arrow.tsx
+/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */
+const PopoverArrow = createContextPart({
+	displayName: "PopoverArrow",
+	tag: "div",
+	useContext: usePopoverContext,
+	staticProps: { "aria-hidden": "true" }
+});
+
+//#endregion
+export { PopoverArrow };
+//# sourceMappingURL=popover-arrow.js.map

package/dist/dev/ui/popover/popover-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-arrow.js","names":[],"sources":["../../../../src/ui/popover/popover-arrow.tsx"],"sourcesContent":["'use client';\n\nimport type { PopoverState } from '@videojs/core';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createContextPart } from '../create-context-part';\nimport { usePopoverContext } from './context';\n\nexport interface PopoverArrowProps extends UIComponentProps<'div', PopoverState> {}\n\n/** Decorative arrow pointing from the popup toward the trigger. Hidden from assistive technology. */\nexport const PopoverArrow = createContextPart<PopoverArrowProps, PopoverState>({\n  displayName: 'PopoverArrow',\n  tag: 'div',\n  useContext: usePopoverContext,\n  staticProps: { 'aria-hidden': 'true' as const },\n});\n\nexport namespace PopoverArrow {\n  export type Props = PopoverArrowProps;\n  export type State = PopoverState;\n}\n"],"mappings":";;;;;;;AAWA,MAAa,eAAe,kBAAmD;CAC7E,aAAa;CACb,KAAK;CACL,YAAY;CACZ,aAAa,EAAE,eAAe,QAAiB;CAChD,CAAC"}

package/dist/dev/ui/popover/popover-popup.d.ts

@@ -0,0 +1,15 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as react from "react";
+import { PopoverState } from "@videojs/core";
+
+//#region src/ui/popover/popover-popup.d.ts
+interface PopoverPopupProps extends UIComponentProps<'div', PopoverState> {}
+/** Container for the popover content. Positioned relative to the trigger using CSS anchor positioning with a JavaScript fallback. */
+declare const PopoverPopup: react.ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare namespace PopoverPopup {
+  type Props = PopoverPopupProps;
+  type State = PopoverState;
+}
+//#endregion
+export { PopoverPopup, PopoverPopupProps };
+//# sourceMappingURL=popover-popup.d.ts.map

package/dist/dev/ui/popover/popover-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-popup.d.ts","names":[],"sources":["../../../../src/ui/popover/popover-popup.tsx"],"mappings":";;;;;UAaiB,iBAAA,SAA0B,gBAAA,QAAwB,YAAA;;cAKtD,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,iBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,kBA6GR,YAAA;EAAA,KACH,KAAA,GAAQ,iBAAA;EAAA,KACR,KAAA,GAAQ,YAAA;AAAA"}