@openlv/modal 0.0.1-beta.10

package/dist/theme/simple.d.ts

@@ -0,0 +1,137 @@
+export declare const simpleTheme: {
+    light: {
+        font: {
+            family: string;
+        };
+        body: {
+            color: string;
+            background: string;
+        };
+        border: {
+            radius: string;
+        };
+        overlay: {
+            background: string;
+            backdrop: {
+                filter: string;
+            };
+        };
+        modal: {
+            shadow: string;
+        };
+        control: {
+            input: {
+                background: string;
+                border: string;
+                text: string;
+            };
+            button: {
+                primary: {
+                    background: string;
+                    color: string;
+                    padding: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledBackground: string;
+                    disabledColor: string;
+                    border: string;
+                };
+                secondary: {
+                    background: string;
+                    color: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledBackground: string;
+                    disabledColor: string;
+                    border: string;
+                    selectedBackground: string;
+                    selectedColor: string;
+                };
+                tertiary: {
+                    color: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledColor: string;
+                };
+            };
+        };
+        qr: {
+            background: string;
+            color: string;
+        };
+        card: {
+            background: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            muted: string;
+            heading: string;
+            body: string;
+        };
+    };
+    dark: {
+        body: {
+            color: string;
+            background: string;
+        };
+        border: {
+            color: string;
+            width: string;
+        };
+        overlay: {
+            background: string;
+            backdrop: {
+                filter: string;
+            };
+        };
+        modal: {
+            shadow: string;
+        };
+        control: {
+            input: {
+                background: string;
+                border: string;
+                text: string;
+            };
+            button: {
+                primary: {
+                    background: string;
+                    color: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledBackground: string;
+                    disabledColor: string;
+                    border: string;
+                };
+                secondary: {
+                    background: string;
+                    color: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledBackground: string;
+                    disabledColor: string;
+                    border: string;
+                };
+                tertiary: {
+                    color: string;
+                    hoverBackground: string;
+                    activeBackground: string;
+                    disabledColor: string;
+                };
+            };
+        };
+        qr: {
+            background: string;
+            color: string;
+        };
+        card: {
+            background: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            muted: string;
+        };
+    };
+};

package/dist/theme/types.d.ts

@@ -0,0 +1,98 @@
+import { UserThemePreference } from '@openlv/provider/storage';
+/** Developer-controlled theme mode */
+export type ThemeMode = "auto" | "light" | "dark";
+/** User's theme preference (only used when ThemeMode is "auto") */
+export type { UserThemePreference };
+type DeepPartial<T> = {
+    [K in keyof T]?: DeepPartial<T[K]>;
+};
+type OpenLVThemeShape = {
+    font: {
+        family: string;
+    };
+    body: {
+        color: string;
+        /** Background color of the main modal */
+        background: string;
+    };
+    border: {
+        radius: string;
+        width?: string;
+        color?: string;
+    };
+    overlay: {
+        background: string;
+        backdrop: {
+            filter: string;
+        };
+    };
+    modal: {
+        shadow: string;
+    };
+    control: {
+        input: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                color: string;
+                padding: string;
+                hoverBackground?: string;
+                activeBackground?: string;
+                disabledBackground?: string;
+                disabledColor?: string;
+                border?: string;
+            };
+            secondary: {
+                background: string;
+                color: string;
+                hoverBackground?: string;
+                activeBackground?: string;
+                disabledBackground?: string;
+                disabledColor?: string;
+                border?: string;
+                selectedBackground?: string;
+                selectedColor?: string;
+            };
+            tertiary?: {
+                color: string;
+                hoverBackground?: string;
+                activeBackground?: string;
+                disabledColor?: string;
+            };
+        };
+    };
+    qr: {
+        background: string;
+        color: string;
+    };
+    card: {
+        background: string;
+    };
+    text: {
+        primary?: string;
+        secondary?: string;
+        muted?: string;
+        heading?: string;
+        body?: string;
+    };
+};
+export type OpenLVTheme = DeepPartial<OpenLVThemeShape>;
+export type ThemeTokensMap = {
+    common?: OpenLVTheme;
+    light?: OpenLVTheme;
+    dark?: OpenLVTheme;
+} & ({
+    light: OpenLVTheme;
+} | {
+    dark: OpenLVTheme;
+});
+export type PredefinedThemeName = "simple" | "openlv";
+export type ThemeConfig<T extends ThemeTokensMap = ThemeTokensMap> = {
+    theme: T | PredefinedThemeName;
+    /** Theme mode. Defaults to "auto" if not specified. */
+    mode?: ThemeMode;
+};

package/dist/types/connection.d.ts

@@ -0,0 +1,13 @@
+export type ConnectionState = "idle" | "initializing" | "connecting" | "qr-ready" | "connected" | "error" | "disconnected";
+export interface ConnectionInfo {
+    state: ConnectionState;
+    uri?: string;
+    error?: string;
+    connectedAccount?: string;
+    chainId?: number;
+}
+export interface ModalConnectionInterface {
+    showModal: () => void;
+    hideModal: () => void;
+    onClose?: () => void;
+}

package/dist/ui/Button.d.ts

@@ -0,0 +1,62 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'preact';
+import { PropsWithChildren } from 'preact/compat';
+import { VariantProps } from 'tailwind-variants/lite';
+declare const styles: import('tailwind-variants/lite').TVReturnType<{
+    $variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    $size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    $aspect: {
+        square: string;
+        auto: string;
+    };
+}, undefined, string, {
+    $variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    $size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    $aspect: {
+        square: string;
+        auto: string;
+    };
+}, undefined, import('tailwind-variants/lite').TVReturnType<{
+    $variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    $size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    $aspect: {
+        square: string;
+        auto: string;
+    };
+}, undefined, string, unknown, unknown, undefined>>;
+export type ButtonButtonProps = {
+    onClick: () => void;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export type ButtonLinkProps = {
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export type ButtonProps = PropsWithChildren<VariantProps<typeof styles> & (({
+    href: string;
+} & ButtonLinkProps) | ({
+    onClick: () => void;
+} & ButtonButtonProps))>;
+export declare function Button(rawProps: ButtonProps): import('preact').VNode<import('preact').ClassAttributes<HTMLElement> & Record<string, unknown>>;
+export {};

package/dist/ui/InfoTooltip.d.ts

@@ -0,0 +1,78 @@
+import { FC, PropsWithChildren } from 'preact/compat';
+import { VariantProps } from 'tailwind-variants/lite';
+declare const styles: import('tailwind-variants/lite').TVReturnType<{
+    size: {
+        sm: {
+            box: string;
+            icon: string;
+        };
+        md: {
+            box: string;
+            icon: string;
+        };
+        lg: {
+            box: string;
+            icon: string;
+        };
+    };
+    variant: {
+        icon: string;
+        text: string;
+    };
+}, {
+    root: string;
+    box: string;
+    popover: string;
+    icon: string;
+}, undefined, {
+    size: {
+        sm: {
+            box: string;
+            icon: string;
+        };
+        md: {
+            box: string;
+            icon: string;
+        };
+        lg: {
+            box: string;
+            icon: string;
+        };
+    };
+    variant: {
+        icon: string;
+        text: string;
+    };
+}, {
+    root: string;
+    box: string;
+    popover: string;
+    icon: string;
+}, import('tailwind-variants/lite').TVReturnType<{
+    size: {
+        sm: {
+            box: string;
+            icon: string;
+        };
+        md: {
+            box: string;
+            icon: string;
+        };
+        lg: {
+            box: string;
+            icon: string;
+        };
+    };
+    variant: {
+        icon: string;
+        text: string;
+    };
+}, {
+    root: string;
+    box: string;
+    popover: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export type InfoTooltipProps = VariantProps<typeof styles>;
+export declare const InfoTooltip: FC<PropsWithChildren<InfoTooltipProps>>;
+export {};

package/dist/ui/Input.d.ts

@@ -0,0 +1,22 @@
+type LabelProps = {
+    htmlFor?: string;
+    children: string;
+};
+export declare const Label: ({ htmlFor, children }: LabelProps) => import("preact").JSX.Element;
+type InputProps = {
+    id?: string;
+    value: string;
+    placeholder?: string;
+    ariaLabel?: string;
+    readOnly?: boolean;
+    onChange?: (value: string) => void;
+};
+export declare const Input: ({ id, value, placeholder, ariaLabel, readOnly, onChange, }: InputProps) => import("preact").JSX.Element;
+type InputGroupProps = {
+    label: string;
+    values: readonly string[];
+    placeholder?: string;
+    inputIdPrefix?: string;
+};
+export declare const InputGroup: ({ label, values, placeholder, inputIdPrefix, }: InputGroupProps) => import("preact").JSX.Element;
+export {};

package/dist/ui/Select.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'preact/compat';
+export type SelectProps = {
+    options: string[][];
+    value: string;
+    onChange: (value: string) => void;
+    dropdownThreshold?: number;
+};
+export declare const Select: FC<SelectProps>;

package/dist/ui/Toggle.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'preact/compat';
+export type ToggleProps = {
+    label: ReactNode;
+    value: boolean;
+    onChange: (value: boolean) => void;
+};
+export declare const Toggle: FC<ToggleProps>;

package/dist/ui/TransitionContainer.d.ts

@@ -0,0 +1,9 @@
+import { ComponentChildren } from 'preact';
+export type TransitionContainerProps<T> = {
+    current: T;
+    previous: T | null;
+    isTransitioning: boolean;
+    render: (value: T) => ComponentChildren;
+    className?: string;
+};
+export declare const TransitionContainer: <T>({ current, previous, isTransitioning, render, className, }: TransitionContainerProps<T>) => import("preact").JSX.Element;

package/dist/ui/menu/MenuGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren, ReactNode } from 'preact/compat';
+export type MenuGroupProps = PropsWithChildren<{
+    title: ReactNode;
+    right?: ReactNode;
+}>;
+export declare const MenuGroup: FC<MenuGroupProps>;

package/dist/ui/menu/MenuItem.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren, ReactNode } from 'preact/compat';
+export type MenuItemProps = PropsWithChildren<{
+    label: ReactNode;
+}>;
+export declare const MenuItem: FC<MenuItemProps>;

package/dist/ui/menu/MenuLink.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'preact/compat';
+export type MenuLinkProps = {
+    label: ReactNode;
+    value?: ReactNode;
+    onClick: () => void;
+};
+export declare const MenuLink: FC<MenuLinkProps>;

package/dist/utils/i18n.d.ts

@@ -0,0 +1,34 @@
+import { FC, ReactNode } from 'preact/compat';
+export type LanguageTag = "en" | "nl" | "fr" | "es" | "sv" | "zh-cn" | "ar" | "he" | "fa";
+export type LanguageInfo = {
+    tag: LanguageTag;
+    name: string;
+    nativeName: string;
+    rtl?: boolean;
+};
+export declare const LANGUAGES: LanguageInfo[];
+export declare const isRtlLanguage: (tag: LanguageTag) => boolean;
+export declare const detectBrowserLanguage: () => LanguageTag;
+export declare const getLanguageScore: (tag: string) => number;
+export type Translate = (key: string, params?: Readonly<Record<string, string | number>>) => string | ReactNode;
+export type Translations = Record<string, unknown>;
+export declare const resolveTranslation: (parameters: {
+    primary: Translations | null;
+    fallback: Translations;
+    key: string;
+    params?: Readonly<Record<string, string | number>>;
+}) => string;
+export type TranslationContextValue = {
+    languageTag: LanguageTag;
+    setLanguageTag: (languageTag: LanguageTag) => void;
+    isLoadingLanguagePack: boolean;
+    isRtl: boolean;
+    t: Translate;
+};
+export declare const TranslationContext: import('preact').Context<TranslationContextValue | null>;
+export type TranslationProviderProps = {
+    children: preact.ComponentChildren;
+    initialLanguageTag?: LanguageTag;
+};
+export declare const TranslationProvider: FC<TranslationProviderProps>;
+export declare const useTranslation: () => TranslationContextValue;

package/dist/utils/log.d.ts

@@ -0,0 +1 @@
+export declare const log: (...x: Parameters<typeof console.log>) => void;

package/dist/zh-cn-Bqo3eRaE.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={close:"关闭",yes:"是",no:"否",protocol:"协议"},n={connectedSuccessfully:"连接成功！",connecting:"连接中",ready:"就绪",handshakeClosed:"握手已关闭",handshakePartial:"握手部分完成",encrypted:"已加密",signalError:"信号错误",disconnected:"已断开连接"},t={title:"设置",language:"语言",theme:{title:"外观",mode:"主题",light:"浅色",dark:"深色",system:"跟随系统"},connectionPreferences:{title:"连接偏好设置",retainSessionHistory:"保留会话历史",autoReconnect:"自动重连"},signaling:{title:"信令",description:"信令是用于建立连接的握手协议。",server:"服务器",serverUrl:"服务器地址"},transport:{title:"传输",description:"这是维持连接的方式。",webrtc:"WebRTC",iceServers:{title:"ICE 服务器",stun:"STUN 服务器",turn:"TURN 服务器",addStun:"添加 STUN 服务器",addTurn:"添加 TURN 服务器",username:"用户名",credential:"密码"}}},o={title:"连接钱包"},c={title:"什么是 openlv？",scanQrCode:"扫描二维码",approveOnDevice:"在设备上确认",youreConnected:"您已连接！"},s={prompt:"点击下方按钮开始连接",generateQr:"生成二维码",connectionSettings:"连接设置"},i={preparingConnection:"正在准备连接",generatingKeys:"正在生成密钥...",connecting:"连接中",waitingForNetwork:"等待网络连接...",establishingConnection:"正在建立连接...",mayTakeFewSeconds:"这可能需要几秒钟...",connectedSuccessfully:"连接成功！",walletConnectedReady:"您的钱包已连接并可以使用。",disconnected:"已断开连接",connectionClosed:"连接已关闭。"},r={clickToCopyUrl:"点击复制连接链接",copyConnectionUrl:"复制连接链接",scanCodeInstruction:`使用您的移动钱包扫描上方的二维码。
+或复制链接并粘贴到您的钱包中。`},a={urlCopied:"连接链接已复制到剪贴板！",backToQr:"返回二维码",closeModal:"关闭弹窗"},l={common:e,status:n,settings:t,start:o,info:c,disconnected:s,connectionFlow:i,handshake:r,modal:a};exports.common=e;exports.connectionFlow=i;exports.default=l;exports.disconnected=s;exports.handshake=r;exports.info=c;exports.modal=a;exports.settings=t;exports.start=o;exports.status=n;
+//# sourceMappingURL=zh-cn-Bqo3eRaE.cjs.map

package/dist/zh-cn-Bqo3eRaE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-cn-Bqo3eRaE.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/zh-cn-DJpfZdjA.js

@@ -0,0 +1,25 @@
+const e = { close: "关闭", yes: "是", no: "否", protocol: "协议" }, n = { connectedSuccessfully: "连接成功！", connecting: "连接中", ready: "就绪", handshakeClosed: "握手已关闭", handshakePartial: "握手部分完成", encrypted: "已加密", signalError: "信号错误", disconnected: "已断开连接" }, t = { title: "设置", language: "语言", theme: { title: "外观", mode: "主题", light: "浅色", dark: "深色", system: "跟随系统" }, connectionPreferences: { title: "连接偏好设置", retainSessionHistory: "保留会话历史", autoReconnect: "自动重连" }, signaling: { title: "信令", description: "信令是用于建立连接的握手协议。", server: "服务器", serverUrl: "服务器地址" }, transport: { title: "传输", description: "这是维持连接的方式。", webrtc: "WebRTC", iceServers: { title: "ICE 服务器", stun: "STUN 服务器", turn: "TURN 服务器", addStun: "添加 STUN 服务器", addTurn: "添加 TURN 服务器", username: "用户名", credential: "密码" } } }, o = { title: "连接钱包" }, c = { title: "什么是 openlv？", scanQrCode: "扫描二维码", approveOnDevice: "在设备上确认", youreConnected: "您已连接！" }, s = { prompt: "点击下方按钮开始连接", generateQr: "生成二维码", connectionSettings: "连接设置" }, i = { preparingConnection: "正在准备连接", generatingKeys: "正在生成密钥...", connecting: "连接中", waitingForNetwork: "等待网络连接...", establishingConnection: "正在建立连接...", mayTakeFewSeconds: "这可能需要几秒钟...", connectedSuccessfully: "连接成功！", walletConnectedReady: "您的钱包已连接并可以使用。", disconnected: "已断开连接", connectionClosed: "连接已关闭。" }, r = { clickToCopyUrl: "点击复制连接链接", copyConnectionUrl: "复制连接链接", scanCodeInstruction: `使用您的移动钱包扫描上方的二维码。
+或复制链接并粘贴到您的钱包中。` }, a = { urlCopied: "连接链接已复制到剪贴板！", backToQr: "返回二维码", closeModal: "关闭弹窗" }, l = {
+  common: e,
+  status: n,
+  settings: t,
+  start: o,
+  info: c,
+  disconnected: s,
+  connectionFlow: i,
+  handshake: r,
+  modal: a
+};
+export {
+  e as common,
+  i as connectionFlow,
+  l as default,
+  s as disconnected,
+  r as handshake,
+  c as info,
+  a as modal,
+  t as settings,
+  o as start,
+  n as status
+};
+//# sourceMappingURL=zh-cn-DJpfZdjA.js.map

package/dist/zh-cn-DJpfZdjA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-cn-DJpfZdjA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@openlv/modal",
+  "version": "0.0.1-beta.10",
+  "description": "Preact-based modal custom element for Open Lavatory",
+  "keywords": [
+    "open-lavatory",
+    "modal",
+    "preact",
+    "web-component"
+  ],
+  "homepage": "https://github.com/v3xlabs/open-lavatory",
+  "bugs": {
+    "url": "https://github.com/v3xlabs/open-lavatory/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/v3xlabs/open-lavatory.git",
+    "directory": "packages/modal"
+  },
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "Open-Lavatory",
+    "url": "https://github.com/v3xlabs/open-lavatory"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    }
+  },
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "eventemitter3": "^5.0.1",
+    "ox": "^0.9.14",
+    "qrcode-generator": "^1.5.0",
+    "tailwind-variants": "^3.1.1",
+    "@openlv/core": "0.0.1-beta.8",
+    "@openlv/provider": "0.0.1-beta.10",
+    "@openlv/session": "0.0.1-beta.10",
+    "@openlv/signaling": "0.0.1-beta.7"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "^2.10.2",
+    "@tailwindcss/vite": "^4.1.17",
+    "preact": "^10.27.3",
+    "preact-custom-element": "^4.4.3",
+    "react-icons": "^5.5.0",
+    "tailwindcss": "^4",
+    "ts-pattern": "^5",
+    "typescript": "^5",
+    "vite": "^7",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "beta"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "pnpx eslint .",
+    "lint:fix": "pnpx eslint . --fix",
+    "preview": "vite preview"
+  }
+}