@accelint/design-toolkit 9.5.0 → 9.6.0

package/dist/components/kanban/header-search.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanSearchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 
 //#region src/components/kanban/header-search.d.ts
 /**
@@ -25,7 +25,7 @@ import * as react_jsx_runtime35 from "react/jsx-runtime";
 declare function KanbanHeaderSearch({
   classNames,
   ...rest
-}: KanbanSearchProps): react_jsx_runtime35.JSX.Element;
+}: KanbanSearchProps): react_jsx_runtime126.JSX.Element;
 //#endregion
 export { KanbanHeaderSearch };
 //# sourceMappingURL=header-search.d.ts.map

package/dist/components/kanban/header-title.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 
 //#region src/components/kanban/header-title.d.ts
 /**
@@ -27,7 +27,7 @@ declare function KanbanHeaderTitle({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime46.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { KanbanHeaderTitle };
 //# sourceMappingURL=header-title.d.ts.map

package/dist/components/kanban/header.d.ts

@@ -12,7 +12,7 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
 
 //#region src/components/kanban/header.d.ts
 /**
@@ -29,7 +29,7 @@ declare function KanbanHeader({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime39.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime129.JSX.Element;
 //#endregion
 export { KanbanHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/kanban/kanban.d.ts

@@ -12,14 +12,14 @@
 
 import { KanbanProps } from "./types.js";
 import "client-only";
-import * as react20 from "react";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react31 from "react";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 
 //#region src/components/kanban/kanban.d.ts
 /**
  * Context for sharing active drag state across Kanban components.
  */
-declare const DragContext: react20.Context<{
+declare const DragContext: react31.Context<{
   activeId: string | null;
 } | null>;
 /**
@@ -55,7 +55,7 @@ declare function Kanban({
   children,
   className,
   ...rest
-}: KanbanProps): react_jsx_runtime91.JSX.Element;
+}: KanbanProps): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { DragContext, Kanban, useDragContext };
 //# sourceMappingURL=kanban.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { LabelProps as LabelProps$1 } from "./types.js";
 import "client-only";
-import * as react23 from "react";
+import * as react32 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime134 from "react/jsx-runtime";
 
 //#region src/components/label/context.d.ts
 /**
  * Context for sharing Label props across component tree.
  */
-declare const LabelContext: react23.Context<ContextValue<LabelProps$1, HTMLLabelElement>>;
+declare const LabelContext: react32.Context<ContextValue<LabelProps$1, HTMLLabelElement>>;
 /**
  * LabelProvider - Context provider for setting default Label props.
  *
@@ -43,7 +43,7 @@ declare const LabelContext: react23.Context<ContextValue<LabelProps$1, HTMLLabel
 declare function LabelProvider({
   children,
   ...props
-}: ProviderProps<LabelProps$1>): react_jsx_runtime98.JSX.Element;
+}: ProviderProps<LabelProps$1>): react_jsx_runtime134.JSX.Element;
 //#endregion
 export { LabelContext, LabelProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { LabelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region src/components/label/index.d.ts
 
@@ -52,7 +52,7 @@ import * as react_jsx_runtime113 from "react/jsx-runtime";
 declare function Label({
   ref,
   ...props
-}: LabelProps): react_jsx_runtime113.JSX.Element;
+}: LabelProps): react_jsx_runtime155.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { LinesProps } from "./types.js";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
 
 //#region src/components/lines/index.d.ts
 
@@ -38,7 +38,7 @@ declare function Lines({
   size,
   variant,
   isVisible
-}: LinesProps): react_jsx_runtime115.JSX.Element;
+}: LinesProps): react_jsx_runtime135.JSX.Element;
 //#endregion
 export { Lines };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,7 @@
 import { ProviderProps } from "../../lib/types.js";
 import { LinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
 
 //#region src/components/link/context.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime40 from "react/jsx-runtime";
 declare function LinkProvider({
   children,
   ...props
-}: ProviderProps<LinkProps>): react_jsx_runtime40.JSX.Element;
+}: ProviderProps<LinkProps>): react_jsx_runtime137.JSX.Element;
 //#endregion
 export { LinkProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { LinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 
 //#region src/components/link/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime41 from "react/jsx-runtime";
 declare function Link({
   ref,
   ...props
-}: LinkProps): react_jsx_runtime41.JSX.Element;
+}: LinkProps): react_jsx_runtime131.JSX.Element;
 //#endregion
 export { Link };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,14 +12,14 @@
 
 import { ListItemVariant, ListProps } from "./types.js";
 import "client-only";
-import * as react11 from "react";
+import * as react38 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/list/context.d.ts
 /**
  * Context for sharing List variant across component tree.
  */
-declare const ListContext: react11.Context<ContextValue<ListProps<object>, HTMLDivElement>>;
+declare const ListContext: react38.Context<ContextValue<ListProps<object>, HTMLDivElement>>;
 /**
  * Hook to get the current list item variant from context.
  * Used internally by ListItemTitle and ListItemDescription for sizing.

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

@@ -12,7 +12,7 @@
 
 import { ListProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 
 //#region src/components/list/index.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime47 from "react/jsx-runtime";
 declare function List<T extends object>({
   ref,
   ...props
-}: ListProps<T>): react_jsx_runtime47.JSX.Element;
+}: ListProps<T>): react_jsx_runtime157.JSX.Element;
 //#endregion
 export { List };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ListItemContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region src/components/list/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime52 from "react/jsx-runtime";
 declare function ListItemContent({
   className,
   ...rest
-}: ListItemContentProps): react_jsx_runtime52.JSX.Element;
+}: ListItemContentProps): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { ListItemContent };
 //# sourceMappingURL=item-content.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ListItemDescriptionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 
 //#region src/components/list/item-description.d.ts
 /**
@@ -35,7 +35,7 @@ declare function ListItemDescription({
   children,
   className,
   ...rest
-}: ListItemDescriptionProps): react_jsx_runtime50.JSX.Element;
+}: ListItemDescriptionProps): react_jsx_runtime138.JSX.Element;
 //#endregion
 export { ListItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/list/item-title.d.ts

@@ -12,7 +12,7 @@
 
 import { ListItemTitleProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime148 from "react/jsx-runtime";
 
 //#region src/components/list/item-title.d.ts
 /**
@@ -35,7 +35,7 @@ declare function ListItemTitle({
   children,
   className,
   ...rest
-}: ListItemTitleProps): react_jsx_runtime53.JSX.Element;
+}: ListItemTitleProps): react_jsx_runtime148.JSX.Element;
 //#endregion
 export { ListItemTitle };
 //# sourceMappingURL=item-title.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ListItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 
 //#region src/components/list/item.d.ts
 
@@ -46,7 +46,7 @@ declare function ListItem<T extends object>({
   classNames,
   textValue,
   ...rest
-}: ListItemProps<T>): react_jsx_runtime60.JSX.Element;
+}: ListItemProps<T>): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/media-controls/context.d.ts

@@ -12,9 +12,9 @@
 
 import { MediaControlsContextValue } from "./types.js";
 import "client-only";
-import * as react13 from "react";
+import * as react39 from "react";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime154 from "react/jsx-runtime";
 
 //#region src/components/media-controls/context.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime61 from "react/jsx-runtime";
  *
  * Provides shared configuration values (isDisabled) to all child controls.
  */
-declare const MediaControlsContext: react13.Context<MediaControlsContextValue>;
+declare const MediaControlsContext: react39.Context<MediaControlsContextValue>;
 /**
  * Validates that media-chrome's MediaProvider is present.
  *
@@ -60,7 +60,7 @@ declare function useMediaControlsDisabled(propIsDisabled?: boolean): boolean;
 declare function MediaControlsProvider({
   children,
   isDisabled
-}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime61.JSX.Element;
+}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime154.JSX.Element;
 //#endregion
 export { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/media-controls/fullscreen-button.d.ts

@@ -0,0 +1,55 @@
+/*
+ * 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 { FullscreenButtonProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime147 from "react/jsx-runtime";
+
+//#region src/components/media-controls/fullscreen-button.d.ts
+
+/**
+ * A media control button for entering/exiting fullscreen.
+ *
+ * Integrates with media-chrome's media store to control fullscreen state.
+ * Automatically shows the appropriate icon based on the current fullscreen state.
+ *
+ * @param props - The button props.
+ * @param props.className - CSS class name for the button.
+ * @param props.isDisabled - Whether the button is disabled.
+ * @param props.ref - Ref to the button element.
+ * @returns The rendered fullscreen button.
+ *
+ * @example
+ * ```tsx
+ * // Usage within Video component (recommended)
+ * <Video src="video.mp4">
+ *   <FullscreenButton />
+ * </Video>
+ *
+ * // Or with explicit provider hierarchy
+ * <MediaProvider>
+ *   <MediaController>
+ *     <video slot="media" />
+ *     <FullscreenButton />
+ *   </MediaController>
+ * </MediaProvider>
+ * ```
+ */
+declare function FullscreenButton({
+  className,
+  isDisabled: isDisabledProp,
+  ref,
+  ...rest
+}: FullscreenButtonProps): react_jsx_runtime147.JSX.Element;
+//#endregion
+export { FullscreenButton };
+//# sourceMappingURL=fullscreen-button.d.ts.map

package/dist/components/media-controls/fullscreen-button.js

@@ -0,0 +1,80 @@
+/*
+ * 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.
+ */
+
+
+'use client';
+
+import { Icon } from "../icon/index.js";
+import { Button } from "../button/index.js";
+import { useMediaControlsDisabled } from "./context.js";
+import "client-only";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { MediaActionTypes, useMediaDispatch, useMediaSelector } from "media-chrome/react/media-store";
+import { CollapseWindow, FullScreen } from "@accelint/icons";
+
+//#region src/components/media-controls/fullscreen-button.tsx
+const selectIsFullscreen = (state) => state.mediaIsFullscreen;
+/**
+* A media control button for entering/exiting fullscreen.
+*
+* Integrates with media-chrome's media store to control fullscreen state.
+* Automatically shows the appropriate icon based on the current fullscreen state.
+*
+* @param props - The button props.
+* @param props.className - CSS class name for the button.
+* @param props.isDisabled - Whether the button is disabled.
+* @param props.ref - Ref to the button element.
+* @returns The rendered fullscreen button.
+*
+* @example
+* ```tsx
+* // Usage within Video component (recommended)
+* <Video src="video.mp4">
+*   <FullscreenButton />
+* </Video>
+*
+* // Or with explicit provider hierarchy
+* <MediaProvider>
+*   <MediaController>
+*     <video slot="media" />
+*     <FullscreenButton />
+*   </MediaController>
+* </MediaProvider>
+* ```
+*/
+function FullscreenButton({ className, isDisabled: isDisabledProp, ref, ...rest }) {
+	const dispatch = useMediaDispatch();
+	const mediaIsFullscreen = useMediaSelector(selectIsFullscreen);
+	const isDisabled = useMediaControlsDisabled(isDisabledProp);
+	const handleClick = useCallback(() => {
+		dispatch({ type: mediaIsFullscreen ? MediaActionTypes.MEDIA_EXIT_FULLSCREEN_REQUEST : MediaActionTypes.MEDIA_ENTER_FULLSCREEN_REQUEST });
+	}, [dispatch, mediaIsFullscreen]);
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		ref,
+		className,
+		variant: "icon",
+		size: "medium",
+		isDisabled,
+		onPress: handleClick,
+		"aria-label": mediaIsFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+		children: /* @__PURE__ */ jsx(Icon, {
+			size: "medium",
+			children: mediaIsFullscreen ? /* @__PURE__ */ jsx(CollapseWindow, {}) : /* @__PURE__ */ jsx(FullScreen, {})
+		})
+	});
+}
+
+//#endregion
+export { FullscreenButton };
+//# sourceMappingURL=fullscreen-button.js.map

package/dist/components/media-controls/fullscreen-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen-button.js","names":[],"sources":["../../../src/components/media-controls/fullscreen-button.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { CollapseWindow, FullScreen } from '@accelint/icons';\nimport {\n  MediaActionTypes,\n  useMediaDispatch,\n  useMediaSelector,\n} from 'media-chrome/react/media-store';\nimport { useCallback } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { useMediaControlsDisabled } from './context';\nimport type { FullscreenButtonProps } from './types';\nimport type { MediaState } from 'media-chrome/react/media-store';\n\nconst selectIsFullscreen = (state: MediaState) => state.mediaIsFullscreen;\n\n/**\n * A media control button for entering/exiting fullscreen.\n *\n * Integrates with media-chrome's media store to control fullscreen state.\n * Automatically shows the appropriate icon based on the current fullscreen state.\n *\n * @param props - The button props.\n * @param props.className - CSS class name for the button.\n * @param props.isDisabled - Whether the button is disabled.\n * @param props.ref - Ref to the button element.\n * @returns The rendered fullscreen button.\n *\n * @example\n * ```tsx\n * // Usage within Video component (recommended)\n * <Video src=\"video.mp4\">\n *   <FullscreenButton />\n * </Video>\n *\n * // Or with explicit provider hierarchy\n * <MediaProvider>\n *   <MediaController>\n *     <video slot=\"media\" />\n *     <FullscreenButton />\n *   </MediaController>\n * </MediaProvider>\n * ```\n */\nexport function FullscreenButton({\n  className,\n  isDisabled: isDisabledProp,\n  ref,\n  ...rest\n}: FullscreenButtonProps) {\n  const dispatch = useMediaDispatch();\n  const mediaIsFullscreen = useMediaSelector(selectIsFullscreen);\n  const isDisabled = useMediaControlsDisabled(isDisabledProp);\n\n  const handleClick = useCallback(() => {\n    const type = mediaIsFullscreen\n      ? MediaActionTypes.MEDIA_EXIT_FULLSCREEN_REQUEST\n      : MediaActionTypes.MEDIA_ENTER_FULLSCREEN_REQUEST;\n    dispatch({ type });\n  }, [dispatch, mediaIsFullscreen]);\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      className={className}\n      variant='icon'\n      size='medium'\n      isDisabled={isDisabled}\n      onPress={handleClick}\n      aria-label={mediaIsFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}\n    >\n      <Icon size='medium'>\n        {mediaIsFullscreen ? <CollapseWindow /> : <FullScreen />}\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,sBAAsB,UAAsB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BxD,SAAgB,iBAAiB,EAC/B,WACA,YAAY,gBACZ,KACA,GAAG,QACqB;CACxB,MAAM,WAAW,kBAAkB;CACnC,MAAM,oBAAoB,iBAAiB,mBAAmB;CAC9D,MAAM,aAAa,yBAAyB,eAAe;CAE3D,MAAM,cAAc,kBAAkB;AAIpC,WAAS,EAAE,MAHE,oBACT,iBAAiB,gCACjB,iBAAiB,gCACJ,CAAC;IACjB,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QACE,oBAAC;EACC,GAAI;EACC;EACM;EACX,SAAQ;EACR,MAAK;EACO;EACZ,SAAS;EACT,cAAY,oBAAoB,oBAAoB;YAEpD,oBAAC;GAAK,MAAK;aACR,oBAAoB,oBAAC,mBAAiB,GAAG,oBAAC,eAAa;IACnD;GACA"}

package/dist/components/media-controls/index.d.ts

@@ -12,7 +12,7 @@
 
 import { MediaControlsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 
 //#region src/components/media-controls/index.d.ts
 
@@ -62,7 +62,7 @@ declare function MediaControls({
   children,
   isDisabled,
   ...rest
-}: MediaControlsProps): react_jsx_runtime62.JSX.Element;
+}: MediaControlsProps): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { MediaControls };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media-controls/mute-button.d.ts

@@ -12,7 +12,7 @@
 
 import { MuteButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 
 //#region src/components/media-controls/mute-button.d.ts
 
@@ -41,7 +41,7 @@ declare function MuteButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: MuteButtonProps): react_jsx_runtime63.JSX.Element;
+}: MuteButtonProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { MuteButton };
 //# sourceMappingURL=mute-button.d.ts.map

package/dist/components/media-controls/play-button.d.ts

@@ -12,7 +12,7 @@
 
 import { PlayButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/media-controls/play-button.d.ts
 
@@ -41,7 +41,7 @@ declare function PlayButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlayButtonProps): react_jsx_runtime66.JSX.Element;
+}: PlayButtonProps): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { PlayButton };
 //# sourceMappingURL=play-button.d.ts.map

package/dist/components/media-controls/playback-rate.d.ts

@@ -12,7 +12,7 @@
 
 import { PlaybackRateButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 
 //#region src/components/media-controls/playback-rate.d.ts
 
@@ -52,7 +52,7 @@ declare function PlaybackRateButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlaybackRateButtonProps): react_jsx_runtime67.JSX.Element;
+}: PlaybackRateButtonProps): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { PlaybackRateButton };
 //# sourceMappingURL=playback-rate.d.ts.map

package/dist/components/media-controls/seek-button.d.ts

@@ -12,7 +12,7 @@
 
 import { SeekButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/media-controls/seek-button.d.ts
 
@@ -54,7 +54,7 @@ declare function SeekButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: SeekButtonProps): react_jsx_runtime70.JSX.Element;
+}: SeekButtonProps): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { SeekButton };
 //# sourceMappingURL=seek-button.d.ts.map

package/dist/components/media-controls/time-display.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeDisplayProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-display.d.ts
 
@@ -63,7 +63,7 @@ declare function TimeDisplay({
   isDisabled: isDisabledProp,
   mode,
   ref
-}: TimeDisplayProps): react_jsx_runtime69.JSX.Element;
+}: TimeDisplayProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { TimeDisplay };
 //# sourceMappingURL=time-display.d.ts.map

package/dist/components/media-controls/time-range.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeRangeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-range.d.ts
 
@@ -40,7 +40,7 @@ declare function TimeRange({
   className,
   isDisabled: isDisabledProp,
   ref
-}: TimeRangeProps): react_jsx_runtime71.JSX.Element;
+}: TimeRangeProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { TimeRange };
 //# sourceMappingURL=time-range.d.ts.map

package/dist/components/media-controls/types.d.ts

@@ -41,6 +41,10 @@ type PlayButtonProps = MediaButtonProps;
  * Props for the MuteButton component.
  */
 type MuteButtonProps = MediaButtonProps;
+/**
+ * Props for the FullscreenButton component.
+ */
+type FullscreenButtonProps = MediaButtonProps;
 /**
  * Props for the SeekButton component.
  */
@@ -106,6 +110,7 @@ type TimeDisplayProps = MediaControlBaseProps & AriaAttributesWithRef<HTMLDivEle
    * - 'duration': Shows total duration
    */
   mode?: TimeDisplayMode;
+  /** Text shown when time value is unavailable or loading (e.g., "--:--"). */
   placeholder?: string;
 };
 /**
@@ -118,5 +123,5 @@ type MediaControlsContextValue = {
   isDisabled: boolean;
 };
 //#endregion
-export { MediaControlsContextValue, MediaControlsProps, MuteButtonProps, PlayButtonProps, PlaybackRateButtonProps, SeekButtonProps, TimeDisplayMode, TimeDisplayProps, TimeRangeProps, VolumeSliderProps };
+export { FullscreenButtonProps, MediaControlsContextValue, MediaControlsProps, MuteButtonProps, PlayButtonProps, PlaybackRateButtonProps, SeekButtonProps, TimeDisplayMode, TimeDisplayProps, TimeRangeProps, VolumeSliderProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/media-controls/volume-slider.d.ts

@@ -12,7 +12,7 @@
 
 import { VolumeSliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime170 from "react/jsx-runtime";
 
 //#region src/components/media-controls/volume-slider.d.ts
 
@@ -48,7 +48,7 @@ declare function VolumeSlider({
   showLabel,
   isDisabled: isDisabledProp,
   ref
-}: VolumeSliderProps): react_jsx_runtime72.JSX.Element;
+}: VolumeSliderProps): react_jsx_runtime170.JSX.Element;
 //#endregion
 export { VolumeSlider };
 //# sourceMappingURL=volume-slider.d.ts.map