@edrlab/thorium-web 1.2.0 → 1.3.0

package/dist/{chunk-NYZBHYW2.mjs → chunk-4ODYHZKD.mjs}

@@ -1,9 +1,9 @@
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
 import { useCollapsibility } from './chunk-MLEYTQGK.mjs';
-import { useObjectRef, FocusScope, OverlayProvider, useDialog, useOverlay, useModal } from 'react-aria';
-import { Toolbar, TooltipTrigger, Button, Tooltip, MenuTrigger, Popover, Menu, Dialog, Modal, Heading, Form, NumberField, Label, FieldError, Input, Text, TextField, SearchField, Link, MenuItem, Keyboard, Group, RadioGroup, Radio, Slider, SliderOutput, SliderTrack, SliderThumb, Switch, SelectValue, Select, ListBox, ListBoxItem } from 'react-aria-components';
+import React23, { createContext, useContext, useState, useEffect, useMemo, useRef, Fragment as Fragment$1, useCallback, createElement } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React22, { useRef, Fragment as Fragment$1, useEffect, useMemo, useCallback, createElement, useState } from 'react';
+import { useObjectRef, useLocale, useOverlayPosition, OverlayContainer, FocusScope, OverlayProvider, useDialog, useOverlay, useModal } from 'react-aria';
+import { Toolbar, TooltipTrigger, Button, Tooltip, MenuTrigger, Popover, Menu, Slider, SliderTrack, SliderThumb, Dialog, Modal, Heading, Form, NumberField, Label, FieldError, Input, Text, TextField, SearchField, Link, MenuItem, Keyboard, Group, RadioGroup, Radio, SliderOutput, Switch, SelectValue, Select, ListBox, ListBoxItem } from 'react-aria-components';
 import { createPortal } from 'react-dom';
 import { useOverlayTriggerState } from 'react-stately';
 import { Sheet } from 'react-modal-sheet';
@@ -76,6 +76,116 @@ var useActions = (actionMap) => {
     everyOpenDocked
   };
 };
+
+// src/components/Plugins/PluginRegistry.ts
+var pluginsStore = [];
+var PluginRegistryClass = class {
+  register(plugin) {
+    const existingPluginIndex = pluginsStore.findIndex((p) => p.id === plugin.id);
+    if (existingPluginIndex >= 0) {
+      pluginsStore[existingPluginIndex] = plugin;
+    } else {
+      pluginsStore.push(plugin);
+    }
+  }
+  unregister(pluginId) {
+    const filteredPlugins = pluginsStore.filter((plugin) => plugin.id !== pluginId);
+    pluginsStore.length = 0;
+    pluginsStore.push(...filteredPlugins);
+  }
+  getPlugins() {
+    return [...pluginsStore];
+  }
+  getComponentMaps() {
+    const actionsComponentsMap = {};
+    const settingsComponentsMap = {};
+    const primaryAudioActionsMap = {};
+    [...pluginsStore].reverse().forEach((plugin) => {
+      if (plugin.components.actions) {
+        Object.entries(plugin.components.actions).forEach(([key, component]) => {
+          actionsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.settings) {
+        Object.entries(plugin.components.settings).forEach(([key, component]) => {
+          settingsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.primaryAudioActions) {
+        Object.entries(plugin.components.primaryAudioActions).forEach(([key, component]) => {
+          primaryAudioActionsMap[key] = component;
+        });
+      }
+    });
+    return {
+      actionsComponentsMap,
+      settingsComponentsMap,
+      primaryAudioActionsMap
+    };
+  }
+};
+var ThPluginRegistry = new PluginRegistryClass();
+var ThPluginContext = createContext({
+  actionsComponentsMap: {},
+  settingsComponentsMap: {},
+  textSettingsComponentsMap: {},
+  spacingSettingsComponentsMap: {},
+  primaryAudioActionsMap: {},
+  registerPlugin: ThPluginRegistry.register.bind(ThPluginRegistry),
+  unregisterPlugin: ThPluginRegistry.unregister.bind(ThPluginRegistry)
+});
+var usePlugins = () => useContext(ThPluginContext);
+var ThPluginProvider = ({ children }) => {
+  const [componentMaps, setComponentMaps] = useState(() => {
+    const maps = ThPluginRegistry.getComponentMaps();
+    return {
+      ...maps,
+      textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+      spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+    };
+  });
+  function getTypedSettingsComponents(componentsMap, type) {
+    return Object.entries(componentsMap).filter(([_, component]) => component.type === type).reduce((acc, [key, component]) => {
+      acc[key] = component;
+      return acc;
+    }, {});
+  }
+  useEffect(() => {
+    const updateComponentMaps = () => {
+      const maps = ThPluginRegistry.getComponentMaps();
+      setComponentMaps({
+        ...maps,
+        textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+        spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+      });
+    };
+    updateComponentMaps();
+  }, []);
+  const registerPlugin = (plugin) => {
+    ThPluginRegistry.register(plugin);
+  };
+  const unregisterPlugin = (pluginId) => {
+    ThPluginRegistry.unregister(pluginId);
+  };
+  const value = {
+    ...componentMaps,
+    registerPlugin,
+    unregisterPlugin
+  };
+  return /* @__PURE__ */ jsx(ThPluginContext.Provider, { value, children });
+};
+
+// src/core/Components/Actions/hooks/useActionComponentStatus.ts
+function useActionComponentStatus(options) {
+  const { actionKey } = options;
+  const { actionsComponentsMap, primaryAudioActionsMap } = usePlugins();
+  return useMemo(() => {
+    const isComponentRegistered = !!actionsComponentsMap?.[actionKey] || !!primaryAudioActionsMap?.[actionKey];
+    return {
+      isComponentRegistered
+    };
+  }, [actionKey, actionsComponentsMap, primaryAudioActionsMap]);
+}
 var ThActionsTriggerVariant = /* @__PURE__ */ ((ThActionsTriggerVariant2) => {
   ThActionsTriggerVariant2["button"] = "iconButton";
   ThActionsTriggerVariant2["menu"] = "menuItem";
@@ -176,7 +286,7 @@ var ThMenu = ({
         {
           ...compounds?.menuTrigger,
           children: [
-            compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
+            compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
               ThMenuButton,
               {
                 ref: buttonRef,
@@ -218,6 +328,7 @@ var ThCollapsibleActionsBar = ({
   items,
   prefs,
   breakpoint,
+  targetPlacement = "bottom",
   compounds,
   ...props
 }) => {
@@ -240,10 +351,10 @@ var ThCollapsibleActionsBar = ({
               },
               `${key}-trigger`
             ),
-            Target && /* @__PURE__ */ jsx(Target, { triggerRef: resolvedRef }, `${key}-container`)
+            Target && /* @__PURE__ */ jsx(Target, { triggerRef: resolvedRef, placement: targetPlacement }, `${key}-container`)
           ] }, key)
         ),
-        React22.isValidElement(compounds?.menu) ? React22.cloneElement(compounds.menu, {
+        React23.isValidElement(compounds?.menu) ? React23.cloneElement(compounds.menu, {
           ...compounds.menu.props,
           id,
           triggerRef: resolvedRef,
@@ -263,6 +374,157 @@ var ThCollapsibleActionsBar = ({
     }
   ) });
 };
+var ThAudioProgress = ({
+  isDisabled,
+  currentTime,
+  duration,
+  playbackRate = 1,
+  onSeek,
+  currentChapter,
+  seekableRanges,
+  hoverLabel,
+  onHoverProgression,
+  segments,
+  compounds
+}) => {
+  const { direction } = useLocale();
+  const anchorRef = useRef(null);
+  const overlayRef = useObjectRef(compounds?.tooltip?.ref);
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragValue, setDragValue] = useState(0);
+  const seekTargetRef = useRef(null);
+  useEffect(() => {
+    if (seekTargetRef.current === null) return;
+    if (Math.abs(currentTime - seekTargetRef.current) < 1) {
+      seekTargetRef.current = null;
+      setIsDragging(false);
+    }
+  }, [currentTime]);
+  const overlayConfig = compounds?.tooltip || {};
+  const placement = overlayConfig.placement || "top";
+  const offset = overlayConfig.offset !== void 0 ? overlayConfig.offset : 8;
+  const { overlayProps, updatePosition } = useOverlayPosition({
+    targetRef: anchorRef,
+    overlayRef,
+    placement,
+    offset,
+    isOpen
+  });
+  const displayTime = isDragging ? dragValue : currentTime;
+  const defaultElapsedTime = formatTime(displayTime / playbackRate);
+  const defaultRemainingTime = formatTime(Math.max(0, (duration - displayTime) / playbackRate));
+  function formatTime(seconds) {
+    if (isNaN(seconds) || !isFinite(seconds)) return "0:00";
+    const hrs = Math.floor(seconds / 3600);
+    const mins = Math.floor(seconds % 3600 / 60);
+    const secs = Math.floor(seconds % 60);
+    return hrs > 0 ? `${hrs}:${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}` : `${mins}:${secs.toString().padStart(2, "0")}`;
+  }
+  const validSeekableRanges = duration > 0 ? (seekableRanges ?? []).filter((r) => r.end <= duration) : [];
+  const handleTrackMouseMove = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const raw = (e.clientX - rect.left) / rect.width;
+    const x = Math.max(0, Math.min(1, direction === "rtl" ? 1 - raw : raw));
+    if (anchorRef.current) {
+      const side = direction === "rtl" ? "right" : "left";
+      anchorRef.current.style.left = "";
+      anchorRef.current.style.right = "";
+      anchorRef.current.style[side] = `${x * 100}%`;
+      updatePosition();
+    }
+    if (!isOpen) setIsOpen(true);
+    onHoverProgression?.(x);
+  };
+  const handleTrackMouseLeave = () => {
+    setIsOpen(false);
+    onHoverProgression?.(null);
+  };
+  const { onMouseMove, onMouseLeave, ...trackProps } = compounds?.track ?? {};
+  return /* @__PURE__ */ jsxs("div", { ...compounds?.wrapper, children: [
+    currentChapter && /* @__PURE__ */ jsx("div", { ...compounds?.current, children: currentChapter }),
+    /* @__PURE__ */ jsx(
+      Slider,
+      {
+        value: isDragging ? dragValue : currentTime,
+        minValue: 0,
+        maxValue: duration || 0,
+        onChange: (value) => {
+          const v = Array.isArray(value) ? value[0] : value;
+          setIsDragging(true);
+          setDragValue(v);
+        },
+        onChangeEnd: (value) => {
+          const v = Array.isArray(value) ? value[0] : value;
+          seekTargetRef.current = v;
+          onSeek(v);
+        },
+        isDisabled: !!isDisabled,
+        ...compounds?.slider,
+        children: /* @__PURE__ */ jsxs(
+          SliderTrack,
+          {
+            onMouseMove: (e) => {
+              handleTrackMouseMove(e);
+              onMouseMove?.(e);
+            },
+            onMouseLeave: (e) => {
+              handleTrackMouseLeave();
+              onMouseLeave?.(e);
+            },
+            ...trackProps,
+            children: [
+              validSeekableRanges.map((range, i) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...compounds?.seekableRange,
+                  style: {
+                    [direction === "rtl" ? "right" : "left"]: `${range.start / duration * 100}%`,
+                    width: `${(range.end - range.start) / duration * 100}%`,
+                    ...compounds?.seekableRange?.style
+                  }
+                },
+                i
+              )),
+              segments?.map((segment, i) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...compounds?.fragmentTick,
+                  style: {
+                    position: "absolute",
+                    [direction === "rtl" ? "right" : "left"]: `${segment.percentage}%`,
+                    ...compounds?.fragmentTick?.style
+                  }
+                },
+                `segment-${i}`
+              )),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  ref: anchorRef,
+                  style: { position: "absolute", [direction === "rtl" ? "right" : "left"]: "0%", width: 0, height: "100%", top: 0 },
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx(SliderThumb, { ...compounds?.thumb })
+            ]
+          }
+        )
+      }
+    ),
+    isOpen && hoverLabel && /* @__PURE__ */ jsx(OverlayContainer, { ...compounds?.overlayContainer, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: overlayRef,
+        ...overlayConfig,
+        style: { ...overlayProps.style, ...overlayConfig.style },
+        children: hoverLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { ...compounds?.elapsedTime, children: defaultElapsedTime }),
+    /* @__PURE__ */ jsx("span", { ...compounds?.remainingTime, children: defaultRemainingTime })
+  ] });
+};
 var SvgClose = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }) });
 var close_default = SvgClose;
 var ThCloseButton = ({
@@ -335,7 +597,7 @@ var ThNavigationButton = ({
   children,
   ...props
 }) => {
-  const fallBackChildren = /* @__PURE__ */ jsxs(React22.Fragment, { children: [
+  const fallBackChildren = /* @__PURE__ */ jsxs(React23.Fragment, { children: [
     direction === "right" ? /* @__PURE__ */ jsx(arrow_forward_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_back_default, { "aria-hidden": "true", focusable: "false" }),
     label
   ] });
@@ -692,7 +954,7 @@ var ThBottomSheetContainer = ({
   const [Header, Body] = useMemo(() => {
     const header = children.find((child) => child.type === ThContainerHeader);
     const body = children.find((child) => child.type === ThContainerBody);
-    const modifiedHeader = header ? React22.cloneElement(header, {
+    const modifiedHeader = header ? React23.cloneElement(header, {
       ...header.props,
       compounds: {
         ...header.props.compounds,
@@ -819,7 +1081,7 @@ var ThTypedComponentRenderer = ({
   if (!Component) {
     throw new Error(`Unsupported type: ${type}`);
   }
-  return React22.createElement(Component, props, children);
+  return React23.createElement(Component, props, children);
 };
 var ThForm = ({
   ref,
@@ -835,7 +1097,7 @@ var ThForm = ({
       ...props,
       children: [
         children,
-        compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
+        compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
           Button,
           {
             ...compounds?.button,
@@ -849,6 +1111,7 @@ var ThForm = ({
 };
 var ThFormNumberField = ({
   ref,
+  onInputChange,
   label,
   compounds,
   children,
@@ -863,7 +1126,13 @@ var ThFormNumberField = ({
       children: children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
         label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
         errorMessage && /* @__PURE__ */ jsx(FieldError, { ...compounds?.fieldError, children: errorMessage }),
-        /* @__PURE__ */ jsx(Input, { ...compounds?.input }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...compounds?.input,
+            onInput: onInputChange ? (e) => onInputChange(e.target.value) : void 0
+          }
+        ),
         compounds?.description && /* @__PURE__ */ jsx(Text, { slot: "description", children: compounds?.description })
       ] })
     }
@@ -910,8 +1179,8 @@ var ThFormSearchField = ({
         label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
         errorMessage && /* @__PURE__ */ jsx(FieldError, { ...compounds?.fieldError, children: errorMessage }),
         /* @__PURE__ */ jsx(Input, { ...compounds?.input }),
-        compounds?.searchIcon && React22.isValidElement(compounds.searchIcon) ? compounds.searchIcon : /* @__PURE__ */ jsx("div", { ...compounds?.searchIcon, children: /* @__PURE__ */ jsx(search_default, { "aria-hidden": "true", focusable: "false" }) }),
-        compounds?.clearButton && React22.isValidElement(compounds.clearButton) ? compounds.clearButton : /* @__PURE__ */ jsx(ThCloseButton, { ...compounds?.clearButton, type: "button" }),
+        compounds?.searchIcon && React23.isValidElement(compounds.searchIcon) ? compounds.searchIcon : /* @__PURE__ */ jsx("div", { ...compounds?.searchIcon, children: /* @__PURE__ */ jsx(search_default, { "aria-hidden": "true", focusable: "false" }) }),
+        compounds?.clearButton && React23.isValidElement(compounds.clearButton) ? compounds.clearButton : /* @__PURE__ */ jsx(ThCloseButton, { ...compounds?.clearButton, type: "button" }),
         compounds?.description && /* @__PURE__ */ jsx(Text, { slot: "description", children: compounds?.description })
       ] }) })
     }
@@ -1176,20 +1445,6 @@ var ThPagination = ({
     }
   );
 };
-var ThProgression = ({
-  ref,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      ...props,
-      children
-    }
-  ) });
-};
 var ThRunningHead = ({
   ref,
   label,
@@ -1233,6 +1488,7 @@ var ThSettingsResetButton = ({
 var ThNumberField = ({
   ref,
   onReset,
+  onInputChange,
   label,
   placeholder,
   range,
@@ -1281,7 +1537,8 @@ var ThNumberField = ({
               {
                 ...compounds?.input,
                 ...isVirtualKeyboardDisabled ? { inputMode: "none" } : {},
-                placeholder
+                placeholder,
+                onInput: onInputChange ? (e) => onInputChange(e.target.value) : void 0
               }
             ),
             steppers && /* @__PURE__ */ jsx(
@@ -1320,7 +1577,7 @@ var ThRadioGroup = ({
       }
     }
   }, [items, value]);
-  if (React22.isValidElement(children)) {
+  if (React23.isValidElement(children)) {
     return /* @__PURE__ */ jsxs(
       RadioGroup,
       {
@@ -1351,7 +1608,7 @@ var ThRadioGroup = ({
               value: item.value,
               isDisabled: item.isDisabled
             },
-            /* @__PURE__ */ jsxs(React22.Fragment, { children: [
+            /* @__PURE__ */ jsxs(React23.Fragment, { children: [
               item.icon && /* @__PURE__ */ jsx(item.icon, { "aria-hidden": "true", focusable: "false" }),
               /* @__PURE__ */ jsx("span", { ...compounds?.radioLabel, children: item.label })
             ] })
@@ -1394,7 +1651,7 @@ var ThSlider = ({
         ...props,
         children: [
           label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
-          /* @__PURE__ */ jsx(SliderOutput, { ...compounds?.output, children: value !== void 0 ? value : placeholder ? /* @__PURE__ */ jsx("span", { ...compounds?.placeholder, children: placeholder }) : null }),
+          /* @__PURE__ */ jsx(SliderOutput, { ...compounds?.output, children: ({ state }) => value !== void 0 ? state.getFormattedValue(state.values[0]) : placeholder ? /* @__PURE__ */ jsx("span", { ...compounds?.placeholder, children: placeholder }) : null }),
           /* @__PURE__ */ jsx(SliderTrack, { ...compounds?.track, children: /* @__PURE__ */ jsx(SliderThumb, { ...compounds?.thumb }) })
         ]
       }
@@ -1402,6 +1659,54 @@ var ThSlider = ({
     onReset && /* @__PURE__ */ jsx(ThSettingsResetButton, { ...compounds?.reset, onClick: handleResetWithFocus })
   ] }) });
 };
+var ThSliderWithPresets = ({
+  presets,
+  formatValue,
+  value,
+  onChange,
+  compounds,
+  range,
+  step,
+  ...props
+}) => {
+  const currentValue = Array.isArray(value) ? value[0] : value;
+  const handleChange = useCallback((v) => {
+    onChange?.([parseFloat(v)]);
+  }, [onChange]);
+  const radioValue = currentValue !== void 0 && presets.includes(currentValue) ? String(currentValue) : "";
+  const radioItems = presets.map((p) => ({
+    id: String(p),
+    value: String(p),
+    label: formatValue ? formatValue(p) : String(p)
+  }));
+  return /* @__PURE__ */ jsxs("div", { ...compounds?.wrapper, children: [
+    /* @__PURE__ */ jsx(
+      ThSlider,
+      {
+        value,
+        onChange,
+        range,
+        step,
+        compounds: compounds?.slider,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ThRadioGroup,
+      {
+        ...compounds?.presetsList,
+        value: radioValue,
+        onChange: handleChange,
+        items: radioItems,
+        compounds: {
+          wrapper: compounds?.presetsWrapper,
+          radio: compounds?.preset,
+          radioLabel: compounds?.presetLabel
+        }
+      }
+    )
+  ] });
+};
 var ThSwitch = ({
   ref,
   label,
@@ -1450,7 +1755,7 @@ var ThDropdown = ({
   compounds,
   ...props
 }) => {
-  if (!items && !React22.isValidElement(compounds?.listbox)) {
+  if (!items && !React23.isValidElement(compounds?.listbox)) {
     return null;
   }
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
@@ -1460,12 +1765,12 @@ var ThDropdown = ({
       ...props,
       children: [
         label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
-        compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(ThDropdownButton, { ...compounds?.button }),
+        compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(ThDropdownButton, { ...compounds?.button }),
         /* @__PURE__ */ jsx(
           Popover,
           {
             ...compounds?.popover,
-            children: compounds?.listbox && React22.isValidElement(compounds.listbox) ? compounds.listbox : /* @__PURE__ */ jsx(
+            children: compounds?.listbox && React23.isValidElement(compounds.listbox) ? compounds.listbox : /* @__PURE__ */ jsx(
               ListBox,
               {
                 items,
@@ -1528,7 +1833,7 @@ var ThSettingsWrapper = ({
         ref,
         ...props,
         children: [
-          isAdvanced && (compounds?.heading && React22.isValidElement(compounds.heading) ? compounds.heading : label && /* @__PURE__ */ jsx(Heading, { ...compounds?.heading || {}, children: label })),
+          isAdvanced && (compounds?.heading && React23.isValidElement(compounds.heading) ? compounds.heading : label && /* @__PURE__ */ jsx(Heading, { ...compounds?.heading || {}, children: label })),
           main.map((key, index) => {
             const match = items[key];
             return match && /* @__PURE__ */ jsx(match.Comp, { standalone: !isAdvanced || index !== 0, ...props }, key);
@@ -1572,6 +1877,6 @@ var ThGrid = ({
   );
 };
 
-export { ThActionButton, ThActionsBar, ThActionsTriggerVariant, ThBackArrow, ThBottomSheet, ThCloseButton, ThCollapsibleActionsBar, ThContainerBody, ThContainerHeader, ThContainerHeaderWithClose, ThContainerHeaderWithPrevious, ThDeleteButton, ThDockedPanel, ThDragIndicatorButton, ThDropdown, ThDropdownButton, ThFooter, ThForm, ThFormNumberField, ThFormSearchField, ThFormTextField, ThGrid, ThHeader, ThHome, ThInteractiveOverlay, ThLibrary, ThLink, ThLoader, ThMenu, ThMenuButton, ThMenuItem, ThModal, ThNavigationButton, ThNumberField, ThPagination, ThPopover, ThProgression, ThRadioGroup, ThRunningHead, ThSettingsResetButton, ThSettingsWrapper, ThSettingsWrapperButton, ThSlider, ThSwitch, ThTypedComponentRenderer, useActions, useFirstFocusable };
-//# sourceMappingURL=chunk-NYZBHYW2.mjs.map
-//# sourceMappingURL=chunk-NYZBHYW2.mjs.map
+export { ThActionButton, ThActionsBar, ThActionsTriggerVariant, ThAudioProgress, ThBackArrow, ThBottomSheet, ThCloseButton, ThCollapsibleActionsBar, ThContainerBody, ThContainerHeader, ThContainerHeaderWithClose, ThContainerHeaderWithPrevious, ThDeleteButton, ThDockedPanel, ThDragIndicatorButton, ThDropdown, ThDropdownButton, ThFooter, ThForm, ThFormNumberField, ThFormSearchField, ThFormTextField, ThGrid, ThHeader, ThHome, ThInteractiveOverlay, ThLibrary, ThLink, ThLoader, ThMenu, ThMenuButton, ThMenuItem, ThModal, ThNavigationButton, ThNumberField, ThPagination, ThPluginProvider, ThPluginRegistry, ThPopover, ThRadioGroup, ThRunningHead, ThSettingsResetButton, ThSettingsWrapper, ThSettingsWrapperButton, ThSlider, ThSliderWithPresets, ThSwitch, ThTypedComponentRenderer, useActionComponentStatus, useActions, useFirstFocusable, usePlugins };
+//# sourceMappingURL=chunk-4ODYHZKD.mjs.map
+//# sourceMappingURL=chunk-4ODYHZKD.mjs.map