@djangocfg/ui-tools 2.1.202 → 2.1.204

package/dist/index.d.ts

@@ -6,10 +6,10 @@ import { Language } from 'prism-react-renderer';
 export { Language } from 'prism-react-renderer';
 import { RJSFSchema, UiSchema, WidgetProps, FieldTemplateProps, ObjectFieldTemplateProps, ArrayFieldTemplateProps, ArrayFieldItemTemplateProps, ErrorListProps } from '@rjsf/utils';
 import { FormProps, IChangeEvent } from '@rjsf/core';
+import * as zustand from 'zustand';
 import { CommonExternalProps } from 'react-json-tree';
 import { MediaPlayerInstance } from '@vidstack/react';
 import * as zustand_middleware from 'zustand/middleware';
-import * as zustand from 'zustand';
 
 interface LoadingFallbackProps {
     /** Minimum height of the loading container */
@@ -640,12 +640,32 @@ declare function calculateSpotlight(levels: AudioLevels, config: EffectConfig$1,
  */
 declare const EFFECT_ANIMATIONS = "\n  @keyframes spotlight-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  @keyframes orb-float-1 {\n    0%, 100% { transform: translate(-50%, -50%) translateY(0); }\n    50% { transform: translate(-50%, -50%) translateY(-15px); }\n  }\n\n  @keyframes orb-float-2 {\n    0%, 100% { transform: translate(-50%, -50%) translateX(0); }\n    50% { transform: translate(-50%, -50%) translateX(15px); }\n  }\n\n  @keyframes orb-float-3 {\n    0%, 100% { transform: translate(-50%, -50%) translate(0, 0); }\n    33% { transform: translate(-50%, -50%) translate(10px, -10px); }\n    66% { transform: translate(-50%, -50%) translate(-10px, 10px); }\n  }\n\n  @keyframes orb-float-4 {\n    0%, 100% { transform: translate(-50%, -50%) translate(0, 0); }\n    50% { transform: translate(-50%, -50%) translate(-15px, -10px); }\n  }\n\n  @keyframes mesh-float-1 {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    25% { transform: translate(-5%, 10%) scale(1.05); }\n    50% { transform: translate(5%, 5%) scale(0.95); }\n    75% { transform: translate(-3%, -5%) scale(1.02); }\n  }\n\n  @keyframes mesh-float-2 {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(8%, -8%) scale(1.08); }\n    66% { transform: translate(-6%, 6%) scale(0.92); }\n  }\n\n  @keyframes mesh-float-3 {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    50% { transform: translate(10%, 10%) scale(1.1); }\n  }\n\n  @keyframes mesh-float-4 {\n    0%, 100% { transform: translate(0, 0) scale(1) rotate(0deg); }\n    25% { transform: translate(10%, -5%) scale(1.1) rotate(5deg); }\n    50% { transform: translate(-5%, 10%) scale(0.95) rotate(-5deg); }\n    75% { transform: translate(-10%, -10%) scale(1.05) rotate(3deg); }\n  }\n\n  @keyframes mesh-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }\n  }\n\n  @keyframes glow-breathe {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.05); }\n  }\n\n  @keyframes glow-rotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  @keyframes sparkle-move {\n    0% { opacity: 0; transform: scale(0.8); }\n    50% { opacity: 1; }\n    100% { opacity: 0; transform: scale(1.2); }\n  }\n";
 
+interface AudioBusStore {
+    /** ID of the currently active (playing) player, null if none */
+    activeId: string | null;
+    setActiveId: (id: string | null) => void;
+}
+declare const useAudioBusStore: zustand.UseBoundStore<zustand.StoreApi<AudioBusStore>>;
+interface UseAudioBusReturn {
+    /** Broadcast: this player is now playing — all others should stop */
+    announce: () => void;
+    /** Release: this player stopped (clears activeId if it was ours) */
+    release: () => void;
+}
+/**
+ * @param playerId  Stable unique ID for this player instance
+ * @param onStop    Called when another player announces — should pause this player
+ */
+declare function useAudioBus(playerId: string, onStop: () => void): UseAudioBusReturn;
+
 interface UseHybridAudioOptions {
     src: string;
     autoPlay?: boolean;
     initialVolume?: number;
     loop?: boolean;
     crossOrigin?: 'anonymous' | 'use-credentials';
+    /** Set to true to opt out of global audio bus (player won't stop others and won't be stopped) */
+    excludeFromBus?: boolean;
     onPlay?: () => void;
     onPause?: () => void;
     onEnded?: () => void;
@@ -793,6 +813,44 @@ interface HybridSimplePlayerProps {
 }
 declare function HybridSimplePlayer(props: HybridSimplePlayerProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * HybridCompactPlayer - Single-row audio player
+ *
+ * Designed for tight spaces: play/pause + waveform + timer.
+ * No cover art, no volume slider, no skip buttons.
+ *
+ * @example
+ * <HybridCompactPlayer src="https://example.com/audio.mp3" title="Rain & Thunder" />
+ *
+ * @example
+ * // Lazy-loaded (preferred in app)
+ * <LazyHybridCompactPlayer src={url} autoPlay />
+ */
+
+interface HybridCompactPlayerProps {
+    /** Audio source URL */
+    src: string;
+    /** Track title (shown as tooltip / aria-label) */
+    title?: string;
+    /** Auto-play on load */
+    autoPlay?: boolean;
+    /** Loop playback */
+    loop?: boolean;
+    /** Initial volume (0-1) */
+    initialVolume?: number;
+    /** Waveform visualization mode */
+    waveformMode?: 'frequency' | 'static';
+    /** Show timer */
+    showTimer?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Callbacks */
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onError?: (error: Error) => void;
+}
+
 interface HybridWaveformProps {
     /** Visualization mode */
     mode?: 'frequency' | 'static';
@@ -819,7 +877,8 @@ declare const HybridWaveform: React$1.NamedExoticComponent<HybridWaveformProps>;
 
 interface AudioReactiveCoverProps {
     children: ReactNode;
-    size?: 'sm' | 'md' | 'lg';
+    /** 'sm' | 'md' | 'lg' = fixed sizes; 'full' = stretch to container width (aspect-square) */
+    size?: 'sm' | 'md' | 'lg' | 'full';
     variant?: EffectVariant;
     intensity?: EffectIntensity;
     colorScheme?: EffectColorScheme;
@@ -875,6 +934,12 @@ declare const LazyHybridAudioPlayer: React$1.ComponentType<HybridAudioPlayerProp
  * Automatically shows loading state while WaveSurfer loads (~200KB)
  */
 declare const LazyHybridSimplePlayer: React$1.ComponentType<HybridSimplePlayerProps>;
+/**
+ * LazyHybridCompactPlayer - Lazy-loaded compact single-row audio player
+ *
+ * Use in tight spaces: play/pause + waveform + timer in one line.
+ */
+declare const LazyHybridCompactPlayer: React$1.ComponentType<HybridCompactPlayerProps>;
 
 /**
  * Video source type definitions
@@ -2251,4 +2316,4 @@ declare function useBlobUrlCleanup(key: string | null): void;
  */
 declare function generateContentKey(content: ArrayBuffer): string;
 
-export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, EFFECT_ANIMATIONS, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownMessage, type MarkdownMessageProps, type MarkerData, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLottie, useMediaCacheStore, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };
+export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, EFFECT_ANIMATIONS, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, type HybridCompactPlayerProps, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownMessage, type MarkdownMessageProps, type MarkerData, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioBusReturn, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioBus, useAudioBusStore, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLottie, useMediaCacheStore, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { AudioReactiveCover, COLOR_SCHEMES, COLOR_SCHEME_INFO, EFFECT_ANIMATIONS, GlowEffect, HybridAudioPlayer, HybridAudioProvider, HybridSimplePlayer, HybridWaveform, INTENSITY_CONFIG, INTENSITY_INFO, MeshEffect, OrbsEffect, SpotlightEffect, VARIANT_INFO, VisualizationProvider, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, formatTime, getColors, getEffectConfig, prepareEffectColors, useAudioVisualization, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useVisualization } from './chunk-7HP3GZFT.mjs';
+export { AudioReactiveCover, COLOR_SCHEMES, COLOR_SCHEME_INFO, EFFECT_ANIMATIONS, GlowEffect, HybridAudioPlayer, HybridAudioProvider, HybridSimplePlayer, HybridWaveform, INTENSITY_CONFIG, INTENSITY_INFO, MeshEffect, OrbsEffect, SpotlightEffect, VARIANT_INFO, VisualizationProvider, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, formatTime, getColors, getEffectConfig, prepareEffectColors, useAudioBus, useAudioBusStore, useAudioVisualization, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useVisualization } from './chunk-CDP3K6BI.mjs';
 export { NativeProvider, StreamProvider, VideoControls, VideoErrorFallback, VideoPlayer, VideoPlayerProvider, VidstackProvider, createVideoErrorFallback, isSimpleStreamSource, resolveFileSource, resolvePlayerMode, resolveStreamSource, useVideoPlayerContext } from './chunk-QKG4LERV.mjs';
 import './chunk-JWB2EWQO.mjs';
 export { ImageViewer } from './chunk-MADKYFI3.mjs';
@@ -767,19 +767,30 @@ function AudioLoadingFallback() {
 }
 __name(AudioLoadingFallback, "AudioLoadingFallback");
 var LazyHybridAudioPlayer = createLazyComponent(
-  () => import('./components-IPSHDNXP.mjs').then((mod) => ({ default: mod.HybridAudioPlayer })),
+  () => import('./components-3RJ5Y3TB.mjs').then((mod) => ({ default: mod.HybridAudioPlayer })),
   {
     displayName: "LazyHybridAudioPlayer",
     fallback: /* @__PURE__ */ jsx(AudioLoadingFallback, {})
   }
 );
 var LazyHybridSimplePlayer = createLazyComponent(
-  () => import('./components-IPSHDNXP.mjs').then((mod) => ({ default: mod.HybridSimplePlayer })),
+  () => import('./components-3RJ5Y3TB.mjs').then((mod) => ({ default: mod.HybridSimplePlayer })),
   {
     displayName: "LazyHybridSimplePlayer",
     fallback: /* @__PURE__ */ jsx(AudioLoadingFallback, {})
   }
 );
+var LazyHybridCompactPlayer = createLazyComponent(
+  () => import('./components-3RJ5Y3TB.mjs').then((mod) => ({ default: mod.HybridCompactPlayer })),
+  {
+    displayName: "LazyHybridCompactPlayer",
+    fallback: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 h-8 px-1 animate-pulse", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-md bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 h-4 rounded bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted flex-shrink-0" })
+    ] })
+  }
+);
 function VideoLoadingFallback() {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-black/90 rounded-lg aspect-video", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -869,6 +880,6 @@ function CronSchedulerFallback() {
 }
 __name(CronSchedulerFallback, "CronSchedulerFallback");
 
-export { CardLoadingFallback, CronScheduler, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownMessage, Mermaid_default as Mermaid, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useCollapsibleContent };
+export { CardLoadingFallback, CronScheduler, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownMessage, Mermaid_default as Mermaid, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useCollapsibleContent };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map