@arcanejs/toolkit-frontend 0.9.0 → 0.11.0

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 export { i as code } from '../index-Db4cPoyC.js';
 import * as React from 'react';
-import React__default, { FC } from 'react';
+import React__default, { FC, ReactElement, ReactNode } from 'react';
 import * as proto from '@arcanejs/protocol/core';
 import * as proto$1 from '@arcanejs/protocol';
 import { FrontendComponentRenderer } from '../types.js';
@@ -9,7 +9,7 @@ interface Props$8 {
     className?: string;
     info: proto.ButtonComponent;
 }
-declare const StyledButton: FC<Props$8>;
+declare const Button: FC<Props$8>;
 
 type StageConnectionState = {
     state: 'connecting' | 'closed';
@@ -23,9 +23,15 @@ type StageConnectionState = {
 type StageContextData = {
     sendMessage: (<M extends proto$1.AnyClientComponentMessage>(msg: M) => void) | null;
     call: (<Namespace extends string, P, Action extends string & keyof P>(msg: proto$1.CallForPair<Namespace, P, Action>) => Promise<proto$1.ReturnForPair<P, Action>>) | null;
-    renderComponent: (info: proto$1.AnyComponentProto) => JSX.Element;
+    renderComponent: (info: proto$1.AnyComponentProto) => ReactElement;
     connectionUuid: string | null;
     connection: StageConnectionState;
+    /**
+     * Estimated offset in milliseconds for how far ahead of the server clock
+     * the client clock is.
+     */
+    timeDifferenceMs: number | null;
+    lastPingMs: number | null;
     reconnect: () => void;
 };
 declare const StageContext: React.Context<StageContextData>;
@@ -39,21 +45,21 @@ declare const GroupStateWrapper: React__default.FunctionComponent<{
      * Whether new groups using `auto` should be open by default.
      */
     openByDefault: boolean;
-    children: JSX.Element | JSX.Element[];
+    children: ReactNode;
 }>;
-declare const StyledGroup: FC<Props$7>;
+declare const Group: FC<Props$7>;
 
 interface Props$6 {
     className?: string;
     info: proto.LabelComponent;
 }
-declare const StyledLabel: FC<Props$6>;
+declare const Label: FC<Props$6>;
 
 type NestContentProps = {
     className?: string;
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
 };
-declare const StyledNestedContent: FC<NestContentProps>;
+declare const NestedContent: FC<NestContentProps>;
 
 interface Props$5 {
     className?: string;
@@ -65,13 +71,13 @@ interface Props$4 {
     className?: string;
     info: proto.SliderButtonComponent;
 }
-declare const StyledSliderButton: FC<Props$4>;
+declare const SliderButton: FC<Props$4>;
 
 interface Props$3 {
     className?: string;
     info: proto.SwitchComponent;
 }
-declare const StyledSwitch: FC<Props$3>;
+declare const Switch: FC<Props$3>;
 
 interface Props$2 {
     info: proto.TabsComponent;
@@ -82,7 +88,7 @@ interface Props$1 {
     className?: string;
     info: proto.TextInputComponent;
 }
-declare const StyledTextInput: FC<Props$1>;
+declare const TextInput: FC<Props$1>;
 
 interface Props {
     className?: string;
@@ -92,4 +98,4 @@ declare const Timeline: FC<Props>;
 
 declare const CORE_FRONTEND_COMPONENT_RENDERER: FrontendComponentRenderer;
 
-export { StyledButton as Button, CORE_FRONTEND_COMPONENT_RENDERER, StyledGroup as Group, GroupStateWrapper, StyledLabel as Label, StyledNestedContent as NestedContent, Rect, StyledSliderButton as SliderButton, type StageConnectionState, StageContext, type StageContextData, StyledSwitch as Switch, Tabs, StyledTextInput as TextInput, Timeline };
+export { Button, CORE_FRONTEND_COMPONENT_RENDERER, Group, GroupStateWrapper, Label, NestedContent, Rect, SliderButton, type StageConnectionState, StageContext, type StageContextData, Switch, Tabs, TextInput, Timeline };