@arcanewizards/timecode-toolbox 0.1.1 → 0.1.2

package/dist/components/frontend/index.mjs

@@ -9880,9 +9880,6 @@ var useLongPressable2 = ({
   );
 };
 
-// ../../packages/sigil/dist/chunk-H4U4Z4GM.js
-import { useEffect as useEffect18 } from "react";
-
 // ../../node_modules/.pnpm/zod@3.25.76/node_modules/zod/v3/external.js
 var external_exports = {};
 __export(external_exports, {
@@ -13927,7 +13924,7 @@ var NEVER = INVALID;
 // ../../node_modules/.pnpm/zod@3.25.76/node_modules/zod/index.js
 var zod_default = external_exports;
 
-// ../../packages/sigil/dist/chunk-H4U4Z4GM.js
+// ../../packages/sigil/dist/chunk-WYUGJOEB.js
 var SIGIL_COLOR = external_exports.enum([
   "purple",
   "blue",
@@ -13968,21 +13965,12 @@ var cssSigilColorUsageVariables = (prefix, usage) => cssVariables({
   [`--${prefix}-gradient-dark`]: usage.gradientDark
 });
 var cssHintColorVariables = (color) => cssSigilColorUsageVariables(`sigil-usage-hint`, sigilColorUsage(color));
-var useRootHintVariables = (color) => {
-  useEffect18(() => {
-    const root = document.querySelector(".arcane-theme-root");
-    if (!root) return;
-    Object.entries(cssHintColorVariables(color)).forEach(([key, value]) => {
-      root.style.setProperty(key, value);
-    });
-  }, [color]);
-};
 var cssVariables = (variables) => variables;
 function cnd(condition, truthyClassName, falseyClassName) {
   return condition ? truthyClassName : falseyClassName;
 }
 
-// ../../packages/sigil/dist/chunk-HF7IIHPE.js
+// ../../packages/sigil/dist/chunk-E3VUC3Q4.js
 import {
   createContext as createContext6,
   forwardRef as forwardRef42,
@@ -14026,7 +14014,7 @@ var TRANSPARENCY_SVG = `
 `;
 var TRANSPARENCY_SVG_URI = `data:image/svg+xml,${encodeURIComponent(TRANSPARENCY_SVG)}`;
 
-// ../../packages/sigil/dist/chunk-HF7IIHPE.js
+// ../../packages/sigil/dist/chunk-E3VUC3Q4.js
 import {
   forwardRef as forwardRef15
 } from "react";
@@ -14037,7 +14025,7 @@ import { forwardRef as forwardRef32 } from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 import {
   useCallback as useCallback10,
-  useEffect as useEffect19,
+  useEffect as useEffect18,
   useRef as useRef15
 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
@@ -14333,7 +14321,7 @@ var InputWithDelayedPropagation = ({
 }) => {
   const lastValue = useRef15(value);
   const inputRef = useRef15(null);
-  useEffect19(() => {
+  useEffect18(() => {
     if (inputRef.current && inputRef.current.value !== value) {
       inputRef.current.value = value;
     }
@@ -14704,7 +14692,7 @@ import React52, { useMemo as useMemo11, useState as useState22 } from "react";
 import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
 import React62 from "react";
 import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
-import React72, { useEffect as useEffect20 } from "react";
+import React72, { useEffect as useEffect19 } from "react";
 import { jsx as jsx92 } from "react/jsx-runtime";
 import React82, { useContext as useContext22, useEffect as useEffect23, useState as useState32 } from "react";
 import { jsx as jsx102, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -15403,7 +15391,7 @@ var Tabs = (props) => {
 var TextInput = ({ className, info }) => {
   const { sendMessage } = React72.useContext(StageContext);
   const ref = React72.useRef(null);
-  useEffect20(() => {
+  useEffect19(() => {
     if (ref.current && ref.current.value !== info.value) {
       ref.current.value = info.value;
     }
@@ -15536,7 +15524,7 @@ var CORE_FRONTEND_COMPONENT_RENDERER = {
 };
 
 // ../../packages/sigil/dist/frontend.js
-import { useContext as useContext23, useEffect as useEffect21, useMemo as useMemo12, useState as useState21 } from "react";
+import { useContext as useContext23, useEffect as useEffect20, useMemo as useMemo12, useState as useState21 } from "react";
 import { createContext as createContext8, useContext as useContext7 } from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 import { jsx as jsx25 } from "react/jsx-runtime";
@@ -15654,7 +15642,7 @@ var AppRoot = ({
   const { renderComponent, call } = useContext23(StageContext);
   const [logs, setLogs] = useState21({ lastLog: -1, logs: [] });
   const [debugMode, setDebugMode] = useState21(false);
-  useEffect21(() => {
+  useEffect20(() => {
     if (!debugMode || !call) return;
     const lastLogId = logs.logs[logs.logs.length - 1]?.index ?? -1;
     call({
@@ -16041,7 +16029,7 @@ var STRINGS = {
 import {
   useCallback as useCallback14,
   useContext as useContext10,
-  useEffect as useEffect27,
+  useEffect as useEffect26,
   useMemo as useMemo14,
   useState as useState25
 } from "react";
@@ -16119,13 +16107,13 @@ var NetworkContext = createContext9(
 import {
   useCallback as useCallback13,
   useContext as useContext9,
-  useEffect as useEffect26,
+  useEffect as useEffect25,
   useMemo as useMemo13,
   useState as useState24
 } from "react";
 
 // src/components/frontend/toolbox/core/size-aware-div.tsx
-import { useEffect as useEffect25, useState as useState23 } from "react";
+import { useEffect as useEffect21, useState as useState23 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var SizeAwareDiv = ({
   children,
@@ -16134,7 +16122,7 @@ var SizeAwareDiv = ({
 }) => {
   const [div, setDiv] = useState23(null);
   const [rect, setRect] = useState23(null);
-  useEffect25(() => {
+  useEffect21(() => {
     if (!div) {
       return;
     }
@@ -16277,7 +16265,7 @@ var ActiveTimecodeText = ({
 }) => {
   const [millis, setMillis] = useState24(0);
   const { timeDifferenceMs } = useContext9(StageContext);
-  useEffect26(() => {
+  useEffect25(() => {
     let animationFrame = null;
     const updateMillis = () => {
       const newMillis = (Date.now() - (timeDifferenceMs ?? 0) - effectiveStartTimeMillis) * speed;
@@ -16296,7 +16284,7 @@ var ActiveTimecodeText = ({
 var Timeline2 = ({ state, totalTime }) => {
   const [millis, setMillis] = useState24(0);
   const { timeDifferenceMs } = useContext9(StageContext);
-  useEffect26(() => {
+  useEffect25(() => {
     if (state.state === "none") {
       setMillis(0);
       return;
@@ -16806,7 +16794,7 @@ var DmxConnectionSettings = ({
     setInterfaces(null);
     getNetworkInterfaces().then((ifs) => setInterfaces(ifs));
   }, [getNetworkInterfaces]);
-  useEffect27(() => {
+  useEffect26(() => {
     refreshInterfaces();
   }, [refreshInterfaces]);
   if (data.type !== "artnet") {
@@ -17512,7 +17500,7 @@ var GeneratorsSection = ({
 };
 
 // src/components/frontend/toolbox/inputs.tsx
-import { useCallback as useCallback16, useContext as useContext12, useEffect as useEffect28, useState as useState27 } from "react";
+import { useCallback as useCallback16, useContext as useContext12, useEffect as useEffect27, useState as useState27 } from "react";
 import { Fragment as Fragment11, jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 var DmxConnectionSettings2 = ({
   data,
@@ -17525,7 +17513,7 @@ var DmxConnectionSettings2 = ({
     setInterfaces(null);
     getNetworkInterfaces().then((ifs) => setInterfaces(ifs));
   }, [getNetworkInterfaces]);
-  useEffect28(() => {
+  useEffect27(() => {
     refreshInterfaces();
   }, [refreshInterfaces]);
   if (data.type !== "artnet") {
@@ -17598,7 +17586,7 @@ var TCNetConnectionSettings = ({
     setInterfaces(null);
     getNetworkInterfaces().then((ifs) => setInterfaces(ifs));
   }, [getNetworkInterfaces]);
-  useEffect28(() => {
+  useEffect27(() => {
     refreshInterfaces();
   }, [refreshInterfaces]);
   if (data.type !== "tcnet") {
@@ -18064,7 +18052,7 @@ var AppearanceSwitcher = ({
 };
 
 // ../../packages/sigil/dist/frontend/preferences.js
-import { useEffect as useEffect29, useState as useState28 } from "react";
+import { useEffect as useEffect28, useState as useState28 } from "react";
 var createBrowserPreferencesHook = (def) => () => {
   const [preferences, setPreference] = useState28(() => {
     const stored = window.localStorage.getItem(def.key);
@@ -18087,7 +18075,7 @@ var createBrowserPreferencesHook = (def) => () => {
       })
     );
   };
-  useEffect29(() => {
+  useEffect28(() => {
     const onStorageChange = (event) => {
       if (event.key === def.key) {
         const newValue = event.newValue;
@@ -18558,6 +18546,18 @@ var Footer = ({ openLicenseDetails }) => {
   );
 };
 
+// ../../packages/sigil/dist/frontend/styling.hooks.js
+import { useEffect as useEffect29 } from "react";
+var useRootHintVariables = (color) => {
+  useEffect29(() => {
+    const root = document.querySelector(".arcane-theme-root");
+    if (!root) return;
+    Object.entries(cssHintColorVariables(color)).forEach(([key, value]) => {
+      root.style.setProperty(key, value);
+    });
+  }, [color]);
+};
+
 // src/components/frontend/toolbox/core/layout.tsx
 import { Fragment as Fragment13, jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var Layout = ({