@editframe/react 0.12.0-beta.8 → 0.13.0-beta.1

package/dist/elements/Timegroup.d.ts

@@ -1,2 +1,2 @@
 import { EFTimegroup as EFTimegroupElement } from '../../../elements/src/index.ts';
-export declare const Timegroup: import('../create-component.ts').ReactWebComponent<EFTimegroupElement, {}>;
+export declare const Timegroup: import('../create-component.js').ReactWebComponent<EFTimegroupElement, {}>;

package/dist/elements/Timegroup.js

@@ -1,6 +1,6 @@
+import { EFTimegroup } from "@editframe/elements";
 import React from "react";
 import { createComponent } from "../create-component.js";
-import { EFTimegroup } from "@editframe/elements";
 const Timegroup = createComponent({
   tagName: "ef-timegroup",
   elementClass: EFTimegroup,

package/dist/gui/FocusOverlay.d.ts

@@ -0,0 +1,2 @@
+import { EFFocusOverlay as EFFocusOverlayElement } from '../../../elements/src/index.ts';
+export declare const FocusOverlay: import('@lit/react').ReactWebComponent<EFFocusOverlayElement, {}>;

package/dist/gui/FocusOverlay.js

@@ -0,0 +1,11 @@
+import { EFFocusOverlay } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
+const FocusOverlay = createComponent({
+  tagName: "ef-focus-overlay",
+  elementClass: EFFocusOverlay,
+  react: React
+});
+export {
+  FocusOverlay
+};

package/dist/gui/Preview.d.ts

@@ -1,2 +1,2 @@
 import { EFPreview as EFPreviewElement } from '../../../elements/src/index.ts';
-export declare const EFPreview: import('@lit/react').ReactWebComponent<EFPreviewElement, {}>;
+export declare const Preview: import('@lit/react').ReactWebComponent<EFPreviewElement, {}>;

package/dist/gui/Preview.js

@@ -1,11 +1,11 @@
-import React from "react";
+import { EFPreview } from "@editframe/elements";
 import { createComponent } from "@lit/react";
-import { EFPreview as EFPreview$1 } from "@editframe/elements";
-const EFPreview = createComponent({
+import React from "react";
+const Preview = createComponent({
   tagName: "ef-preview",
-  elementClass: EFPreview$1,
+  elementClass: EFPreview,
   react: React
 });
 export {
-  EFPreview
+  Preview
 };

package/dist/index.d.ts

@@ -1,32 +1,15 @@
-export { 
-/** @deprecated Use `Audio` instead of `EFAudio`. Exports starting `EF*` wil be removed in a future release. */
-Audio as EFAudio, Audio, } from './elements/Audio.ts';
-export { 
-/** @deprecated Use `Captions` instead of `EFCaptions`. Exports starting `EF*` wil be removed in a future release. */
-Captions as EFCaptions, Captions, 
-/** @deprecated Use `CaptionsActiveWord` instead of `EFCaptionsActiveWord`. Exports starting `EF*` wil be removed in a future release. */
-CaptionsActiveWord as EFCaptionsActiveWord, CaptionsActiveWord, CaptionsSegment, CaptionsBeforeActiveWord, CaptionsAfterActiveWord, } from './elements/Captions.ts';
-export { Image as EFImage, Image, } from './elements/Image.ts';
-export { 
-/** @deprecated Use `Timegroup` instead of `EFTimegroup`. Exports starting `EF*` wil be removed in a future release. */
-Timegroup as EFTimegroup, Timegroup, } from './elements/Timegroup.ts';
-export { 
-/** @deprecated Use `Video` instead of `EFVideo`. Exports starting `EF*` wil be removed in a future release. */
-Video as EFVideo, Video, } from './elements/Video.ts';
-export { 
-/** @deprecated Use `Waveform` instead of `EFWaveform`. Exports starting `EF*` wil be removed in a future release. */
-Waveform as EFWaveform, Waveform, } from './elements/Waveform.ts';
-export { 
-/** @deprecated Use `Workbench` instead of `EFWorkbench`. Exports starting `EF*` wil be removed in a future release. */
-Workbench as EFWorkbench, Workbench, } from './gui/Workbench.ts';
-export { 
-/** @deprecated Use `Filmstrip` instead of `EFFilmstrip`. Exports starting `EF*` wil be removed in a future release. */
-Filmstrip as EFFilmstrip, Filmstrip, } from './gui/Filmstrip.ts';
-export { 
-/** @deprecated Use `Preview` instead of `EFPreview`. Exports starting `EF*` wil be removed in a future release. */
-EFPreview, EFPreview as Preview, } from './gui/Preview.ts';
-export { TogglePlay } from './gui/TogglePlay.ts';
-export { ToggleLoop } from './gui/ToggleLoop.ts';
-export { Scrubber } from './gui/Scrubber.ts';
-export { useTimingInfo } from './hooks/useTimingInfo.ts';
-export { TimeDisplay } from './components/TimeDisplay.tsx';
+export { Audio } from './elements/Audio.js';
+export { Captions, CaptionsActiveWord, CaptionsSegment, CaptionsBeforeActiveWord, CaptionsAfterActiveWord, } from './elements/Captions.js';
+export { Image } from './elements/Image.js';
+export { Timegroup } from './elements/Timegroup.js';
+export { Video } from './elements/Video.js';
+export { Waveform } from './elements/Waveform.js';
+export { Workbench } from './gui/Workbench.js';
+export { Filmstrip } from './gui/Filmstrip.js';
+export { Preview } from './gui/Preview.js';
+export { FocusOverlay } from './gui/FocusOverlay.js';
+export { TogglePlay } from './gui/TogglePlay.js';
+export { ToggleLoop } from './gui/ToggleLoop.js';
+export { Scrubber } from './gui/Scrubber.js';
+export { useTimingInfo } from './hooks/useTimingInfo.js';
+export { TimeDisplay } from './components/TimeDisplay.js';

package/dist/index.js

@@ -1,12 +1,13 @@
-import { Audio, Audio as Audio2 } from "./elements/Audio.js";
-import { Captions, CaptionsActiveWord, CaptionsAfterActiveWord, CaptionsBeforeActiveWord, CaptionsSegment, Captions as Captions2, CaptionsActiveWord as CaptionsActiveWord2 } from "./elements/Captions.js";
-import { Image, Image as Image2 } from "./elements/Image.js";
-import { Timegroup, Timegroup as Timegroup2 } from "./elements/Timegroup.js";
-import { Video, Video as Video2 } from "./elements/Video.js";
-import { Waveform, Waveform as Waveform2 } from "./elements/Waveform.js";
-import { Workbench, Workbench as Workbench2 } from "./gui/Workbench.js";
-import { Filmstrip, Filmstrip as Filmstrip2 } from "./gui/Filmstrip.js";
-import { EFPreview, EFPreview as EFPreview2 } from "./gui/Preview.js";
+import { Audio } from "./elements/Audio.js";
+import { Captions, CaptionsActiveWord, CaptionsAfterActiveWord, CaptionsBeforeActiveWord, CaptionsSegment } from "./elements/Captions.js";
+import { Image } from "./elements/Image.js";
+import { Timegroup } from "./elements/Timegroup.js";
+import { Video } from "./elements/Video.js";
+import { Waveform } from "./elements/Waveform.js";
+import { Workbench } from "./gui/Workbench.js";
+import { Filmstrip } from "./gui/Filmstrip.js";
+import { Preview } from "./gui/Preview.js";
+import { FocusOverlay } from "./gui/FocusOverlay.js";
 import { TogglePlay } from "./gui/TogglePlay.js";
 import { ToggleLoop } from "./gui/ToggleLoop.js";
 import { Scrubber } from "./gui/Scrubber.js";
@@ -19,26 +20,17 @@ export {
   CaptionsAfterActiveWord,
   CaptionsBeforeActiveWord,
   CaptionsSegment,
-  Audio2 as EFAudio,
-  Captions2 as EFCaptions,
-  CaptionsActiveWord2 as EFCaptionsActiveWord,
-  Filmstrip as EFFilmstrip,
-  Image as EFImage,
-  EFPreview,
-  Timegroup as EFTimegroup,
-  Video as EFVideo,
-  Waveform as EFWaveform,
-  Workbench as EFWorkbench,
-  Filmstrip2 as Filmstrip,
-  Image2 as Image,
-  EFPreview2 as Preview,
+  Filmstrip,
+  FocusOverlay,
+  Image,
+  Preview,
   Scrubber,
   TimeDisplay,
-  Timegroup2 as Timegroup,
+  Timegroup,
   ToggleLoop,
   TogglePlay,
-  Video2 as Video,
-  Waveform2 as Waveform,
-  Workbench2 as Workbench,
+  Video,
+  Waveform,
+  Workbench,
   useTimingInfo
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@editframe/react",
-  "version": "0.12.0-beta.8",
+  "version": "0.13.0-beta.1",
   "description": "",
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/packages/react/src/index.d.ts",
+        "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       }
     }
@@ -14,14 +14,16 @@
   "scripts": {
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
     "build": "vite build",
-    "build:watch": "vite build --watch"
+    "build:watch": "vite build --watch",
+    "typedoc": "typedoc --json ../../docs/react.json --plugin typedoc-plugin-zod --excludeExternals ./src"
   },
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
-    "@editframe/elements": "0.12.0-beta.8",
+    "@editframe/elements": "0.13.0-beta.1",
     "@lit/react": "^1.0.5",
     "debug": "^4.3.5",
+    "lit": "^3.2.1",
     "react": "^18.3.0",
     "react-dom": "^18.3.0"
   },

package/src/elements/Timegroup.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { createComponent } from "../create-component.ts";
 import { EFTimegroup as EFTimegroupElement } from "@editframe/elements";
+import React from "react";
+import { createComponent } from "../create-component.js";
 
 export const Timegroup = createComponent({
   tagName: "ef-timegroup",

package/src/gui/FocusOverlay.ts

@@ -0,0 +1,9 @@
+import { EFFocusOverlay as EFFocusOverlayElement } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
+
+export const FocusOverlay = createComponent({
+  tagName: "ef-focus-overlay",
+  elementClass: EFFocusOverlayElement,
+  react: React,
+});

package/src/gui/Preview.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { createComponent } from "@lit/react";
 import { EFPreview as EFPreviewElement } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
 
-export const EFPreview = createComponent({
+export const Preview = createComponent({
   tagName: "ef-preview",
   elementClass: EFPreviewElement,
   react: React,