akanjs 2.2.4 → 2.2.6

package/types/ui/System/Client.d.ts

@@ -0,0 +1,47 @@
+import { type ClientEnv } from "akanjs/base";
+import { type Location, type TransitionStyle } from "akanjs/client";
+import type { AkanTheme } from "akanjs/fetch";
+import type { SerializedSignal } from "akanjs/signal";
+import { type HTMLAttributes, type ReactNode, type RefObject } from "react";
+export declare const Client: {
+    (): import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, theme, lang, dictionary, signals, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
+    Bridge: ({ env, lang, theme, prefix, gaTrackingId }: ClientBridgeProps) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+    Inner: () => import("react/jsx-runtime").JSX.Element;
+    SsrBridge: ({ lang, prefix }: ClientSsrBridgeProps) => null;
+};
+interface ClientWrapperProps {
+    children: ReactNode;
+    theme?: AkanTheme;
+    lang?: string;
+    dictionary?: Record<string, Record<string, unknown>>;
+    signals?: SerializedSignal[];
+    reconnect?: boolean;
+}
+export declare const ClientWrapper: ({ children, theme, lang, dictionary, signals, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
+interface ClientPathWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
+    bind?: () => HTMLAttributes<HTMLDivElement>;
+    wrapperRef?: RefObject<HTMLDivElement | null> | null;
+    pageType?: "current" | "prev" | "cached";
+    location?: Location;
+    style?: TransitionStyle;
+    prefix?: string;
+    children?: ReactNode;
+    layoutStyle?: "web" | "mobile";
+}
+export declare const ClientPathWrapper: ({ className, bind, wrapperRef, pageType, location, prefix, children, layoutStyle, ...props }: ClientPathWrapperProps) => import("react/jsx-runtime").JSX.Element;
+interface ClientBridgeProps {
+    env: ClientEnv;
+    lang?: string;
+    theme?: AkanTheme;
+    prefix?: string;
+    gaTrackingId?: string;
+}
+export declare const ClientBridge: ({ env, lang, theme, prefix, gaTrackingId }: ClientBridgeProps) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+export declare const ClientInner: () => import("react/jsx-runtime").JSX.Element;
+interface ClientSsrBridgeProps {
+    lang: string;
+    prefix?: string;
+}
+export declare const ClientSsrBridge: ({ lang, prefix }: ClientSsrBridgeProps) => null;
+export {};

package/types/ui/System/Common.d.ts

@@ -0,0 +1,47 @@
+import "dayjs/locale/ko";
+import type { ClientEnv } from "akanjs/base";
+import type { RootLayoutProps, WebAppManifest } from "akanjs/client";
+import type { AkanTheme } from "akanjs/fetch";
+import type { ReactNode } from "react";
+export interface ProviderProps {
+    /** Additional classes for the app frame/root wrapper. */
+    className?: string;
+    /** Public application name used by client routing and metadata. */
+    appName: string;
+    /** Route params passed from the app root layout. */
+    params: RootLayoutProps["params"];
+    /** Additional head content rendered by the app shell. */
+    head?: ReactNode;
+    /** Web app manifest emitted as a data URL. */
+    manifest?: WebAppManifest;
+    /** Client runtime environment injected into the app bridge. */
+    env: ClientEnv;
+    /** Initial Akan theme configuration. */
+    theme?: AkanTheme;
+    /** Optional route prefix/base path. */
+    prefix?: string;
+    /** App content rendered inside the system provider. */
+    children: ReactNode | ReactNode[];
+    /** Optional Google Analytics tracking id. */
+    gaTrackingId?: string;
+    /** Select mobile-style frame behavior or normal web layout. */
+    layoutStyle?: "mobile" | "web";
+    /** Enable reconnect helper. Defaults to local operation mode in CSR. */
+    reconnect?: boolean;
+    /** Active-locale dictionary injected by the server (SSR only) to seed the client Translator. */
+    dictionary?: Record<string, Record<string, unknown>>;
+    /**
+     * Full lang-keyed dictionary snapshot (SSR server-only). The provider seeds every locale into
+     * the RSC-worker Translator (free on the server, never shipped to the browser) and serializes only
+     * the request's active locale to the client, so translations resolve regardless of locale routing.
+     */
+    allDictionary?: Record<string, Record<string, Record<string, unknown>>>;
+    /** Root route component used by CSR page loading. */
+    of: (props: unknown) => ReactNode | null;
+}
+export declare const Common: () => import("react/jsx-runtime").JSX.Element;
+export declare function ManifestLink({ manifest }: {
+    manifest?: WebAppManifest;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function createManifestDataUrl(manifest: WebAppManifest): string;
+export declare function toManifestJson(value: unknown): unknown;

package/types/ui/System/DevModeToggle.d.ts

@@ -0,0 +1 @@
+export declare const DevModeToggle: () => import("react/jsx-runtime").JSX.Element;

package/types/ui/System/Gtag.d.ts

@@ -0,0 +1,4 @@
+export declare const Gtag: ({ trackingId, debugMode }: {
+    trackingId: string;
+    debugMode?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/ui/System/Messages.d.ts

@@ -0,0 +1 @@
+export declare const Messages: () => import("react/jsx-runtime").JSX.Element | null;

package/types/ui/System/Reconnect.d.ts

@@ -0,0 +1 @@
+export declare const Reconnect: () => import("react/jsx-runtime").JSX.Element | null;

package/types/ui/System/Root.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface RootProps {
+    children: ReactNode;
+    st: unknown;
+}
+export declare const Root: ({ children, st }: RootProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/System/SSR.d.ts

@@ -0,0 +1,24 @@
+import { type ReactFont, type WebAppManifest } from "akanjs/client";
+import { type ReactNode } from "react";
+import { type ProviderProps } from "./Common.d.ts";
+export declare const SSR: {
+    (): import("react/jsx-runtime").JSX.Element;
+    Provider: ({ className, appName, params, head, manifest, env, gaTrackingId, children, theme, prefix, fonts, layoutStyle, reconnect, dictionary, allDictionary, of, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, head, manifest, fonts, className, prefix, layoutStyle, }: SSRWrapperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type SSRProviderProps = ProviderProps & {
+    fonts?: ReactFont[];
+};
+declare const SSRProvider: ({ className, appName, params, head, manifest, env, gaTrackingId, children, theme, prefix, fonts, layoutStyle, reconnect, dictionary, allDictionary, of, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+interface SSRWrapperProps {
+    className?: string;
+    appName: string;
+    lang: "en" | "ko" | (string & {});
+    head?: ReactNode;
+    manifest?: WebAppManifest;
+    fonts?: ReactFont[];
+    children: ReactNode;
+    prefix?: string;
+    layoutStyle?: "mobile" | "web";
+}
+export default SSRProvider;

package/types/ui/System/SelectLanguage.d.ts

@@ -0,0 +1,5 @@
+export interface SelectLanguageProps {
+    className?: string;
+    languages?: string[];
+}
+export declare const SelectLanguage: ({ className, languages }: SelectLanguageProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/System/ThemeToggle.d.ts

@@ -0,0 +1,4 @@
+export interface ThemeToggleProps {
+    themes?: string[];
+}
+export declare const ThemeToggle: ({ themes }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/ui/System/index.d.ts

@@ -0,0 +1,12 @@
+import { type CSRProviderProps } from "./CSR.d.ts";
+import { type SSRProviderProps } from "./SSR.d.ts";
+export type { WebAppManifest } from "akanjs/client";
+export declare const Provider: (props: CSRProviderProps | SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const System: {
+    Provider: (props: CSRProviderProps | SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    ThemeToggle: ({ themes }: import("./ThemeToggle.d.ts").ThemeToggleProps) => import("react/jsx-runtime").JSX.Element | null;
+    Root: ({ children, st }: import("./Root.d.ts").RootProps) => import("react/jsx-runtime").JSX.Element;
+    SelectLanguage: ({ className, languages }: import("./SelectLanguage.d.ts").SelectLanguageProps) => import("react/jsx-runtime").JSX.Element;
+    Reconnect: () => import("react/jsx-runtime").JSX.Element | null;
+    DevModeToggle: () => import("react/jsx-runtime").JSX.Element;
+};

package/types/ui/System.d.ts

@@ -0,0 +1 @@
+export * from "./System/index.d.ts";

package/types/ui/Tab/Menu.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export interface MenuProps {
+    className?: string;
+    activeClassName?: string;
+    disabledClassName?: string;
+    disabled?: boolean;
+    menu: string;
+    children: ReactNode;
+    scrollToTop?: boolean;
+    tooltip?: string;
+}
+export declare const Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Tab/Menus.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface MenusProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const Menus: ({ className, children }: MenusProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Tab/Panel.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+export interface PanelProps {
+    className?: string;
+    menu: string;
+    children?: ReactNode;
+    loading?: "eager" | "lazy" | "every";
+}
+export declare const Panel: ({ className, menu, children, loading }: PanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/ui/Tab/Provider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+export interface ProviderProps {
+    /** Additional classes for the tab state wrapper. */
+    className?: string;
+    /** Initial active menu key. */
+    defaultMenu?: string | null;
+    /** Tab.Menus and Tab.Panel children. */
+    children?: ReactNode;
+}
+export declare const Provider: ({ className, defaultMenu, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Tab/context.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from "react";
+interface TabContextType {
+    defaultMenu: string | null;
+    menu: string | null;
+    setMenu: (value: string | null) => void;
+    menuSet: RefObject<Set<string>>;
+}
+export declare const TabContext: import("react").Context<TabContextType>;
+export {};

package/types/ui/Tab/index.d.ts

@@ -0,0 +1,7 @@
+import { type ProviderProps } from "./Provider.d.ts";
+export declare const Tab: {
+    (props: ProviderProps): import("react/jsx-runtime").JSX.Element;
+    Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: import("./Menu.d.ts").MenuProps) => import("react/jsx-runtime").JSX.Element;
+    Menus: ({ className, children }: import("./Menus.d.ts").MenusProps) => import("react/jsx-runtime").JSX.Element;
+    Panel: ({ className, menu, children, loading }: import("./Panel.d.ts").PanelProps) => import("react/jsx-runtime").JSX.Element | null;
+};

package/types/ui/Tab.d.ts

@@ -0,0 +1 @@
+export * from "./Tab/index.d.ts";

package/types/ui/Table.d.ts

@@ -0,0 +1,41 @@
+import type { Responsive } from "akanjs/constant";
+import type React from "react";
+import { type ReactNode } from "react";
+import { type PaginationProps } from "./Pagination.d.ts";
+export interface Column {
+    /** Stable column key. Defaults to index when omitted. */
+    key?: string;
+    /** Header label. */
+    title: ReactNode;
+    /** Field name read from each row object. */
+    dataIndex: string;
+    /** Custom cell renderer. */
+    render?: (text: any, record: any, idx: number) => React.ReactNode;
+    /** Responsive breakpoints where this column should be visible. */
+    responsive?: Responsive["value"][];
+}
+export interface TableProps {
+    /** Column definitions. */
+    columns: Column[];
+    /** Rows rendered by the table. */
+    dataSource: any[];
+    /** Show a centered loading spinner and dim rows. */
+    loading?: boolean;
+    /** Table density. */
+    size?: "small" | "middle";
+    /** Add a border around the table wrapper. */
+    bordered?: boolean;
+    /** Pagination config, or false to hide pagination. */
+    pagination?: PaginationProps | false;
+    /** Show header always, never, or only at selected responsive breakpoints. */
+    showHeader?: boolean | Responsive["value"][];
+    /** Row event factory. */
+    onRow?: (record: any, index: number) => {
+        onClick: (() => void) | (() => Promise<boolean>);
+    };
+    /** Row class or class factory. */
+    rowClassName?: string | ((record: any, index: number) => string) | undefined;
+    /** Custom row key resolver. */
+    rowKey?: (model: any) => string;
+}
+export declare const Table: ({ columns, dataSource, loading, size, bordered, pagination, showHeader, onRow, rowClassName, rowKey, }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/ToggleSelect.d.ts

@@ -0,0 +1,33 @@
+interface ToggleSelectProps<I extends string | number | boolean | null> {
+    className?: string;
+    btnClassName?: string;
+    items: string[] | number[] | {
+        label: string;
+        value: I;
+        disabled?: boolean;
+    }[];
+    value: I;
+    nullable: boolean;
+    validate: (value: I) => boolean | string;
+    onChange: (value: I, idx: number) => void;
+    disabled?: boolean;
+}
+export declare const ToggleSelect: {
+    <I extends string | number | boolean | null>({ className, btnClassName, items, nullable, validate, value, onChange, disabled, }: ToggleSelectProps<I>): import("react/jsx-runtime").JSX.Element;
+    Multi: ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }: MultiProps) => import("react/jsx-runtime").JSX.Element;
+};
+interface MultiProps {
+    className?: string;
+    btnClassName?: string;
+    items: string[] | number[] | {
+        label: string;
+        value: string | number;
+        disabled?: boolean;
+    }[];
+    value: string[] | number[];
+    nullable: boolean;
+    validate: (value: string[] | number[]) => boolean | string;
+    onChange: (value: string[] | number[]) => void;
+    disabled?: boolean;
+}
+export {};

package/types/ui/Unauthorized.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+interface UnauthorizedProps {
+    className?: string;
+    description?: ReactNode;
+    children?: ReactNode;
+    minHeight?: number;
+}
+export declare const Unauthorized: ({ className, description, children, minHeight }: UnauthorizedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/animated.d.ts

@@ -0,0 +1,5 @@
+export declare const animated: {
+    div: import("react-spring").AnimatedComponent<"div">;
+    g: import("react-spring").AnimatedComponent<"g">;
+    progress: import("react-spring").AnimatedComponent<"progress">;
+};

package/types/ui/fontCss.d.ts

@@ -0,0 +1,11 @@
+import { type ReactFont } from "akanjs/client";
+export interface FontPreload {
+    href: string;
+    type: string;
+}
+export declare class FontCss {
+    #private;
+    static getPreloads(fonts: ReactFont[]): FontPreload[];
+    static getRuntimeCss(fonts: ReactFont[]): string;
+    static getStyleId(fonts: ReactFont[]): string;
+}

package/types/ui/index.d.ts

@@ -0,0 +1,44 @@
+export { animated } from "./animated.d.ts";
+export { BottomSheet, type BottomSheetRef } from "./BottomSheet.d.ts";
+export { Button } from "./Button.d.ts";
+export { ClientSide } from "./ClientSide.d.ts";
+export { Clipboard } from "./Clipboard.d.ts";
+export { Constant } from "./Constant.d.ts";
+export { Copy } from "./Copy.d.ts";
+export { CsrImage } from "./CsrImage.d.ts";
+export { Data } from "./Data.d.ts";
+export { DatePicker } from "./DatePicker.d.ts";
+export { Dialog } from "./Dialog.d.ts";
+export { DragAction } from "./DragAction.d.ts";
+export { DraggableList } from "./DraggableList.d.ts";
+export { Dropdown } from "./Dropdown.d.ts";
+export { Empty } from "./Empty.d.ts";
+export { Field } from "./Field.d.ts";
+export { FontFace } from "./FontFace.d.ts";
+export { Image } from "./Image.d.ts";
+export { InfiniteScroll } from "./InfiniteScroll.d.ts";
+export { Input } from "./Input.d.ts";
+export { KeyboardAvoiding } from "./KeyboardAvoiding.d.ts";
+export { Layout } from "./Layout.d.ts";
+export { Link } from "./Link.d.ts";
+export { Load } from "./Load.d.ts";
+export { Loading } from "./Loading.d.ts";
+export { Menu } from "./Menu.d.ts";
+export { Modal } from "./Modal.d.ts";
+export { Model } from "./Model.d.ts";
+export { More } from "./More.d.ts";
+export { ObjectId } from "./ObjectId.d.ts";
+export { Pagination } from "./Pagination.d.ts";
+export { Popconfirm } from "./Popconfirm.d.ts";
+export { Portal } from "./Portal.d.ts";
+export { Radio } from "./Radio.d.ts";
+export { RecentTime } from "./RecentTime.d.ts";
+export { Refresh } from "./Refresh.d.ts";
+export { ScreenNavigator } from "./ScreenNavigator.d.ts";
+export { Select } from "./Select.d.ts";
+export { Signal } from "./Signal.d.ts";
+export { System, type WebAppManifest } from "./System.d.ts";
+export { Tab } from "./Tab.d.ts";
+export { Table } from "./Table.d.ts";
+export { ToggleSelect } from "./ToggleSelect.d.ts";
+export { Unauthorized } from "./Unauthorized.d.ts";

package/types/ui.d.ts

@@ -0,0 +1 @@
+export * from "./ui/index.d.ts";

package/types/webkit/bootCsr.d.ts

@@ -0,0 +1,16 @@
+import { type RouteModule } from "akanjs/client";
+type CsrRouteModuleLoader = () => Promise<RouteModule>;
+type CsrRouteModuleEntry = CsrRouteModuleLoader | {
+    loader: CsrRouteModuleLoader;
+    isAsyncDefault?: boolean;
+};
+declare global {
+    interface Window {
+        __AKAN_MOBILE_TARGET__?: {
+            name: string;
+            basePath?: string;
+        };
+    }
+}
+export declare const bootCsr: (context: Record<string, CsrRouteModuleEntry>) => Promise<void>;
+export {};

package/types/webkit/createRobotPage.d.ts

@@ -0,0 +1,15 @@
+export declare const createRobotPage: (clientHttpUri: string, config?: {
+    rules: {
+        userAgent: string;
+        allow: string;
+        disallow: string;
+    };
+    sitemap: string;
+}) => {
+    rules: {
+        userAgent: string;
+        allow: string;
+        disallow: string;
+    };
+    sitemap: string;
+};

package/types/webkit/createSitemapPage.d.ts

@@ -0,0 +1,4 @@
+export declare const createSitemapPage: (clientHttpUri: string, paths: string[]) => {
+    url: string;
+    lastModified: Date;
+}[];

package/types/webkit/index.d.ts

@@ -0,0 +1,17 @@
+export { bootCsr } from "./bootCsr.d.ts";
+export { createRobotPage } from "./createRobotPage.d.ts";
+export { createSitemapPage } from "./createSitemapPage.d.ts";
+export { lazy } from "./lazy.d.ts";
+export type * from "./types.d.ts";
+export { useCamera } from "./useCamera.d.ts";
+export { useCodepush } from "./useCodepush.d.ts";
+export { useContact } from "./useContact.d.ts";
+export { useCsrValues } from "./useCsrValues.d.ts";
+export { useDebounce } from "./useDebounce.d.ts";
+export { useFetch, useFetchFn } from "./useFetch.d.ts";
+export { useGeoLocation } from "./useGeoLocation.d.ts";
+export { useHistory } from "./useHistory.d.ts";
+export { useInterval } from "./useInterval.d.ts";
+export { useLocation } from "./useLocation.d.ts";
+export { usePushNoti } from "./usePushNoti.d.ts";
+export { useThrottle } from "./useThrottle.d.ts";

package/types/webkit/lazy.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+type LazyOption = {
+    ssr?: boolean;
+    loading?: () => ReactNode;
+};
+type LoadedOf<Loaded> = Loaded extends {
+    default: infer T;
+} ? T : Loaded;
+/** React lazy wrapper with Akan's `ssr: false` server stub and client mount gate. */
+export declare const lazy: <Loaded>(loader: () => Promise<Loaded>, option?: LazyOption) => LoadedOf<Loaded>;
+export {};

package/types/webkit/types.d.ts

@@ -0,0 +1,7 @@
+export type LoginAuth = "user" | "admin" | "public";
+export interface LoginForm {
+    auth: LoginAuth;
+    redirect?: string;
+    unauthorize?: string;
+    jwt?: string | null;
+}

package/types/webkit/useCamera.d.ts

@@ -0,0 +1,19 @@
+import { type CapacitorPermissionState } from "akanjs/client/capacitor";
+type PermissionStatus = {
+    camera: CapacitorPermissionState;
+    photos: CapacitorPermissionState;
+};
+/** Capacitor camera/photos hook with permission checks and app-settings fallback. */
+export declare const useCamera: () => {
+    permissions: PermissionStatus;
+    getPhoto: (src?: "prompt" | "camera" | "photos") => Promise<{
+        [key: string]: unknown;
+        dataUrl?: string;
+    } | undefined>;
+    pickImage: () => Promise<{
+        [key: string]: unknown;
+        photos: unknown[];
+    }>;
+    checkPermission: (type: "photos" | "camera" | "all") => Promise<void>;
+};
+export {};

package/types/webkit/useCodepush.d.ts

@@ -0,0 +1,16 @@
+import type { ProtoAppInfo, ProtoFile } from "akanjs/constant";
+export declare const useCodepush: ({ serverUrl }: {
+    serverUrl: string;
+}) => {
+    update: boolean;
+    version: string;
+    initialize: () => Promise<void>;
+    checkNewRelease: () => Promise<{
+        release: ProtoAppInfo & {
+            appBuild: string;
+        };
+        bundleFile: ProtoFile;
+    } | undefined>;
+    codepush: () => Promise<void>;
+    statManager: () => Promise<void>;
+};

package/types/webkit/useContact.d.ts

@@ -0,0 +1,11 @@
+import { type CapacitorPermissionState } from "akanjs/client/capacitor";
+type PermissionStatus = {
+    contacts: CapacitorPermissionState;
+};
+/** Capacitor contacts hook with permission checks and contact loading helpers. */
+export declare const useContact: () => {
+    permissions: PermissionStatus;
+    getContacts: () => Promise<unknown[]>;
+    checkPermission: () => Promise<void>;
+};
+export {};

package/types/webkit/useCsrValues.d.ts

@@ -0,0 +1,30 @@
+import { type PathRoute, type RouteGuide, type RouterInstance, type TransitionType } from "akanjs/client";
+export declare const useCsrValues: (rootRouteGuide: RouteGuide, pathRoutes: PathRoute[]) => {
+    topSafeArea: import("akanjs/client").SafeAreaTransition | null;
+    page: import("akanjs/client").PageTransition | null;
+    prevPage: import("akanjs/client").PageTransition | null;
+    topInset: import("akanjs/client").ContainerTransition | null;
+    bottomInset: import("akanjs/client").ContainerTransition | null;
+    topLeftAction: import("akanjs/client").ContainerTransition | null;
+    bottomSafeArea: import("akanjs/client").SafeAreaTransition | null;
+    pageBind: (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;
+    pageClassName: string;
+    transDirection: "vertical" | "horizontal" | "none";
+    transUnitRange: number[];
+    transUnit: import("react-spring").SpringValue<number>;
+    transPercent: import("react-spring").Interpolation<number>;
+    transProgress: import("react-spring").Interpolation<number>;
+    clientWidth: number;
+    clientHeight: number;
+    location: import("akanjs/client").Location;
+    prevLocation: import("akanjs/client").Location | null;
+    history: import("react").RefObject<import("akanjs/client").History>;
+    topSafeAreaRef: import("react").RefObject<HTMLDivElement | null>;
+    bottomSafeAreaRef: import("react").RefObject<HTMLDivElement | null>;
+    prevPageContentRef: import("react").RefObject<HTMLDivElement | null>;
+    pageContentRef: import("react").RefObject<HTMLDivElement | null>;
+    frameRootRef: import("react").RefObject<HTMLDivElement | null>;
+    onBack: import("react").RefObject<{ [K in TransitionType]?: () => Promise<void>; }>;
+    router: RouterInstance;
+    pathRoutes: PathRoute[];
+};

package/types/webkit/useDebounce.d.ts

@@ -0,0 +1,2 @@
+/** Returns a callback that runs only after calls have stopped for the wait time. */
+export declare const useDebounce: <Args extends unknown[], Return>(callback: (...args: Args) => Return, states?: unknown[], wait?: number) => (...args: Args) => void;

package/types/webkit/useFetch.d.ts

@@ -0,0 +1,18 @@
+/** Tracks fulfillment state for a promise or immediate value inside a client component. */
+export declare const useFetch: <Return>(fnOrPromise: Promise<Return> | Return, { onError }?: {
+    onError?: (err: string) => void;
+}) => {
+    fulfilled: boolean;
+    value: Return | null;
+};
+/**
+ * Like `useFetch`, but takes a factory function that is only called once
+ * (or when `deps` change). Prevents duplicate network requests caused by
+ * React re-renders.
+ */
+export declare const useFetchFn: <Return>(factory: () => Promise<Return> | Return, deps?: unknown[], options?: {
+    onError?: (err: string) => void;
+}) => {
+    fulfilled: boolean;
+    value: Return | null;
+};

package/types/webkit/useGeoLocation.d.ts

@@ -0,0 +1,8 @@
+/** Capacitor geolocation hook with permission checks and current position lookup. */
+export declare const useGeoLocation: () => {
+    checkPermission: () => Promise<{
+        geolocation: string;
+        coarseLocation: string;
+    }>;
+    getPosition: () => Promise<unknown>;
+};

package/types/webkit/useHistory.d.ts

@@ -0,0 +1,23 @@
+import type { History, Location } from "akanjs/client";
+interface setForwardOptions {
+    type: "push" | "replace" | "popForward";
+    location: Location;
+    scrollTop?: number;
+    scrollToTop?: boolean;
+}
+interface setBackOptions {
+    type: "back" | "popBack";
+    location: Location;
+    scrollTop?: number;
+    scrollToTop?: boolean;
+}
+export declare const useHistory: (locations?: Location[]) => {
+    history: import("react").RefObject<History>;
+    setHistoryForward: ({ type, location, scrollTop, scrollToTop }: setForwardOptions) => void;
+    setHistoryBack: ({ location, scrollTop, scrollToTop }: setBackOptions) => void;
+    getNextLocation: () => Location | null;
+    getCurrentLocation: () => Location;
+    getPrevLocation: () => Location | null;
+    getScrollTop: (location: Location) => number;
+};
+export {};

package/types/webkit/useInterval.d.ts

@@ -0,0 +1,2 @@
+/** Runs the latest callback repeatedly with the provided interval delay. */
+export declare const useInterval: (callback: (() => void) | (() => Promise<void>), delay: number) => import("react").RefObject<(() => void) | (() => Promise<void>) | null>;

package/types/webkit/useLocation.d.ts

@@ -0,0 +1,8 @@
+import type { Location, RouteGuide } from "akanjs/client";
+interface UseLocationOptions {
+    rootRouteGuide: RouteGuide;
+}
+export declare const useLocation: ({ rootRouteGuide }: UseLocationOptions) => {
+    getLocation: (href: string) => Location;
+};
+export {};