@openlv/modal 0.0.1-beta.10 → 0.0.1-beta.11

package/dist/components/Header.d.ts

@@ -1,9 +1,8 @@
-import { Dispatch, StateUpdater } from 'preact/hooks';
 import { ModalView } from './ModalRoot.js';
-export declare const Header: ({ title, view, onClose, onBack, setView, }: {
+export declare const Header: (props: {
     title: string;
     view: ModalView;
     onClose: () => void;
     onBack?: () => void;
-    setView: Dispatch<StateUpdater<ModalView>>;
-}) => import("preact").JSX.Element;
+    setView: (view: ModalView) => void;
+}) => import("solid-js").JSX.Element;

package/dist/components/ModalRoot.d.ts

@@ -1,9 +1,10 @@
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: overlay requires click to close modal */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: escape listener handles keyboard interactions */
+import { JSX } from 'solid-js';
 export interface ModalRootProps {
     onClose?: () => void;
     onStartConnection?: () => void;
     onCopy?: (uri: string) => void;
 }
 export type ModalView = "start" | "settings" | "info";
-export declare const ModalRoot: ({ onClose, onCopy }: ModalRootProps) => import("preact").JSX.Element;
+export declare const ModalRoot: (props: {
+    onClose: () => void;
+}) => JSX.Element;

package/dist/components/UnknownState.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'preact/compat';
-export declare const UnknownState: FC<{
+export declare const UnknownState: (props: {
     state: unknown;
-}>;
+}) => import("solid-js").JSX.Element;

package/dist/components/footer/Footer.d.ts

@@ -1 +1 @@
-export declare const Footer: () => import("preact").JSX.Element;
+export declare const Footer: () => import("solid-js").JSX.Element;

package/dist/components/footer/StatusIndicator.d.ts

@@ -1 +1 @@
-export declare const FooterStatus: () => import("preact").JSX.Element;
+export declare const FooterStatus: () => import("solid-js").JSX.Element;

package/dist/components/settings/a11y/index.d.ts

@@ -1 +1 @@
-export declare const LanguageSettings: () => import("preact").JSX.Element;
+export declare const LanguageSettings: () => import("solid-js").JSX.Element;

package/dist/components/settings/a11y/theme.d.ts

@@ -1,2 +1 @@
-import { FC } from 'preact/compat';
-export declare const ThemeSettings: FC;
+export declare const ThemeSettings: () => import("solid-js").JSX.Element;

package/dist/components/settings/connection/index.d.ts

@@ -1,4 +1,4 @@
 import { SettingsScreen } from '../index.js';
-export declare const ConnectionPreferences: ({ onNavigate, }: {
+export declare const ConnectionPreferences: (props: {
     onNavigate: (screen: SettingsScreen) => void;
-}) => import("preact").JSX.Element;
+}) => import("solid-js").JSX.Element;

package/dist/components/settings/connection/signaling.d.ts

@@ -1 +1 @@
-export declare const SignalingSettings: () => import("preact").JSX.Element;
+export declare const SignalingSettings: () => import("solid-js").JSX.Element;

package/dist/components/settings/connection/transport.d.ts

@@ -1 +1,2 @@
-export declare const TransportSettings: () => import("preact").JSX.Element;
+import { JSX } from 'solid-js';
+export declare const TransportSettings: () => JSX.Element;

package/dist/components/settings/index.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'preact/compat';
 export type SettingsScreen = "main" | "signaling" | "transport";
 export interface SettingsNavigationRef {
     goBack: () => void;
@@ -6,6 +5,8 @@ export interface SettingsNavigationRef {
 }
 export interface ModalSettingsProps {
     onTitleChange?: (titleKey: string) => void;
-    navigationRef?: React.MutableRefObject<SettingsNavigationRef | null>;
+    navigationRef?: {
+        current: SettingsNavigationRef | null;
+    };
 }
-export declare const ModalSettings: FC<ModalSettingsProps>;
+export declare const ModalSettings: (props: ModalSettingsProps) => import("solid-js").JSX.Element;

package/dist/context.d.ts

@@ -1,11 +1,11 @@
 import { OpenLVProvider } from '@openlv/provider';
-import { FC } from 'preact/compat';
+import { Component } from 'solid-js';
 import { OpenLVModalElementProps } from './element.js';
 import { ThemeConfig } from './theme/types.js';
-export type ProviderContextO = {
-    provider: OpenLVProvider | undefined;
+export type ModalContextValue = {
+    provider: OpenLVProvider;
     themeConfig?: ThemeConfig;
 };
-export declare const ModalContext: import('preact').Context<ProviderContextO>;
-export declare const ModalProvider: FC<OpenLVModalElementProps>;
-export declare const useModalContext: () => ProviderContextO;
+export declare const ModalContext: import('solid-js').Context<ModalContextValue | undefined>;
+export declare const ModalProvider: Component<OpenLVModalElementProps>;
+export declare const useModalContext: () => ModalContextValue;

package/dist/element.d.ts

@@ -1,16 +1,16 @@
 import { OpenLVProvider } from '@openlv/provider';
 import { ThemeConfig } from './theme/types.js';
-import { ModalConnectionInterface } from './types/connection.js';
 export type OpenLVModalElementProps = {
     provider: OpenLVProvider;
     onClose?: () => void;
     theme?: ThemeConfig;
 };
-export declare class OpenLVModalElement extends HTMLElement implements ModalConnectionInterface {
+export declare class OpenLVModalElement extends HTMLElement {
     private readonly shadow;
     private renderRequested;
     private readonly parameters;
     private themeCleanup?;
+    private disposeRender?;
     constructor(parameters: OpenLVModalElementProps);
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/flow/ConnectionFlow.d.ts

@@ -2,5 +2,5 @@ interface ConnectionFlowProps {
     onClose: () => void;
     onCopy: (uri: string) => void;
 }
-export declare const ConnectionFlow: ({ onClose, onCopy }: ConnectionFlowProps) => import("preact").JSX.Element;
+export declare const ConnectionFlow: (props: ConnectionFlowProps) => import("solid-js").JSX.Element;
 export {};

package/dist/flow/HandshakeOpen.d.ts

@@ -1,4 +1 @@
-import { FC } from 'preact/compat';
-export declare const HandshakeOpen: FC<{
-    onCopy: (uri: string) => void;
-}>;
+export declare const HandshakeOpen: () => import("solid-js").JSX.Element;

package/dist/flow/InfoScreen.d.ts

@@ -1 +1 @@
-export declare const InfoScreen: () => import("preact").JSX.Element;
+export declare const InfoScreen: () => import("solid-js").JSX.Element;

package/dist/flow/connecting.d.ts

@@ -0,0 +1 @@
+export declare const Connecting: () => import("solid-js").JSX.Element;

package/dist/flow/disconnected/ConnectionGraphic.d.ts

@@ -1 +1 @@
-export declare const ConnectionGraphic: () => import("preact").JSX.Element;
+export declare const ConnectionGraphic: () => import("solid-js").JSX.Element;

package/dist/flow/disconnected/Disconnected.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'preact/compat';
-export declare const Disconnected: FC<{
+export declare const Disconnected: (props: {
     onSettings: () => void;
-}>;
+}) => import("solid-js").JSX.Element;

package/dist/hooks/useConnectionState.d.ts

@@ -1,6 +1,6 @@
 import { ConnectionInfo, ConnectionState } from '../types/connection.js';
 export declare const useConnectionState: (initialState?: ConnectionState) => {
-    connectionInfo: ConnectionInfo;
+    connectionInfo: import('solid-js').Accessor<ConnectionInfo>;
     updateState: (newState: ConnectionState, additionalInfo?: Partial<ConnectionInfo>) => void;
     updateConnectionInfo: (info: ConnectionInfo) => void;
     reset: () => void;

package/dist/hooks/useNavigationStack.d.ts

@@ -1,12 +1,13 @@
+import { Accessor } from 'solid-js';
 export interface UseNavigationStackOptions {
     transitionDuration?: number;
 }
 export interface UseNavigationStackReturn<T> {
-    screen: T;
-    previousScreen: T | null;
-    isTransitioning: boolean;
+    screen: Accessor<T>;
+    previousScreen: Accessor<T | undefined>;
+    isTransitioning: Accessor<boolean>;
     navigate: (screen: T) => void;
     goBack: () => void;
-    isAtRoot: boolean;
+    isAtRoot: Accessor<boolean>;
 }
-export declare function useNavigationStack<T>(initialScreen: T, { transitionDuration }?: UseNavigationStackOptions): UseNavigationStackReturn<T>;
+export declare const useNavigationStack: <T>(initialScreen: T, { transitionDuration }?: UseNavigationStackOptions) => UseNavigationStackReturn<T>;

package/dist/hooks/usePunchTransition.d.ts

@@ -1,8 +1,9 @@
+import { Accessor } from 'solid-js';
 export interface PunchTransitionOptions {
     duration?: number;
 }
-export declare const usePunchTransition: <T>(value: T, { duration }?: PunchTransitionOptions) => {
-    current: T;
-    previous: T | null;
-    isTransitioning: boolean;
+export declare const usePunchTransition: <T>(value: T | Accessor<T>, { duration }?: PunchTransitionOptions) => {
+    current: Accessor<T>;
+    previous: Accessor<T | undefined>;
+    isTransitioning: () => boolean;
 };

package/dist/hooks/useSession.d.ts

@@ -1,8 +1,8 @@
-import { Session, SessionStateObject } from '@openlv/session';
+import { SessionStateObject } from '@openlv/session';
 export declare const useSession: () => {
-    uri: string | undefined;
-    status: SessionStateObject | undefined;
+    uri: import('solid-js').Accessor<string | undefined>;
+    status: import('solid-js').Accessor<SessionStateObject | undefined>;
 };
 export declare const useSessionStart: () => {
-    start: () => Promise<Session>;
+    start: () => Promise<import('@openlv/session').Session>;
 };

package/dist/hooks/useSettings.d.ts

@@ -1,7 +1,8 @@
-import { TurnServer } from '@openlv/provider/storage';
-import { LanguageTag } from '../utils/i18n.js';
+import { ProviderStorage, UserThemePreference } from '@openlv/provider/storage';
+import { SignalingProtocol } from '../../../provider/dist/storage/version.js';
+import { LanguageTag } from '../utils/i18n.jsx';
 export declare const useSettings: () => {
-    settings: {
+    settings: import('solid-js').Accessor<{
         version: 3;
         retainHistory: boolean;
         autoReconnect: boolean;
@@ -28,18 +29,14 @@ export declare const useSettings: () => {
             } | undefined;
         } | undefined;
         theme?: "light" | "dark" | "system" | undefined;
-    };
-    updateSignalingProtocol: (update: string) => void;
-    updateSignalingServer: (server: string) => void;
-    updateRetainHistory: (retainHistory: boolean) => void;
-    updateAutoReconnect: (autoReconnect: boolean) => void;
-    updateThemePreference: (theme: UserThemePreference) => void;
-    updateLanguage: (language: LanguageTag) => void;
-    updateTransportProtocol: (protocol: string) => void;
-    addStunServer: (url: string) => void;
-    removeStunServer: (index: number) => void;
-    updateStunServer: (index: number, url: string) => void;
-    addTurnServer: (server: TurnServer) => void;
-    removeTurnServer: (index: number) => void;
-    updateTurnServer: (index: number, updates: Partial<TurnServer>) => void;
+    }>;
+    setSettings: (newSettings: ProviderStorage) => void;
+    setLanguage: (language: LanguageTag) => void;
+    setThemeMode: (themeMode: UserThemePreference) => void;
+    setSignalingProtocol: (p: SignalingProtocol) => void;
+    setSignalingOptions: (options: {
+        url: string;
+    }) => void;
+    setRetainSessionHistory: (retain: boolean) => void;
+    setAutoReconnect: (autoReconnect: boolean) => void;
 };

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+export declare const useTheme: () => {
+    theme: import('solid-js').Accessor<"light" | "dark" | "system" | undefined>;
+    mode: import('solid-js').Accessor<string>;
+};