@accelint/design-toolkit 9.4.0 → 9.5.0

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

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

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

@@ -12,7 +12,7 @@
 
 import { KanbanColProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/kanban/column.d.ts
 
@@ -40,7 +40,7 @@ declare function KanbanColumn({
   className,
   column,
   ...rest
-}: KanbanColProps): react_jsx_runtime81.JSX.Element;
+}: KanbanColProps): react_jsx_runtime31.JSX.Element;
 //#endregion
 export { KanbanColumn };
 //# sourceMappingURL=column.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { KanbanCardData, KanbanColumnData } from "./types.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { DragEndEvent } from "@dnd-kit/core";
 
 //#region src/components/kanban/context.d.ts
@@ -155,7 +155,7 @@ declare const KanbanProvider: ({
   children,
   columns,
   updateColumnState
-}: KanbanProviderProps) => react_jsx_runtime86.JSX.Element;
+}: KanbanProviderProps) => react_jsx_runtime32.JSX.Element;
 /**
  * Hook to access Kanban context values.
  * Must be used within a KanbanProvider.

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

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

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

@@ -12,7 +12,7 @@
 
 import { KanbanSearchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/components/kanban/header-search.d.ts
 /**
@@ -25,7 +25,7 @@ import * as react_jsx_runtime84 from "react/jsx-runtime";
 declare function KanbanHeaderSearch({
   classNames,
   ...rest
-}: KanbanSearchProps): react_jsx_runtime84.JSX.Element;
+}: KanbanSearchProps): react_jsx_runtime35.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_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime46 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_runtime85.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime46.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_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/kanban/header.d.ts
 /**
@@ -29,7 +29,7 @@ declare function KanbanHeader({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime87.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime39.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 react25 from "react";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react20 from "react";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 
 //#region src/components/kanban/kanban.d.ts
 /**
  * Context for sharing active drag state across Kanban components.
  */
-declare const DragContext: react25.Context<{
+declare const DragContext: react20.Context<{
   activeId: string | null;
 } | null>;
 /**
@@ -55,7 +55,7 @@ declare function Kanban({
   children,
   className,
   ...rest
-}: KanbanProps): react_jsx_runtime88.JSX.Element;
+}: KanbanProps): react_jsx_runtime91.JSX.Element;
 //#endregion
 export { DragContext, Kanban, useDragContext };
 //# sourceMappingURL=kanban.d.ts.map

package/dist/components/kanban/styles.module.css

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .kanban {
-    @apply h-full w-full;
+    @apply h-full w-full select-none;
   }
 
   .header {

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 react26 from "react";
+import * as react23 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 
 //#region src/components/label/context.d.ts
 /**
  * Context for sharing Label props across component tree.
  */
-declare const LabelContext: react26.Context<ContextValue<LabelProps$1, HTMLLabelElement>>;
+declare const LabelContext: react23.Context<ContextValue<LabelProps$1, HTMLLabelElement>>;
 /**
  * LabelProvider - Context provider for setting default Label props.
  *
@@ -43,7 +43,7 @@ declare const LabelContext: react26.Context<ContextValue<LabelProps$1, HTMLLabel
 declare function LabelProvider({
   children,
   ...props
-}: ProviderProps<LabelProps$1>): react_jsx_runtime89.JSX.Element;
+}: ProviderProps<LabelProps$1>): react_jsx_runtime98.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_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/label/index.d.ts
 
@@ -52,7 +52,7 @@ import * as react_jsx_runtime90 from "react/jsx-runtime";
 declare function Label({
   ref,
   ...props
-}: LabelProps): react_jsx_runtime90.JSX.Element;
+}: LabelProps): react_jsx_runtime113.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_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 
 //#region src/components/lines/index.d.ts
 
@@ -38,7 +38,7 @@ declare function Lines({
   size,
   variant,
   isVisible
-}: LinesProps): react_jsx_runtime91.JSX.Element;
+}: LinesProps): react_jsx_runtime115.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_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/link/context.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime92 from "react/jsx-runtime";
 declare function LinkProvider({
   children,
   ...props
-}: ProviderProps<LinkProps>): react_jsx_runtime92.JSX.Element;
+}: ProviderProps<LinkProps>): react_jsx_runtime40.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_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/link/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime93 from "react/jsx-runtime";
 declare function Link({
   ref,
   ...props
-}: LinkProps): react_jsx_runtime93.JSX.Element;
+}: LinkProps): react_jsx_runtime41.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 react0 from "react";
+import * as react11 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: react0.Context<ContextValue<ListProps<object>, HTMLDivElement>>;
+declare const ListContext: react11.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_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/list/index.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime95 from "react/jsx-runtime";
 declare function List<T extends object>({
   ref,
   ...props
-}: ListProps<T>): react_jsx_runtime95.JSX.Element;
+}: ListProps<T>): react_jsx_runtime47.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_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/list/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime97 from "react/jsx-runtime";
 declare function ListItemContent({
   className,
   ...rest
-}: ListItemContentProps): react_jsx_runtime97.JSX.Element;
+}: ListItemContentProps): react_jsx_runtime52.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_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime99.JSX.Element;
+}: ListItemDescriptionProps): react_jsx_runtime50.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_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime53 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_runtime135.JSX.Element;
+}: ListItemTitleProps): react_jsx_runtime53.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_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime60 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_runtime138.JSX.Element;
+}: ListItemProps<T>): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/list/styles.module.css

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .list {
-    @apply gap-xxs flex h-full w-full flex-col overflow-y-auto;
+    @apply gap-xxs flex h-full w-full flex-col overflow-y-auto select-none;
   }
 
   .item {

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

@@ -0,0 +1,66 @@
+/*
+ * 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 { MediaControlsContextValue } from "./types.js";
+import "client-only";
+import * as react13 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
+
+//#region src/components/media-controls/context.d.ts
+/**
+ * Context for MediaControls component.
+ *
+ * Provides shared configuration values (isDisabled) to all child controls.
+ */
+declare const MediaControlsContext: react13.Context<MediaControlsContextValue>;
+/**
+ * Validates that media-chrome's MediaProvider is present.
+ *
+ * @throws {Error} Throws if called outside a MediaProvider context.
+ */
+declare function useMediaProviderGuard(): void;
+/**
+ * Resolves disabled state from prop or context.
+ *
+ * Returns true if either the prop or context indicates disabled.
+ * A parent context disabling controls cannot be overridden by children.
+ *
+ * @param propIsDisabled - The disabled prop value.
+ * @returns The resolved disabled state.
+ */
+declare function useMediaControlsDisabled(propIsDisabled?: boolean): boolean;
+/**
+ * Provider for MediaControls component.
+ *
+ * Provides shared configuration to all media control children.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components to receive context.
+ * @param props.isDisabled - Whether controls are disabled.
+ * @returns The context provider wrapping children.
+ *
+ * @example
+ * ```tsx
+ * <MediaControlsProvider isDisabled={false}>
+ *   <PlayButton />
+ *   <MuteButton />
+ * </MediaControlsProvider>
+ * ```
+ */
+declare function MediaControlsProvider({
+  children,
+  isDisabled
+}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime61.JSX.Element;
+//#endregion
+export { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/media-controls/context.js

@@ -0,0 +1,77 @@
+/*
+ * 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 "client-only";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useMediaStore } from "media-chrome/react/media-store";
+
+//#region src/components/media-controls/context.tsx
+/**
+* Context for MediaControls component.
+*
+* Provides shared configuration values (isDisabled) to all child controls.
+*/
+const MediaControlsContext = createContext({ isDisabled: false });
+/**
+* Validates that media-chrome's MediaProvider is present.
+*
+* @throws {Error} Throws if called outside a MediaProvider context.
+*/
+function useMediaProviderGuard() {
+	if (!useMediaStore()) throw new Error("MediaControls must be used within a MediaProvider from media-chrome.");
+}
+/**
+* Resolves disabled state from prop or context.
+*
+* Returns true if either the prop or context indicates disabled.
+* A parent context disabling controls cannot be overridden by children.
+*
+* @param propIsDisabled - The disabled prop value.
+* @returns The resolved disabled state.
+*/
+function useMediaControlsDisabled(propIsDisabled) {
+	const context = useContext(MediaControlsContext);
+	return Boolean(propIsDisabled || context.isDisabled);
+}
+/**
+* Provider for MediaControls component.
+*
+* Provides shared configuration to all media control children.
+*
+* @param props - The provider props.
+* @param props.children - Child components to receive context.
+* @param props.isDisabled - Whether controls are disabled.
+* @returns The context provider wrapping children.
+*
+* @example
+* ```tsx
+* <MediaControlsProvider isDisabled={false}>
+*   <PlayButton />
+*   <MuteButton />
+* </MediaControlsProvider>
+* ```
+*/
+function MediaControlsProvider({ children, isDisabled = false }) {
+	const value = useMemo(() => ({ isDisabled }), [isDisabled]);
+	return /* @__PURE__ */ jsx(MediaControlsContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard };
+//# sourceMappingURL=context.js.map

package/dist/components/media-controls/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/media-controls/context.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 { useMediaStore } from 'media-chrome/react/media-store';\nimport {\n  createContext,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react';\nimport type { MediaControlsContextValue } from './types';\n\n/**\n * Context for MediaControls component.\n *\n * Provides shared configuration values (isDisabled) to all child controls.\n */\nexport const MediaControlsContext = createContext<MediaControlsContextValue>({\n  isDisabled: false,\n});\n\n/**\n * Validates that media-chrome's MediaProvider is present.\n *\n * @throws {Error} Throws if called outside a MediaProvider context.\n */\nexport function useMediaProviderGuard(): void {\n  const store = useMediaStore();\n  if (!store) {\n    throw new Error(\n      'MediaControls must be used within a MediaProvider from media-chrome.',\n    );\n  }\n}\n\n/**\n * Resolves disabled state from prop or context.\n *\n * Returns true if either the prop or context indicates disabled.\n * A parent context disabling controls cannot be overridden by children.\n *\n * @param propIsDisabled - The disabled prop value.\n * @returns The resolved disabled state.\n */\nexport function useMediaControlsDisabled(propIsDisabled?: boolean): boolean {\n  const context = useContext(MediaControlsContext);\n  return Boolean(propIsDisabled || context.isDisabled);\n}\n\n/**\n * Provider for MediaControls component.\n *\n * Provides shared configuration to all media control children.\n *\n * @param props - The provider props.\n * @param props.children - Child components to receive context.\n * @param props.isDisabled - Whether controls are disabled.\n * @returns The context provider wrapping children.\n *\n * @example\n * ```tsx\n * <MediaControlsProvider isDisabled={false}>\n *   <PlayButton />\n *   <MuteButton />\n * </MediaControlsProvider>\n * ```\n */\nexport function MediaControlsProvider({\n  children,\n  isDisabled = false,\n}: PropsWithChildren<Partial<MediaControlsContextValue>>) {\n  const value = useMemo(() => ({ isDisabled }), [isDisabled]);\n\n  return (\n    <MediaControlsContext.Provider value={value}>\n      {children}\n    </MediaControlsContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,uBAAuB,cAAyC,EAC3E,YAAY,OACb,CAAC;;;;;;AAOF,SAAgB,wBAA8B;AAE5C,KAAI,CADU,eAAe,CAE3B,OAAM,IAAI,MACR,uEACD;;;;;;;;;;;AAaL,SAAgB,yBAAyB,gBAAmC;CAC1E,MAAM,UAAU,WAAW,qBAAqB;AAChD,QAAO,QAAQ,kBAAkB,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;AAqBtD,SAAgB,sBAAsB,EACpC,UACA,aAAa,SAC2C;CACxD,MAAM,QAAQ,eAAe,EAAE,YAAY,GAAG,CAAC,WAAW,CAAC;AAE3D,QACE,oBAAC,qBAAqB;EAAgB;EACnC;GAC6B"}

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

@@ -0,0 +1,68 @@
+/*
+ * 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 { MediaControlsProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
+
+//#region src/components/media-controls/index.d.ts
+
+/**
+ * A container for media playback controls.
+ *
+ * Composes media control sub-components into a cohesive control bar.
+ * Must be used within a MediaProvider context from media-chrome.
+ *
+ * @param props - The component props.
+ * @param props.className - CSS class name for the container.
+ * @param props.classNames - Class names for sub-elements.
+ * @param props.children - Media control components to render.
+ * @param props.isDisabled - Disables all child controls via context.
+ * @returns The rendered media controls container.
+ *
+ * @example
+ * ```tsx
+ * <MediaProvider>
+ *   <MediaControls>
+ *     <PlayButton />
+ *     <TimeDisplay mode="current" />
+ *     <TimeRange />
+ *     <MuteButton />
+ *     <VolumeSlider />
+ *   </MediaControls>
+ * </MediaProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Audio player with seek controls
+ * <MediaProvider>
+ *   <MediaControls>
+ *     <SeekButton direction="backward" seekOffset={15} />
+ *     <PlayButton />
+ *     <SeekButton direction="forward" seekOffset={15} />
+ *     <TimeDisplay mode="current" />
+ *     <PlaybackRateButton rates={[0.5, 1, 1.5, 2]} />
+ *   </MediaControls>
+ * </MediaProvider>
+ * ```
+ */
+declare function MediaControls({
+  className,
+  classNames,
+  children,
+  isDisabled,
+  ...rest
+}: MediaControlsProps): react_jsx_runtime62.JSX.Element;
+//#endregion
+export { MediaControls };
+//# sourceMappingURL=index.d.ts.map