@accelint/design-toolkit 9.5.0 → 9.7.0

package/dist/components/tabs/tab.js

@@ -13,9 +13,11 @@
 
 'use client';
 
+import { TabStyleDefaults } from "./constants.js";
+import { TabContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Tab as Tab$1, composeRenderProps } from "react-aria-components";
+import { Tab as Tab$1, composeRenderProps, useContextProps } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
@@ -35,12 +37,19 @@ import styles from "./styles.module.css";
 * @param props - TabProps from react-aria-components.
 * @param props.children - Tab label content.
 * @param props.className - CSS class for the tab.
+* @param props.align - Justification alignment for content within the Tab (only applicable when orientation is horizontal)
+* @param props.flex - Boolean to determine if the Tab should grow in size (up to a max width). (only applicable when orientation is horizontal)
 * @returns The rendered Tab component.
 */
-function Tab({ children, className, ...rest }) {
+function Tab({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref, TabContext);
+	const { children, className, align, flex, ...rest } = {
+		...TabStyleDefaults,
+		...props
+	};
 	return /* @__PURE__ */ jsx(Tab$1, {
 		...rest,
-		className: composeRenderProps(className, (className$1) => clsx(styles.tab, className$1)),
+		className: composeRenderProps(className, (className$1) => clsx(styles.tab, styles[align], flex && styles.flex, className$1)),
 		children
 	});
 }

package/dist/components/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":["AriaTab","className"],"sources":["../../../src/components/tabs/tab.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * Tab - Selectable tab within a TabList.\n *\n * @example\n * ```tsx\n * <TabList>\n *   <Tab id=\"profile\">Profile</Tab>\n *   <Tab id=\"settings\">Settings</Tab>\n *   <Tab id=\"notifications\" isDisabled>Notifications</Tab>\n * </TabList>\n * ```\n *\n * @param props - TabProps from react-aria-components.\n * @param props.children - Tab label content.\n * @param props.className - CSS class for the tab.\n * @returns The rendered Tab component.\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.tab, className),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,IAAI,EAAE,UAAU,WAAW,GAAG,QAAkB;AAC9D,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,KAAKC,YAAU,CAC5B;EAEA;GACO"}
+{"version":3,"file":"tab.js","names":["AriaTab","className"],"sources":["../../../src/components/tabs/tab.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tab as AriaTab,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabStyleDefaults } from './constants';\nimport { TabContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabProps } from './types';\n\n/**\n * Tab - Selectable tab within a TabList.\n *\n * @example\n * ```tsx\n * <TabList>\n *   <Tab id=\"profile\">Profile</Tab>\n *   <Tab id=\"settings\">Settings</Tab>\n *   <Tab id=\"notifications\" isDisabled>Notifications</Tab>\n * </TabList>\n * ```\n *\n * @param props - TabProps from react-aria-components.\n * @param props.children - Tab label content.\n * @param props.className - CSS class for the tab.\n * @param props.align - Justification alignment for content within the Tab (only applicable when orientation is horizontal)\n * @param props.flex - Boolean to determine if the Tab should grow in size (up to a max width). (only applicable when orientation is horizontal)\n * @returns The rendered Tab component.\n */\nexport function Tab({ ref, ...props }: TabProps) {\n  [props, ref] = useContextProps(props, ref, TabContext);\n\n  const { children, className, align, flex, ...rest } = {\n    ...TabStyleDefaults,\n    ...props,\n  };\n\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.tab, styles[align], flex && styles.flex, className),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,IAAI,EAAE,KAAK,GAAG,SAAmB;AAC/C,EAAC,OAAO,OAAO,gBAAgB,OAAO,KAAK,WAAW;CAEtD,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,GAAG,SAAS;EACpD,GAAG;EACH,GAAG;EACJ;AAED,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,KAAK,OAAO,QAAQ,QAAQ,OAAO,MAAMC,YAAU,CAChE;EAEA;GACO"}

package/dist/components/tabs/types.d.ts

@@ -11,13 +11,35 @@
  */
 
 import { RefAttributes } from "react";
-import { TabsProps as TabsProps$1 } from "react-aria-components";
+import { TabProps as TabProps$1, TabsProps as TabsProps$1 } from "react-aria-components";
 
 //#region src/components/tabs/types.d.ts
+type TabStyleProps = ({
+  orientation?: 'horizontal';
+} & {
+  /**
+   * Determines content alignment within a Tab
+   *
+   * @default 'start'
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * If set to true will cause the Tabs to flex to fill the available space, with a max width
+   *
+   * @default true
+   */
+  flex?: boolean;
+}) | ({
+  orientation: 'vertical';
+} & {
+  align?: never;
+  flex?: never;
+});
 /**
  * Props for the Tabs component.
  */
-type TabsProps = TabsProps$1 & RefAttributes<HTMLDivElement>;
+type TabsProps = TabsProps$1 & RefAttributes<HTMLDivElement> & TabStyleProps;
+type TabProps = TabProps$1 & RefAttributes<Element> & TabStyleProps;
 //#endregion
-export { TabsProps };
+export { TabProps, TabStyleProps, TabsProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/text-area-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react40 from "react";
+import * as react34 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/context.d.ts
 /** Context for sharing props across TextAreaField components */
-declare const TextAreaFieldContext: react40.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+declare const TextAreaFieldContext: react34.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
  * Sets default props for all TextAreaField components within.
  *
@@ -42,7 +42,7 @@ declare const TextAreaFieldContext: react40.Context<ContextValue<TextAreaFieldPr
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime181.JSX.Element;
+}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { TextAreaFieldContext, TextAreaFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-area-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime199 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/index.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime199 from "react/jsx-runtime";
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime199.JSX.Element;
+}: TextAreaFieldProps): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { TextAreaField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextFieldProps as TextFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react43 from "react";
+import * as react35 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime190 from "react/jsx-runtime";
+import * as react_jsx_runtime147 from "react/jsx-runtime";
 
 //#region src/components/text-field/context.d.ts
 /** Context for sharing props across TextField components */
-declare const TextFieldContext: react43.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
+declare const TextFieldContext: react35.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
 /**
  * Sets default props for all TextField components within.
  *
@@ -42,7 +42,7 @@ declare const TextFieldContext: react43.Context<ContextValue<TextFieldProps$1, H
 declare function TextFieldProvider({
   children,
   ...props
-}: ProviderProps<TextFieldProps$1>): react_jsx_runtime190.JSX.Element;
+}: ProviderProps<TextFieldProps$1>): react_jsx_runtime147.JSX.Element;
 //#endregion
 export { TextFieldContext, TextFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TextFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime186 from "react/jsx-runtime";
+import * as react_jsx_runtime148 from "react/jsx-runtime";
 
 //#region src/components/text-field/index.d.ts
 
@@ -40,7 +40,7 @@ import * as react_jsx_runtime186 from "react/jsx-runtime";
 declare function TextField({
   ref,
   ...props
-}: TextFieldProps): react_jsx_runtime186.JSX.Element;
+}: TextFieldProps): react_jsx_runtime148.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/index.d.ts

@@ -13,7 +13,7 @@
 import { TimeFieldProps as TimeFieldProps$1 } from "./types.js";
 import "client-only";
 import { TimeValue } from "react-aria-components";
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime150 from "react/jsx-runtime";
 
 //#region src/components/time-field/index.d.ts
 
@@ -58,7 +58,7 @@ declare function TimeField<T extends TimeValue>({
   isRequired,
   isReadOnly,
   ...rest
-}: TimeFieldProps$1<T>): react_jsx_runtime188.JSX.Element;
+}: TimeFieldProps$1<T>): react_jsx_runtime150.JSX.Element;
 //#endregion
 export { TimeField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/context.d.ts

@@ -12,12 +12,12 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react44 from "react";
+import * as react37 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/tooltip/context.d.ts
 /** Context for sharing props across TooltipTrigger components */
-declare const TooltipContext: react44.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
+declare const TooltipContext: react37.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
 //#endregion
 export { TooltipContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/tooltip/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TooltipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/tooltip/index.d.ts
 
@@ -44,7 +44,7 @@ declare function Tooltip({
   offset,
   placement,
   ...props
-}: TooltipProps): react_jsx_runtime189.JSX.Element;
+}: TooltipProps): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Tooltip };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime191 from "react/jsx-runtime";
+import * as react_jsx_runtime154 from "react/jsx-runtime";
 
 //#region src/components/tooltip/trigger.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime191 from "react/jsx-runtime";
 declare function TooltipTrigger({
   ref,
   ...props
-}: TooltipTriggerProps): react_jsx_runtime191.JSX.Element;
+}: TooltipTriggerProps): react_jsx_runtime154.JSX.Element;
 //#endregion
 export { TooltipTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/tree/context.d.ts

@@ -12,13 +12,13 @@
 
 import { TreeContextValue, TreeItemContextValue } from "./types.js";
 import "client-only";
-import * as react45 from "react";
+import * as react40 from "react";
 
 //#region src/components/tree/context.d.ts
 /** Context for sharing state across Tree components */
-declare const TreeContext: react45.Context<TreeContextValue>;
+declare const TreeContext: react40.Context<TreeContextValue>;
 /** Context for sharing state within a TreeItem */
-declare const TreeItemContext: react45.Context<TreeItemContextValue>;
+declare const TreeItemContext: react40.Context<TreeItemContextValue>;
 //#endregion
 export { TreeContext, TreeItemContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/tree/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TreeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime147 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 
 //#region src/components/tree/index.d.ts
 
@@ -75,7 +75,7 @@ declare function Tree<T>({
   onVisibilityChange,
   onSelectionChange,
   ...rest
-}: TreeProps<T>): react_jsx_runtime147.JSX.Element;
+}: TreeProps<T>): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { Tree };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/item-actions.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region src/components/tree/item-actions.d.ts
 
@@ -39,7 +39,7 @@ declare function TreeItemActions({
   className
 }: PropsWithChildren & {
   className?: string;
-}): react_jsx_runtime136.JSX.Element;
+}): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { TreeItemActions };
 //# sourceMappingURL=item-actions.d.ts.map

package/dist/components/tree/item-content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TreeItemContentProps } from "./types.js";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 
 //#region src/components/tree/item-content.d.ts
 
@@ -35,7 +35,7 @@ import * as react_jsx_runtime138 from "react/jsx-runtime";
  */
 declare function TreeItemContent({
   children
-}: TreeItemContentProps): react_jsx_runtime138.JSX.Element;
+}: TreeItemContentProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { TreeItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/tree/item-description.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/tree/item-description.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime150 from "react/jsx-runtime";
 declare function TreeItemDescription({
   children,
   className
-}: TextProps): react_jsx_runtime150.JSX.Element | null;
+}: TextProps): react_jsx_runtime160.JSX.Element | null;
 //#endregion
 export { TreeItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/tree/item-label.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 
 //#region src/components/tree/item-label.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime139 from "react/jsx-runtime";
 declare function TreeItemLabel({
   children,
   className
-}: TextProps): react_jsx_runtime139.JSX.Element;
+}: TextProps): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { TreeItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/tree/item-prefix-icon.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { IconProps } from "../icon/types.js";
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/tree/item-prefix-icon.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime151 from "react/jsx-runtime";
 declare function TreeItemPrefixIcon({
   children,
   className
-}: IconProps): react_jsx_runtime151.JSX.Element;
+}: IconProps): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { TreeItemPrefixIcon };
 //# sourceMappingURL=item-prefix-icon.d.ts.map

package/dist/components/tree/item.d.ts

@@ -12,7 +12,7 @@
 
 import { TreeItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 
 //#region src/components/tree/item.d.ts
 
@@ -44,7 +44,7 @@ declare function TreeItem({
   className,
   id,
   ...rest
-}: TreeItemProps): react_jsx_runtime140.JSX.Element;
+}: TreeItemProps): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { TreeItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/tree/lines.d.ts

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react35 from "react";
+import * as react42 from "react";
 
 //#region src/components/tree/lines.d.ts
 /**
@@ -21,7 +21,7 @@ import * as react35 from "react";
  * @param props.isLastOfSet - Whether this item is the last in its sibling group.
  * @returns An array of Line components representing the tree structure.
  */
-declare const TreeLines: react35.NamedExoticComponent<{
+declare const TreeLines: react42.NamedExoticComponent<{
   level: number;
   isLastOfSet: boolean;
 }>;

package/dist/components/video/index.d.ts

@@ -0,0 +1,97 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { VideoProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
+
+//#region src/components/video/index.d.ts
+
+/**
+ * A complete video player component.
+ *
+ * Combines an HTML video element with MediaControls to provide a fully-featured
+ * video player with play/pause, seek, volume control, playback rate adjustment,
+ * and fullscreen support.
+ *
+ * Uses media-chrome under the hood for state management and MediaController
+ * for the accessible media chrome elements.
+ *
+ * @param props - The component props.
+ * @param props.src - Video source URL. Must be accessible to the browser - if loading
+ *   from a different origin, ensure the server sends appropriate CORS headers
+ *   (Access-Control-Allow-Origin) or use the crossOrigin prop.
+ * @param props.poster - Poster image URL displayed before playback starts.
+ * @param props.classNames - Class names for sub-elements.
+ * @param props.isDisabled - Disable all video controls.
+ * @param props.crossOrigin - CORS setting ('anonymous' | 'use-credentials'). Required when
+ *   loading video from a different origin that requires credentials.
+ * @param props.playbackRates - Array of playback speed multipliers (default: [1, 2, 3]).
+ *   Only positive finite numbers are accepted; invalid values are filtered out.
+ * @param props.children - Custom controls to render instead of the default layout.
+ * @param props.onEnded - Callback invoked when video playback finishes.
+ * @param props.onTimeUpdate - Callback invoked during playback with current time in seconds.
+ * @param props.onError - Callback invoked when video fails to load or encounters an error.
+ * @param props.noHotkeys - Disable all keyboard shortcuts for media control.
+ * @param props.hotkeys - Custom keyboard shortcuts configuration for media control.
+ * @param props.noVolumePref - Disable automatic saving/restoring of volume preference.
+ * @param props.noMutedPref - Disable automatic saving/restoring of muted state preference.
+ * @param props.lang - Language code for localized media control labels.
+ * @returns The rendered video player component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Video src="video.mp4" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With poster image
+ * <Video
+ *   src="video.mp4"
+ *   poster="thumbnail.jpg"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With event callbacks
+ * <Video
+ *   src="video.mp4"
+ *   onEnded={() => console.log('Ended')}
+ *   onTimeUpdate={(time) => console.log('Current time:', time)}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom controls layout
+ * <Video src="video.mp4">
+ *   <PlayButton />
+ *   <TimeRange />
+ * </Video>
+ * ```
+ */
+declare function Video({
+  classNames,
+  isDisabled,
+  noHotkeys,
+  hotkeys,
+  noVolumePref,
+  noMutedPref,
+  lang,
+  ...rest
+}: VideoProps): react_jsx_runtime165.JSX.Element;
+//#endregion
+export { Video };
+//# sourceMappingURL=index.d.ts.map