@iqauth/sdk 2.3.0 → 2.6.0

package/dist/react.d.ts

@@ -1,13 +1,121 @@
+import * as csstype from 'csstype';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { S as SessionManager, a as SessionSnapshot, b as SignInOptions, c as SignOutOptions, C as CallbackResult } from './signIn-DKakyzeu.js';
-import { d as SessionUser, J as JwtClaims } from './types-Cxl3bQHt.js';
+import { S as SessionManager, b as SessionSnapshot, x as SignInOptions, y as SignOutOptions, A as AccountRegistry, C as CallbackResult, M as MagicLinkRequestInput, P as PasswordlessOptions, L as LinkedIdentity, k as LinkProviderInput } from './signIn-OCr88Zf8.js';
+import { J as JwtClaims, d as SessionUser } from './types-DZAflmmq.js';
+import { I as IQAuthLocaleBundle, a as IQAuthLocaleOverride, b as IQAuthLocaleKey } from './types-6bNdxesb.js';
 import './publishableKey-BaR0HoAH.js';
 
+/**
+ * F4 — return-to URL handling.
+ *
+ * Provides a single, security-conscious sanitizer that consumers can use to
+ * decide whether to navigate to a `?return_to=…` value after a successful
+ * sign-in. Open-redirect protection is the default: only same-origin
+ * destinations or destinations whose origin matches one of `allowedOrigins`
+ * are accepted; everything else falls back to `fallback` (default `"/"`).
+ *
+ * Also tolerates relative paths (`/dashboard`, `dashboard?x=1`,
+ * `#section`) — these are always considered same-origin.
+ */
+interface SanitizeReturnToOptions {
+    /**
+     * Origins (e.g. `https://app.example.com`) that are allowed in addition
+     * to the page's own origin. Compared exactly after normalization (no port
+     * wildcarding). Defaults to `[]` — same-origin only.
+     */
+    allowedOrigins?: string[];
+    /** Where to send the user when the input is missing/disallowed. Defaults to `"/"`. */
+    fallback?: string;
+    /**
+     * Override the "current" origin used for same-origin checks. Defaults to
+     * `window.location.origin` when available, else `""` (which disables the
+     * same-origin shortcut and forces the result through `allowedOrigins`).
+     */
+    currentOrigin?: string;
+}
+/**
+ * Returns a safe URL to navigate to after sign-in. Never throws.
+ */
+declare function sanitizeReturnTo(input: string | null | undefined, options?: SanitizeReturnToOptions): string;
+/**
+ * `true` when the input would be accepted by {@link sanitizeReturnTo} (i.e.
+ * the sanitizer would NOT fall back). Useful for forms that want to disable
+ * the "Continue" button when the value is unsafe.
+ */
+declare function isReturnToAllowed(input: string | null | undefined, options?: SanitizeReturnToOptions): boolean;
+
+/**
+ * F11 — `appearance.elements`. The keys are the slot names supported by SDK
+ * components; `className` is concatenated and `style` is merged onto the
+ * matching DOM node. Unknown slots are ignored. Inspired by Clerk's
+ * `appearance` API but intentionally smaller and CSS-var-first.
+ */
+interface IQAuthAppearanceElements {
+    rootBox?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    card?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    cardHeader?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    cardBody?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    headerTitle?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    headerSubtitle?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    formButtonPrimary?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    formFieldInput?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    formFieldLabel?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    socialButton?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    footer?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    errorBanner?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+}
+interface IQAuthAppearance {
+    elements?: IQAuthAppearanceElements;
+}
 interface IQAuthContextValue {
     manager: SessionManager;
     snapshot: SessionSnapshot;
+    /** F4 — extra origins (beyond same-origin) accepted by `useReturnTo()`/`sanitizeReturnTo`. */
+    allowedReturnOrigins: string[];
+    /** F11 — appearance overrides applied by Shell-rendering components. */
+    appearance: IQAuthAppearance | null;
+    /** F13 — derives a single role string for `useUser().user.role`. */
+    roleMapper: ((claims: JwtClaims | null) => string | null) | null;
+    /** Task #95 — fully resolved localization bundle (default + override). */
+    localization: IQAuthLocaleBundle;
 }
 interface IQAuthProviderProps {
     publishableKey: string;
@@ -19,6 +127,33 @@ interface IQAuthProviderProps {
     proactiveRefresh?: boolean;
     /** Optional pre-built manager (advanced; tests). */
     manager?: SessionManager;
+    /**
+     * F4 — Origins (besides the page's own) accepted as safe destinations by
+     * `useReturnTo()`/`sanitizeReturnTo()`. Same-origin URLs and relative
+     * paths are always allowed. Pass an empty array (default) for
+     * same-origin-only.
+     */
+    allowedReturnOrigins?: string[];
+    /** F11 — Appearance overrides for SDK chrome components. */
+    appearance?: IQAuthAppearance;
+    /**
+     * F13 — Map IQAuth JWT claims to a single canonical role string surfaced
+     * as `useUser().user.role`. When omitted the SDK falls back to
+     * `claims.role ?? claims.roles?.[0] ?? null`.
+     */
+    roleMapper?: (claims: JwtClaims | null) => string | null;
+    /** F14 — Override SDK cookie names. */
+    cookieNames?: {
+        refresh?: string;
+        access?: string;
+    };
+    /**
+     * Task #95 — Localization bundle. Pass a full bundle from
+     * `@iqauth/sdk/locales` (e.g. `frFR`) or a `Partial<IQAuthLocaleBundle>`
+     * with just the keys you want to override. Missing keys fall back to the
+     * default `enUS` strings.
+     */
+    localization?: IQAuthLocaleBundle | IQAuthLocaleOverride;
     children?: ReactNode;
 }
 /**
@@ -27,7 +162,18 @@ interface IQAuthProviderProps {
  * safe — a single SessionManager instance is created per provider and reused
  * across remounts.
  */
-declare function IQAuthProvider({ publishableKey, issuer, channelName, proactiveRefresh, manager: externalManager, children, }: IQAuthProviderProps): React.FunctionComponentElement<React.ProviderProps<IQAuthContextValue | null>>;
+declare function IQAuthProvider({ publishableKey, issuer, channelName, proactiveRefresh, manager: externalManager, allowedReturnOrigins, appearance, roleMapper, cookieNames, localization, children, }: IQAuthProviderProps): React.FunctionComponentElement<React.ProviderProps<IQAuthContextValue | null>>;
+/**
+ * Task #95 — Returns the active localization bundle resolved from the
+ * `localization` prop on `<IQAuthProvider>` (merged on top of `enUS`). Safe
+ * to call outside a provider — returns the default `enUS` bundle.
+ */
+declare function useLocale(): IQAuthLocaleBundle;
+/**
+ * Task #95 — Returns a `t(key, vars?)` translator bound to the active
+ * locale bundle. Safe outside a provider — falls back to `enUS`.
+ */
+declare function useT(): (key: IQAuthLocaleKey, vars?: Record<string, string | number>) => string;
 interface SessionError {
     code: string;
     message: string;
@@ -35,7 +181,9 @@ interface SessionError {
 interface UseUserResult {
     isLoaded: boolean;
     isSignedIn: boolean;
-    user: SessionUser | null;
+    user: (SessionUser & {
+        role: string | null;
+    }) | null;
     error: SessionError | null;
 }
 declare function useUser(): UseUserResult;
@@ -79,6 +227,87 @@ declare function useOrganization(): UseOrganizationResult;
  * hook for ergonomic destructuring.
  */
 declare function useAuthFetch(): (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>;
+interface SessionListItem {
+    id: string;
+    createdAt: string;
+    lastActiveAt: string;
+    expiresAt: string;
+    ip: string | null;
+    userAgent: string | null;
+    device: string;
+    originHost: string | null;
+    loginMethod: string | null;
+    isCurrent: boolean;
+}
+interface UseSessionListResult {
+    sessions: SessionListItem[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+    revoke: (sessionId: string) => Promise<void>;
+    revokeAllOthers: () => Promise<{
+        terminatedCount: number;
+    }>;
+}
+/**
+ * F21 — Lists the user's active sessions and exposes revoke helpers. Uses the
+ * provider's `manager.fetch` so the access token is auto-attached and silent
+ * refresh is coordinated. The `isCurrent` flag on each item is set
+ * server-side from the JWT's sessionId claim.
+ */
+declare function useSessionList(): UseSessionListResult;
+/**
+ * Imperative helper for code outside a React render. Equivalent to
+ * `useSessionList().revoke(...)` but callable from event handlers in
+ * components that don't use the hook. Reads from a module-scoped, typed
+ * registry that `<IQAuthProvider>` populates on mount.
+ */
+declare function revokeSession(sessionId: string): Promise<void>;
+interface MultisessionContextValue {
+    registry: AccountRegistry;
+    version: number;
+}
+/**
+ * F22 — Wrap your app in `<MultisessionAppSupport>` to enable parallel
+ * accounts. Must be a descendant of `<IQAuthProvider>`. On mount it
+ * installs a `MultiAccountTokenStore` on the manager so refresh-token
+ * reads/writes target the active account's per-account cookie.
+ */
+declare function MultisessionAppSupport({ children }: {
+    children?: ReactNode;
+}): React.FunctionComponentElement<React.ProviderProps<MultisessionContextValue | null>>;
+interface AccountSummary {
+    accountId: string;
+    userId: string;
+    email: string;
+    name: string;
+    tenantId: string | null;
+    isActive: boolean;
+}
+/**
+ * F22 — Lists every account currently signed in to this app, with the
+ * active one flagged. Re-renders when accounts are added/removed/switched.
+ */
+declare function useAccountList(): {
+    accounts: AccountSummary[];
+    loading: boolean;
+};
+interface UseAccountSwitcherResult {
+    /** Sign in an additional account in parallel via prompt=login. */
+    addAccount: (opts?: SignInOptions) => Promise<void>;
+    /** Pivot to another already-signed-in account by reading its cookie + refreshing. */
+    switchTo: (accountId: string) => Promise<void>;
+    /** Forget an account locally (clears its cookie + registry record). */
+    removeAccount: (accountId: string) => void;
+}
+/**
+ * F22 — Account switcher actions. `addAccount()` opens a fresh sign-in
+ * with `prompt=login` so the IQAuth host shows the form even if an SSO
+ * session exists; on completion the new tokens are written to the new
+ * per-account cookie and the registry is updated. `switchTo()` is a
+ * pure local pivot — no network round-trip beyond the refresh.
+ */
+declare function useAccountSwitcher(): UseAccountSwitcherResult;
 declare function SignedIn({ children }: {
     children?: ReactNode;
 }): React.FunctionComponentElement<{
@@ -137,6 +366,87 @@ declare function RedirectToSignIn(props?: RedirectToSignInProps): React.Detailed
         color: "#7a1f1f";
     };
 }, HTMLElement> | null;
+
+/**
+ * F2 — Render-children-only-if-authorized gate. Composes role/permission
+ * checks against the current session's claims. Multiple constraints AND
+ * together; arrays within a single constraint OR.
+ *
+ * Lookup order for roles: `claims.roles[]`, `claims.role` (string scalar).
+ * For permissions: `claims.permissions[]`, `claims.entitlements[]`,
+ * `claims.scope` (space-delimited).
+ *
+ * Renders `fallback` (default `null`) when the constraint is not satisfied.
+ */
+interface ProtectProps {
+    /** Required role. Pass an array to mean "any of". */
+    role?: string | string[];
+    /** Required permission/entitlement. Pass an array to mean "any of". */
+    permission?: string | string[];
+    /** Custom predicate run against `claims`. Truthy result = allowed. */
+    condition?: (claims: JwtClaims | null) => boolean;
+    /** Rendered when the user is not authorized. Defaults to `null`. */
+    fallback?: ReactNode;
+    children?: ReactNode;
+}
+declare function Protect({ role, permission, condition, fallback, children }: ProtectProps): React.FunctionComponentElement<{
+    children?: ReactNode | undefined;
+}>;
+/**
+ * F12 — Symmetric to `<RedirectToSignIn/>`: when the user IS signed in,
+ * navigate to `to` (default `/`). Useful on `/sign-in` pages so already-
+ * authenticated visitors don't see the form.
+ */
+interface RedirectToSignedInProps {
+    /** Destination path/URL. Default: `/`. */
+    to?: string;
+    /** Use `replace` instead of `assign` (default true — no extra history entry). */
+    replace?: boolean;
+}
+declare function RedirectToSignedIn({ to, replace }?: RedirectToSignedInProps): null;
+/**
+ * F4 — Reads a return-to URL from `?return_to=` (or `?next=`) query param,
+ * falling back to a sessionStorage key. Sanitizes against the provider's
+ * `allowedReturnOrigins`. Persists the sanitized value back into
+ * sessionStorage so it survives the OAuth round-trip.
+ */
+interface UseReturnToOptions {
+    /** Query parameter name. Default `"return_to"`; tries `"next"` as a secondary. */
+    paramName?: string;
+    /** sessionStorage key. Default `"iqauth_return_to"`. */
+    storageKey?: string;
+    /** Where to fall back to. Default `"/"`. */
+    fallback?: string;
+}
+declare function useReturnTo(options?: UseReturnToOptions): string;
+/**
+ * F4 — Drop-in route component: when the user is authenticated, navigates
+ * to the sanitized `return_to`; otherwise renders `children` (typically a
+ * `<SignIn/>`). Use this on your sign-in page to make `?return_to=…`
+ * actually do something safely.
+ */
+interface IQAuthReturnToBouncerProps extends UseReturnToOptions {
+    children?: ReactNode;
+}
+declare function IQAuthReturnToBouncer({ children, ...opts }: IQAuthReturnToBouncerProps): React.FunctionComponentElement<{
+    children?: ReactNode | undefined;
+}> | null;
+/**
+ * F16 — Programmatic preflight: hits the public sign-in-context for the app
+ * and returns whether the supplied `returnTo` is in its allowlist. Useful
+ * for build-time checks or one-off probes. Resolves with a structured
+ * result instead of throwing.
+ */
+declare function preflightReturnTo(args: {
+    iqAuthBaseUrl: string;
+    appKey: string;
+    returnTo: string;
+    fetchImpl?: typeof fetch;
+}): Promise<{
+    ok: boolean;
+    allowedOrigins: string[];
+    reason?: string;
+}>;
 /**
  * Drop-in callback route. Mount at the path you registered as your
  * `redirect_uri` (e.g. `/auth/callback`) and the SDK will exchange the code
@@ -245,13 +555,29 @@ declare function sanitizeBrandCss(input: string | null | undefined): string;
  * override with the explicit `appId` parameter.
  */
 declare function useResolvedSdkBranding(iqAuthBaseUrl: string, appId?: string | null): IQAuthBranding | null;
-interface SignInProps extends SharedComponentProps {
-    /** URL the IQAuth backend should redirect back to with `?code=...`. Must be in the app's allowed_origins. */
-    returnTo: string;
+interface SignInProps extends Partial<SharedComponentProps> {
+    /**
+     * F10 — Optional. Defaults to the IQAuth issuer derived from the
+     * surrounding `<IQAuthProvider/>`'s publishable key.
+     */
+    iqAuthBaseUrl?: string;
+    /**
+     * F10 — Optional. Defaults to the appKey derived from the surrounding
+     * `<IQAuthProvider/>`'s publishable key.
+     */
+    appKey?: string;
+    /**
+     * F10 — Optional. Defaults to `${origin}/api/iqauth/callback` (the path
+     * mounted by the framework adapters). Must be in the app's allowed
+     * origins.
+     */
+    returnTo?: string;
     /** Called after successful redirect. By default, `window.location.href = url`. */
     onRedirect?: (url: string) => void;
     /** Pass `"login"` to force the form to render even when an SSO session is active. */
     prompt?: "login";
+    /** F11 — Per-instance appearance overrides; merged on top of provider-level appearance. */
+    appearance?: IQAuthAppearance;
 }
 /**
  * Pure render-decision helper. When this returns `true`, `<SignIn/>` MUST
@@ -266,7 +592,7 @@ declare function isSilentSsoEligible(ctx: {
     };
     returnAllowed: boolean;
 } | null | undefined, effectivePrompt: "login" | undefined): boolean;
-declare function SignIn({ iqAuthBaseUrl, appKey, returnTo, onRedirect, className, prompt }: SignInProps): react_jsx_runtime.JSX.Element;
+declare function SignIn(props: SignInProps): react_jsx_runtime.JSX.Element;
 interface SignUpProps extends SharedComponentProps {
     returnTo?: string;
     onSuccess?: () => void;
@@ -295,9 +621,1022 @@ declare function UserProfile({ iqAuthBaseUrl, className }: UserProfileProps): re
 interface OrganizationSwitcherProps {
     iqAuthBaseUrl: string;
     onSwitched?: (tenantId: string) => void;
+    appearance?: IQAuthAppearance;
+    className?: string;
+}
+declare function OrganizationSwitcher({ iqAuthBaseUrl, onSwitched, appearance: _appearance, className }: OrganizationSwitcherProps): react_jsx_runtime.JSX.Element;
+interface ImpersonationInfo {
+    isImpersonating: boolean;
+    /** The admin who started the impersonation (from JWT `act` claim). */
+    actor: {
+        sub: string;
+        email?: string;
+        name?: string;
+    } | null;
+    /** The user being acted-as (snapshot.user). */
+    target: SessionUser | null;
+}
+/**
+ * Returns impersonation context derived from the active access token's
+ * `purpose` and `act` claims (Task #90 / RFC 8693 §4.1).
+ */
+declare function useImpersonation(): ImpersonationInfo;
+interface ImpersonationBannerProps {
+    /** Custom render override; defaults to a sticky red banner. */
+    render?: (info: ImpersonationInfo & {
+        exit: () => void;
+    }) => ReactNode;
+    /** Called when the user clicks "Exit". Defaults to `signOut`. */
+    onExit?: () => void | Promise<void>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Persistent top-of-page banner shown whenever the active session is an
+ * impersonated session. Renders nothing for normal sessions. — Task #90.
+ */
+declare function ImpersonationBanner({ render, onExit, className, style }?: ImpersonationBannerProps): React.FunctionComponentElement<{
+    children?: ReactNode | undefined;
+}> | React.DetailedReactHTMLElement<{
+    role: "alert";
+    className: string | undefined;
+    style: {
+        accentColor?: csstype.Property.AccentColor | undefined;
+        alignContent?: csstype.Property.AlignContent | undefined;
+        alignItems: csstype.Property.AlignItems;
+        alignSelf?: csstype.Property.AlignSelf | undefined;
+        alignTracks?: csstype.Property.AlignTracks | undefined;
+        animationComposition?: csstype.Property.AnimationComposition | undefined;
+        animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+        animationDirection?: csstype.Property.AnimationDirection | undefined;
+        animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+        animationFillMode?: csstype.Property.AnimationFillMode | undefined;
+        animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+        animationName?: csstype.Property.AnimationName | undefined;
+        animationPlayState?: csstype.Property.AnimationPlayState | undefined;
+        animationRangeEnd?: csstype.Property.AnimationRangeEnd<string | number> | undefined;
+        animationRangeStart?: csstype.Property.AnimationRangeStart<string | number> | undefined;
+        animationTimeline?: csstype.Property.AnimationTimeline | undefined;
+        animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+        appearance?: csstype.Property.Appearance | undefined;
+        aspectRatio?: csstype.Property.AspectRatio | undefined;
+        backdropFilter?: csstype.Property.BackdropFilter | undefined;
+        backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+        backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
+        backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
+        backgroundClip?: csstype.Property.BackgroundClip | undefined;
+        backgroundColor?: csstype.Property.BackgroundColor | undefined;
+        backgroundImage?: csstype.Property.BackgroundImage | undefined;
+        backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+        backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
+        backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
+        backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
+        backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+        blockOverflow?: csstype.Property.BlockOverflow | undefined;
+        blockSize?: csstype.Property.BlockSize<string | number> | undefined;
+        borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
+        borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
+        borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
+        borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
+        borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
+        borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
+        borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
+        borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
+        borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
+        borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
+        borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+        borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+        borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
+        borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+        borderCollapse?: csstype.Property.BorderCollapse | undefined;
+        borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
+        borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
+        borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
+        borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
+        borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+        borderImageSource?: csstype.Property.BorderImageSource | undefined;
+        borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
+        borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
+        borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+        borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+        borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+        borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+        borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+        borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
+        borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
+        borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
+        borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
+        borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
+        borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
+        borderRightColor?: csstype.Property.BorderRightColor | undefined;
+        borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
+        borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
+        borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
+        borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
+        borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
+        borderTopColor?: csstype.Property.BorderTopColor | undefined;
+        borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+        borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+        borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
+        borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
+        bottom?: csstype.Property.Bottom<string | number> | undefined;
+        boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+        boxShadow?: csstype.Property.BoxShadow | undefined;
+        boxSizing?: csstype.Property.BoxSizing | undefined;
+        breakAfter?: csstype.Property.BreakAfter | undefined;
+        breakBefore?: csstype.Property.BreakBefore | undefined;
+        breakInside?: csstype.Property.BreakInside | undefined;
+        captionSide?: csstype.Property.CaptionSide | undefined;
+        caretColor?: csstype.Property.CaretColor | undefined;
+        caretShape?: csstype.Property.CaretShape | undefined;
+        clear?: csstype.Property.Clear | undefined;
+        clipPath?: csstype.Property.ClipPath | undefined;
+        color: csstype.Property.Color | "#fff";
+        colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+        colorScheme?: csstype.Property.ColorScheme | undefined;
+        columnCount?: csstype.Property.ColumnCount | undefined;
+        columnFill?: csstype.Property.ColumnFill | undefined;
+        columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
+        columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+        columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+        columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+        columnSpan?: csstype.Property.ColumnSpan | undefined;
+        columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+        contain?: csstype.Property.Contain | undefined;
+        containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
+        containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
+        containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
+        containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
+        containerName?: csstype.Property.ContainerName | undefined;
+        containerType?: csstype.Property.ContainerType | undefined;
+        content?: csstype.Property.Content | undefined;
+        contentVisibility?: csstype.Property.ContentVisibility | undefined;
+        counterIncrement?: csstype.Property.CounterIncrement | undefined;
+        counterReset?: csstype.Property.CounterReset | undefined;
+        counterSet?: csstype.Property.CounterSet | undefined;
+        cursor?: csstype.Property.Cursor | undefined;
+        direction?: csstype.Property.Direction | undefined;
+        display: csstype.Property.Display;
+        emptyCells?: csstype.Property.EmptyCells | undefined;
+        filter?: csstype.Property.Filter | undefined;
+        flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+        flexDirection?: csstype.Property.FlexDirection | undefined;
+        flexGrow?: csstype.Property.FlexGrow | undefined;
+        flexShrink?: csstype.Property.FlexShrink | undefined;
+        flexWrap?: csstype.Property.FlexWrap | undefined;
+        float?: csstype.Property.Float | undefined;
+        fontFamily: csstype.Property.FontFamily | "system-ui, sans-serif";
+        fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+        fontKerning?: csstype.Property.FontKerning | undefined;
+        fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+        fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
+        fontPalette?: csstype.Property.FontPalette | undefined;
+        fontSize: csstype.Property.FontSize<string | number>;
+        fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
+        fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
+        fontStretch?: csstype.Property.FontStretch | undefined;
+        fontStyle?: csstype.Property.FontStyle | undefined;
+        fontSynthesis?: csstype.Property.FontSynthesis | undefined;
+        fontSynthesisPosition?: csstype.Property.FontSynthesisPosition | undefined;
+        fontSynthesisSmallCaps?: csstype.Property.FontSynthesisSmallCaps | undefined;
+        fontSynthesisStyle?: csstype.Property.FontSynthesisStyle | undefined;
+        fontSynthesisWeight?: csstype.Property.FontSynthesisWeight | undefined;
+        fontVariant?: csstype.Property.FontVariant | undefined;
+        fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
+        fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
+        fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
+        fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
+        fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+        fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
+        fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
+        fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
+        fontWeight?: csstype.Property.FontWeight | undefined;
+        forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
+        gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
+        gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
+        gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
+        gridColumnStart?: csstype.Property.GridColumnStart | undefined;
+        gridRowEnd?: csstype.Property.GridRowEnd | undefined;
+        gridRowStart?: csstype.Property.GridRowStart | undefined;
+        gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
+        gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
+        height?: csstype.Property.Height<string | number> | undefined;
+        hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+        hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
+        hyphens?: csstype.Property.Hyphens | undefined;
+        imageOrientation?: csstype.Property.ImageOrientation | undefined;
+        imageRendering?: csstype.Property.ImageRendering | undefined;
+        imageResolution?: csstype.Property.ImageResolution | undefined;
+        initialLetter?: csstype.Property.InitialLetter | undefined;
+        inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
+        inputSecurity?: csstype.Property.InputSecurity | undefined;
+        insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+        insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+        insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+        insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+        isolation?: csstype.Property.Isolation | undefined;
+        justifyContent: csstype.Property.JustifyContent;
+        justifyItems?: csstype.Property.JustifyItems | undefined;
+        justifySelf?: csstype.Property.JustifySelf | undefined;
+        justifyTracks?: csstype.Property.JustifyTracks | undefined;
+        left: csstype.Property.Left<string | number>;
+        letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
+        lineBreak?: csstype.Property.LineBreak | undefined;
+        lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
+        lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
+        listStyleImage?: csstype.Property.ListStyleImage | undefined;
+        listStylePosition?: csstype.Property.ListStylePosition | undefined;
+        listStyleType?: csstype.Property.ListStyleType | undefined;
+        marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
+        marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
+        marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
+        marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+        marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+        marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
+        marginRight?: csstype.Property.MarginRight<string | number> | undefined;
+        marginTop?: csstype.Property.MarginTop<string | number> | undefined;
+        marginTrim?: csstype.Property.MarginTrim | undefined;
+        maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
+        maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+        maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+        maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
+        maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
+        maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+        maskClip?: csstype.Property.MaskClip | undefined;
+        maskComposite?: csstype.Property.MaskComposite | undefined;
+        maskImage?: csstype.Property.MaskImage | undefined;
+        maskMode?: csstype.Property.MaskMode | undefined;
+        maskOrigin?: csstype.Property.MaskOrigin | undefined;
+        maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
+        maskRepeat?: csstype.Property.MaskRepeat | undefined;
+        maskSize?: csstype.Property.MaskSize<string | number> | undefined;
+        maskType?: csstype.Property.MaskType | undefined;
+        masonryAutoFlow?: csstype.Property.MasonryAutoFlow | undefined;
+        mathDepth?: csstype.Property.MathDepth | undefined;
+        mathShift?: csstype.Property.MathShift | undefined;
+        mathStyle?: csstype.Property.MathStyle | undefined;
+        maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
+        maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
+        maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+        maxLines?: csstype.Property.MaxLines | undefined;
+        maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
+        minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
+        minHeight?: csstype.Property.MinHeight<string | number> | undefined;
+        minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
+        minWidth?: csstype.Property.MinWidth<string | number> | undefined;
+        mixBlendMode?: csstype.Property.MixBlendMode | undefined;
+        motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+        motionPath?: csstype.Property.OffsetPath | undefined;
+        motionRotation?: csstype.Property.OffsetRotate | undefined;
+        objectFit?: csstype.Property.ObjectFit | undefined;
+        objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+        offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
+        offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+        offsetPath?: csstype.Property.OffsetPath | undefined;
+        offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
+        offsetRotate?: csstype.Property.OffsetRotate | undefined;
+        offsetRotation?: csstype.Property.OffsetRotate | undefined;
+        opacity?: csstype.Property.Opacity | undefined;
+        order?: csstype.Property.Order | undefined;
+        orphans?: csstype.Property.Orphans | undefined;
+        outlineColor?: csstype.Property.OutlineColor | undefined;
+        outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
+        outlineStyle?: csstype.Property.OutlineStyle | undefined;
+        outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+        overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
+        overflowBlock?: csstype.Property.OverflowBlock | undefined;
+        overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
+        overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
+        overflowInline?: csstype.Property.OverflowInline | undefined;
+        overflowWrap?: csstype.Property.OverflowWrap | undefined;
+        overflowX?: csstype.Property.OverflowX | undefined;
+        overflowY?: csstype.Property.OverflowY | undefined;
+        overlay?: csstype.Property.Overlay | undefined;
+        overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
+        overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
+        overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
+        overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
+        paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
+        paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
+        paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
+        paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+        paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+        paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
+        paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
+        paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
+        page?: csstype.Property.Page | undefined;
+        pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
+        pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
+        pageBreakInside?: csstype.Property.PageBreakInside | undefined;
+        paintOrder?: csstype.Property.PaintOrder | undefined;
+        perspective?: csstype.Property.Perspective<string | number> | undefined;
+        perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+        pointerEvents?: csstype.Property.PointerEvents | undefined;
+        position: csstype.Property.Position;
+        printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+        quotes?: csstype.Property.Quotes | undefined;
+        resize?: csstype.Property.Resize | undefined;
+        right: csstype.Property.Right<string | number>;
+        rotate?: csstype.Property.Rotate | undefined;
+        rowGap?: csstype.Property.RowGap<string | number> | undefined;
+        rubyAlign?: csstype.Property.RubyAlign | undefined;
+        rubyMerge?: csstype.Property.RubyMerge | undefined;
+        rubyPosition?: csstype.Property.RubyPosition | undefined;
+        scale?: csstype.Property.Scale | undefined;
+        scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
+        scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
+        scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
+        scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+        scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
+        scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
+        scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+        scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+        scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+        scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
+        scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
+        scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
+        scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
+        scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
+        scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
+        scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
+        scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
+        scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
+        scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+        scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+        scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+        scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+        scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
+        scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+        scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
+        scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
+        scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
+        scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
+        scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
+        shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
+        shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+        shapeOutside?: csstype.Property.ShapeOutside | undefined;
+        tabSize?: csstype.Property.TabSize<string | number> | undefined;
+        tableLayout?: csstype.Property.TableLayout | undefined;
+        textAlign?: csstype.Property.TextAlign | undefined;
+        textAlignLast?: csstype.Property.TextAlignLast | undefined;
+        textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
+        textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+        textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+        textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+        textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
+        textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+        textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+        textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+        textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+        textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+        textIndent?: csstype.Property.TextIndent<string | number> | undefined;
+        textJustify?: csstype.Property.TextJustify | undefined;
+        textOrientation?: csstype.Property.TextOrientation | undefined;
+        textOverflow?: csstype.Property.TextOverflow | undefined;
+        textRendering?: csstype.Property.TextRendering | undefined;
+        textShadow?: csstype.Property.TextShadow | undefined;
+        textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+        textTransform?: csstype.Property.TextTransform | undefined;
+        textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
+        textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+        textWrap?: csstype.Property.TextWrap | undefined;
+        timelineScope?: csstype.Property.TimelineScope | undefined;
+        top: csstype.Property.Top<string | number>;
+        touchAction?: csstype.Property.TouchAction | undefined;
+        transform?: csstype.Property.Transform | undefined;
+        transformBox?: csstype.Property.TransformBox | undefined;
+        transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+        transformStyle?: csstype.Property.TransformStyle | undefined;
+        transitionBehavior?: csstype.Property.TransitionBehavior | undefined;
+        transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+        transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+        transitionProperty?: csstype.Property.TransitionProperty | undefined;
+        transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+        translate?: csstype.Property.Translate<string | number> | undefined;
+        unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
+        userSelect?: csstype.Property.UserSelect | undefined;
+        verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
+        viewTimelineAxis?: csstype.Property.ViewTimelineAxis | undefined;
+        viewTimelineInset?: csstype.Property.ViewTimelineInset<string | number> | undefined;
+        viewTimelineName?: csstype.Property.ViewTimelineName | undefined;
+        viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
+        visibility?: csstype.Property.Visibility | undefined;
+        whiteSpace?: csstype.Property.WhiteSpace | undefined;
+        whiteSpaceCollapse?: csstype.Property.WhiteSpaceCollapse | undefined;
+        whiteSpaceTrim?: csstype.Property.WhiteSpaceTrim | undefined;
+        widows?: csstype.Property.Widows | undefined;
+        width?: csstype.Property.Width<string | number> | undefined;
+        willChange?: csstype.Property.WillChange | undefined;
+        wordBreak?: csstype.Property.WordBreak | undefined;
+        wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
+        wordWrap?: csstype.Property.WordWrap | undefined;
+        writingMode?: csstype.Property.WritingMode | undefined;
+        zIndex: number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto";
+        zoom?: csstype.Property.Zoom | undefined;
+        all?: csstype.Property.All | undefined;
+        animation?: csstype.Property.Animation<string & {}> | undefined;
+        animationRange?: csstype.Property.AnimationRange<string | number> | undefined;
+        background: csstype.Property.Background<string | number>;
+        backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
+        border?: csstype.Property.Border<string | number> | undefined;
+        borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
+        borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
+        borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
+        borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
+        borderColor?: csstype.Property.BorderColor | undefined;
+        borderImage?: csstype.Property.BorderImage | undefined;
+        borderInline?: csstype.Property.BorderInline<string | number> | undefined;
+        borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
+        borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
+        borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
+        borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+        borderRight?: csstype.Property.BorderRight<string | number> | undefined;
+        borderStyle?: csstype.Property.BorderStyle | undefined;
+        borderTop?: csstype.Property.BorderTop<string | number> | undefined;
+        borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
+        caret?: csstype.Property.Caret | undefined;
+        columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+        columns?: csstype.Property.Columns<string | number> | undefined;
+        containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
+        container?: csstype.Property.Container | undefined;
+        flex?: csstype.Property.Flex<string | number> | undefined;
+        flexFlow?: csstype.Property.FlexFlow | undefined;
+        font?: csstype.Property.Font | undefined;
+        gap?: csstype.Property.Gap<string | number> | undefined;
+        grid?: csstype.Property.Grid | undefined;
+        gridArea?: csstype.Property.GridArea | undefined;
+        gridColumn?: csstype.Property.GridColumn | undefined;
+        gridRow?: csstype.Property.GridRow | undefined;
+        gridTemplate?: csstype.Property.GridTemplate | undefined;
+        inset?: csstype.Property.Inset<string | number> | undefined;
+        insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+        insetInline?: csstype.Property.InsetInline<string | number> | undefined;
+        lineClamp?: csstype.Property.LineClamp | undefined;
+        listStyle?: csstype.Property.ListStyle | undefined;
+        margin?: csstype.Property.Margin<string | number> | undefined;
+        marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
+        marginInline?: csstype.Property.MarginInline<string | number> | undefined;
+        mask?: csstype.Property.Mask<string | number> | undefined;
+        maskBorder?: csstype.Property.MaskBorder | undefined;
+        motion?: csstype.Property.Offset<string | number> | undefined;
+        offset?: csstype.Property.Offset<string | number> | undefined;
+        outline?: csstype.Property.Outline<string | number> | undefined;
+        overflow?: csstype.Property.Overflow | undefined;
+        overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
+        padding: csstype.Property.Padding<string | number>;
+        paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
+        paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
+        placeContent?: csstype.Property.PlaceContent | undefined;
+        placeItems?: csstype.Property.PlaceItems | undefined;
+        placeSelf?: csstype.Property.PlaceSelf | undefined;
+        scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+        scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
+        scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
+        scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
+        scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
+        scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
+        scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+        scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
+        textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
+        textEmphasis?: csstype.Property.TextEmphasis | undefined;
+        transition?: csstype.Property.Transition<string & {}> | undefined;
+        viewTimeline?: csstype.Property.ViewTimeline | undefined;
+        MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+        MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+        MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+        MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+        MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+        MozAnimationName?: csstype.Property.AnimationName | undefined;
+        MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+        MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+        MozAppearance?: csstype.Property.MozAppearance | undefined;
+        MozBinding?: csstype.Property.MozBinding | undefined;
+        MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
+        MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+        MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+        MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+        MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
+        MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
+        MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+        MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+        MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
+        MozBoxSizing?: csstype.Property.BoxSizing | undefined;
+        MozColumnCount?: csstype.Property.ColumnCount | undefined;
+        MozColumnFill?: csstype.Property.ColumnFill | undefined;
+        MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+        MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+        MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+        MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+        MozContextProperties?: csstype.Property.MozContextProperties | undefined;
+        MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+        MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+        MozHyphens?: csstype.Property.Hyphens | undefined;
+        MozImageRegion?: csstype.Property.MozImageRegion | undefined;
+        MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+        MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+        MozOrient?: csstype.Property.MozOrient | undefined;
+        MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+        MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+        MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
+        MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
+        MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
+        MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+        MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+        MozStackSizing?: csstype.Property.MozStackSizing | undefined;
+        MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
+        MozTextBlink?: csstype.Property.MozTextBlink | undefined;
+        MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+        MozUserFocus?: csstype.Property.MozUserFocus | undefined;
+        MozUserModify?: csstype.Property.MozUserModify | undefined;
+        MozUserSelect?: csstype.Property.UserSelect | undefined;
+        MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
+        MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
+        msAccelerator?: csstype.Property.MsAccelerator | undefined;
+        msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
+        msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
+        msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
+        msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
+        msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
+        msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
+        msContentZooming?: csstype.Property.MsContentZooming | undefined;
+        msFilter?: csstype.Property.MsFilter | undefined;
+        msFlexDirection?: csstype.Property.FlexDirection | undefined;
+        msFlexPositive?: csstype.Property.FlexGrow | undefined;
+        msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
+        msFlowInto?: csstype.Property.MsFlowInto | undefined;
+        msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
+        msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
+        msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
+        msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
+        msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
+        msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
+        msHyphens?: csstype.Property.Hyphens | undefined;
+        msImeAlign?: csstype.Property.MsImeAlign | undefined;
+        msLineBreak?: csstype.Property.LineBreak | undefined;
+        msOrder?: csstype.Property.Order | undefined;
+        msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
+        msOverflowX?: csstype.Property.OverflowX | undefined;
+        msOverflowY?: csstype.Property.OverflowY | undefined;
+        msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
+        msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
+        msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
+        msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
+        msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
+        msScrollRails?: csstype.Property.MsScrollRails | undefined;
+        msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
+        msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
+        msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
+        msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
+        msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
+        msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
+        msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
+        msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
+        msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
+        msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
+        msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
+        msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
+        msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
+        msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
+        msTextOverflow?: csstype.Property.TextOverflow | undefined;
+        msTouchAction?: csstype.Property.TouchAction | undefined;
+        msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
+        msTransform?: csstype.Property.Transform | undefined;
+        msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+        msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+        msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+        msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+        msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+        msUserSelect?: csstype.Property.MsUserSelect | undefined;
+        msWordBreak?: csstype.Property.WordBreak | undefined;
+        msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
+        msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
+        msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
+        msWritingMode?: csstype.Property.WritingMode | undefined;
+        WebkitAlignContent?: csstype.Property.AlignContent | undefined;
+        WebkitAlignItems?: csstype.Property.AlignItems | undefined;
+        WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
+        WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+        WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+        WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+        WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+        WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+        WebkitAnimationName?: csstype.Property.AnimationName | undefined;
+        WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+        WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+        WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
+        WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
+        WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+        WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+        WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+        WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+        WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
+        WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
+        WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
+        WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+        WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+        WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+        WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+        WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+        WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+        WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
+        WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
+        WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
+        WebkitClipPath?: csstype.Property.ClipPath | undefined;
+        WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
+        WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
+        WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+        WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+        WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+        WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
+        WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+        WebkitFilter?: csstype.Property.Filter | undefined;
+        WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+        WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
+        WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
+        WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
+        WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
+        WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+        WebkitFontKerning?: csstype.Property.FontKerning | undefined;
+        WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+        WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+        WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+        WebkitHyphens?: csstype.Property.Hyphens | undefined;
+        WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
+        WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
+        WebkitLineBreak?: csstype.Property.LineBreak | undefined;
+        WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
+        WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+        WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+        WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
+        WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+        WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+        WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
+        WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
+        WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+        WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
+        WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
+        WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
+        WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
+        WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
+        WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
+        WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
+        WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
+        WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
+        WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
+        WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
+        WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+        WebkitOrder?: csstype.Property.Order | undefined;
+        WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
+        WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+        WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+        WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
+        WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+        WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+        WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
+        WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+        WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+        WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
+        WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
+        WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+        WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+        WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+        WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+        WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+        WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+        WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+        WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
+        WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
+        WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+        WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
+        WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
+        WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+        WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
+        WebkitTransform?: csstype.Property.Transform | undefined;
+        WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+        WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
+        WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+        WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+        WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+        WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+        WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
+        WebkitUserSelect?: csstype.Property.UserSelect | undefined;
+        WebkitWritingMode?: csstype.Property.WritingMode | undefined;
+        MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
+        MozBorderImage?: csstype.Property.BorderImage | undefined;
+        MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+        MozColumns?: csstype.Property.Columns<string | number> | undefined;
+        MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
+        msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
+        msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
+        msFlex?: csstype.Property.Flex<string | number> | undefined;
+        msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
+        msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
+        msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
+        msTransition?: csstype.Property.Transition<string & {}> | undefined;
+        WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
+        WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
+        WebkitBorderImage?: csstype.Property.BorderImage | undefined;
+        WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+        WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+        WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
+        WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
+        WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
+        WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
+        WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
+        WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
+        WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
+        WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
+        azimuth?: csstype.Property.Azimuth | undefined;
+        boxAlign?: csstype.Property.BoxAlign | undefined;
+        boxDirection?: csstype.Property.BoxDirection | undefined;
+        boxFlex?: csstype.Property.BoxFlex | undefined;
+        boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+        boxLines?: csstype.Property.BoxLines | undefined;
+        boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+        boxOrient?: csstype.Property.BoxOrient | undefined;
+        boxPack?: csstype.Property.BoxPack | undefined;
+        clip?: csstype.Property.Clip | undefined;
+        gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
+        gridGap?: csstype.Property.GridGap<string | number> | undefined;
+        gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
+        imeMode?: csstype.Property.ImeMode | undefined;
+        offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+        offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+        offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+        offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
+        offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+        offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+        scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
+        scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
+        scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
+        scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
+        scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
+        scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
+        KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
+        KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
+        KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
+        KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+        KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
+        KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+        KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
+        KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
+        KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
+        KhtmlOpacity?: csstype.Property.Opacity | undefined;
+        KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
+        MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+        MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+        MozBackgroundInlinePolicy?: csstype.Property.BoxDecorationBreak | undefined;
+        MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+        MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+        MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+        MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+        MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+        MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+        MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+        MozBoxAlign?: csstype.Property.BoxAlign | undefined;
+        MozBoxDirection?: csstype.Property.BoxDirection | undefined;
+        MozBoxFlex?: csstype.Property.BoxFlex | undefined;
+        MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+        MozBoxOrient?: csstype.Property.BoxOrient | undefined;
+        MozBoxPack?: csstype.Property.BoxPack | undefined;
+        MozBoxShadow?: csstype.Property.BoxShadow | undefined;
+        MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
+        MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
+        MozOpacity?: csstype.Property.Opacity | undefined;
+        MozOutline?: csstype.Property.Outline<string | number> | undefined;
+        MozOutlineColor?: csstype.Property.OutlineColor | undefined;
+        MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
+        MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+        MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
+        MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+        MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
+        MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+        MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+        MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+        MozTransform?: csstype.Property.Transform | undefined;
+        MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: csstype.Property.TransformStyle | undefined;
+        MozTransition?: csstype.Property.Transition<string & {}> | undefined;
+        MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+        MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+        MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+        MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+        MozUserInput?: csstype.Property.MozUserInput | undefined;
+        msImeMode?: csstype.Property.ImeMode | undefined;
+        OAnimation?: csstype.Property.Animation<string & {}> | undefined;
+        OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+        OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+        OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+        OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+        OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+        OAnimationName?: csstype.Property.AnimationName | undefined;
+        OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+        OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+        OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+        OBorderImage?: csstype.Property.BorderImage | undefined;
+        OObjectFit?: csstype.Property.ObjectFit | undefined;
+        OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+        OTabSize?: csstype.Property.TabSize<string | number> | undefined;
+        OTextOverflow?: csstype.Property.TextOverflow | undefined;
+        OTransform?: csstype.Property.Transform | undefined;
+        OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+        OTransition?: csstype.Property.Transition<string & {}> | undefined;
+        OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+        OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+        OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+        OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+        WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
+        WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
+        WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
+        WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+        WebkitBoxLines?: csstype.Property.BoxLines | undefined;
+        WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+        WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
+        WebkitBoxPack?: csstype.Property.BoxPack | undefined;
+        alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
+        baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
+        clipRule?: csstype.Property.ClipRule | undefined;
+        colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
+        colorRendering?: csstype.Property.ColorRendering | undefined;
+        dominantBaseline?: csstype.Property.DominantBaseline | undefined;
+        fill?: csstype.Property.Fill | undefined;
+        fillOpacity?: csstype.Property.FillOpacity | undefined;
+        fillRule?: csstype.Property.FillRule | undefined;
+        floodColor?: csstype.Property.FloodColor | undefined;
+        floodOpacity?: csstype.Property.FloodOpacity | undefined;
+        glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
+        lightingColor?: csstype.Property.LightingColor | undefined;
+        marker?: csstype.Property.Marker | undefined;
+        markerEnd?: csstype.Property.MarkerEnd | undefined;
+        markerMid?: csstype.Property.MarkerMid | undefined;
+        markerStart?: csstype.Property.MarkerStart | undefined;
+        shapeRendering?: csstype.Property.ShapeRendering | undefined;
+        stopColor?: csstype.Property.StopColor | undefined;
+        stopOpacity?: csstype.Property.StopOpacity | undefined;
+        stroke?: csstype.Property.Stroke | undefined;
+        strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
+        strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
+        strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
+        strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
+        strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
+        strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
+        strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
+        textAnchor?: csstype.Property.TextAnchor | undefined;
+        vectorEffect?: csstype.Property.VectorEffect | undefined;
+    };
+}, HTMLElement> | null;
+/**
+ * `useReverification(callback, opts)` — wraps a sensitive action so the
+ * caller is automatically prompted for reverification on
+ * `REVERIFICATION_REQUIRED|EXPIRED|INVALID|USED|LEVEL_INSUFFICIENT`
+ * responses, then retried once.
+ *
+ * Pattern matches Clerk's `useReverification`: provide the work, get
+ * back a function that throws only when the user cancels or
+ * reverification fails.
+ */
+interface UseReverificationOptions {
+    level?: "password" | "mfa";
+    prompt?: (level: "password" | "mfa") => Promise<{
+        password?: string;
+        totp?: string;
+        method?: "totp" | "sms" | "email";
+    } | null>;
+}
+declare function useReverification<T extends (...args: any[]) => Promise<Response>>(fn: (token: string | null) => T, opts?: UseReverificationOptions): T;
+interface CreateOrganizationProps {
+    iqAuthBaseUrl: string;
+    defaultRole?: string;
+    /** When provided, navigate the browser to this URL after creation (after `onCreated`). */
+    redirectUrl?: string | ((tenant: {
+        id: string;
+        name: string;
+        slug: string;
+    }) => string);
+    onCreated?: (tenant: {
+        id: string;
+        name: string;
+        slug: string;
+    }) => void;
+    /** Hide the inline shell (useful when embedding inside another card). */
+    unstyled?: boolean;
+    appearance?: IQAuthAppearance;
+    className?: string;
+}
+/** Slug helper: `Acme, Inc!` → `acme-inc`. Exported for parity with the hosted form. */
+declare function slugify(input: string): string;
+/**
+ * `<CreateOrganization/>` — render an inline form that POSTs to
+ * `/api/v1/tenants` to create a new tenant. Slug auto-generates from
+ * the name (the user can override before submit). Optional `metadata`
+ * is forwarded; optional `redirectUrl` navigates the browser after
+ * the `onCreated` callback fires. Mirrors Clerk's `<CreateOrganization/>`
+ * ergonomics.
+ */
+declare function CreateOrganization({ iqAuthBaseUrl, onCreated, redirectUrl, unstyled, appearance, className }: CreateOrganizationProps): react_jsx_runtime.JSX.Element;
+interface OrganizationProfileProps {
+    iqAuthBaseUrl: string;
+    tenantId?: string;
+    /** Tabs visible to the user. Defaults to all four. */
+    tabs?: Array<"general" | "members" | "invitations" | "danger">;
+    /** Called after the tenant is deleted (for navigation/cleanup). */
+    onDeleted?: (tenantId: string) => void;
+    appearance?: IQAuthAppearance;
+    className?: string;
+}
+/**
+ * `<OrganizationProfile/>` — manage the active (or specified) tenant:
+ * rename it, invite members, change member roles, and remove members.
+ * Mirrors Clerk's `<OrganizationProfile/>`.
+ */
+declare function OrganizationProfile({ iqAuthBaseUrl, tenantId: tenantIdProp, tabs, onDeleted, appearance, className }: OrganizationProfileProps): react_jsx_runtime.JSX.Element;
+interface OrganizationListProps {
+    iqAuthBaseUrl: string;
+    onSelect?: (tenantId: string) => void;
+    /** When true (default), shows a "Create new organization" CTA that toggles an inline `<CreateOrganization/>`. */
+    showCreate?: boolean;
+    /** URL to navigate to after a new organization is created (passed to `<CreateOrganization redirectUrl=…/>`). */
+    createRedirectUrl?: string | ((tenant: {
+        id: string;
+        name: string;
+        slug: string;
+    }) => string);
+    appearance?: IQAuthAppearance;
+    className?: string;
+}
+/**
+ * `<OrganizationList/>` — list every tenant the signed-in user
+ * belongs to, with the active tenant highlighted. Clicking an
+ * inactive entry calls `/api/v1/auth/select-tenant` to switch.
+ */
+declare function OrganizationList({ iqAuthBaseUrl, onSelect, showCreate, createRedirectUrl, appearance, className }: OrganizationListProps): react_jsx_runtime.JSX.Element;
+interface WaitlistProps {
+    iqAuthBaseUrl: string;
+    appKey?: string;
+    appId?: string;
+    /** Title shown above the form (defaults to "Join the waitlist"). */
+    title?: string;
+    /** Subtitle / description shown above the form. */
+    subtitle?: string;
+    /** Replace the success message after submission. */
+    successMessage?: string;
+    appearance?: IQAuthAppearance;
+    className?: string;
+}
+/**
+ * `<Waitlist/>` — collect email + optional name and POST to
+ * `/api/v1/waitlist`. Used when an app has waitlist gating enabled
+ * and self-signup is closed.
+ */
+declare function Waitlist({ iqAuthBaseUrl, appKey, appId, title, subtitle, successMessage, appearance, className }: WaitlistProps): react_jsx_runtime.JSX.Element;
+
+interface UseMagicLinkResult {
+    request: (input: MagicLinkRequestInput) => Promise<void>;
+    sent: boolean;
+    busy: boolean;
+    error: string | null;
+}
+declare function useMagicLink(override?: Partial<PasswordlessOptions>): UseMagicLinkResult;
+interface UsePasskeyResult {
+    signIn: (input?: {
+        email?: string;
+    }) => Promise<unknown>;
+    enroll: (name?: string) => Promise<unknown>;
+    busy: boolean;
+    error: string | null;
+}
+declare function usePasskey(override?: Partial<PasswordlessOptions>): UsePasskeyResult;
+interface UseLinkedIdentitiesResult {
+    identities: LinkedIdentity[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+    link: (input: LinkProviderInput) => Promise<void>;
+    unlink: (provider: string, password?: string) => Promise<void>;
+}
+declare function useLinkedIdentities(override?: Partial<PasswordlessOptions>): UseLinkedIdentitiesResult;
+interface MagicLinkSignInFormProps extends Partial<PasswordlessOptions> {
+    appId?: string;
+    redirectUri: string;
+    className?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+}
+declare function MagicLinkSignInForm(props: MagicLinkSignInFormProps): react_jsx_runtime.JSX.Element;
+interface PasskeySignInButtonProps extends Partial<PasswordlessOptions> {
+    email?: string;
+    className?: string;
+    children?: ReactNode;
+}
+declare function PasskeySignInButton({ email, className, children, ...rest }: PasskeySignInButtonProps): react_jsx_runtime.JSX.Element;
+interface LinkedAccountsProps extends Partial<PasswordlessOptions> {
     className?: string;
+    onChange?: () => void;
 }
-declare function OrganizationSwitcher({ iqAuthBaseUrl, onSwitched, className }: OrganizationSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function LinkedAccounts({ className, onChange, ...rest }: LinkedAccountsProps): react_jsx_runtime.JSX.Element;
 declare const __version__ = "phase-bc-1.0.0";
 
-export { AuthCallback, type AuthCallbackProps, type IQAuthBranding, IQAuthLoaded, IQAuthLoading, IQAuthProvider, type IQAuthProviderProps, type IQAuthSignInContext, OrganizationSwitcher, type OrganizationSwitcherProps, RedirectToSignIn, type RedirectToSignInProps, type SessionError, type SharedComponentProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, type UseAuthResult, type UseOrganizationResult, type UseSessionResult, type UseUserResult, UserButton, type UserButtonProps, UserProfile, type UserProfileProps, type UserSummary, __version__, isSilentSsoEligible, sanitizeBrandCss, useAuth, useAuthFetch, useIQAuthSignInContext, useOrganization, useResolvedSdkBranding, useSession, useUser };
+export { type AccountSummary, AuthCallback, type AuthCallbackProps, CreateOrganization, type CreateOrganizationProps, type IQAuthAppearance, type IQAuthAppearanceElements, type IQAuthBranding, IQAuthLoaded, IQAuthLoading, IQAuthLocaleBundle, IQAuthLocaleKey, IQAuthLocaleOverride, IQAuthProvider, type IQAuthProviderProps, IQAuthReturnToBouncer, type IQAuthReturnToBouncerProps, type IQAuthSignInContext, ImpersonationBanner, type ImpersonationBannerProps, type ImpersonationInfo, LinkedAccounts, type LinkedAccountsProps, MagicLinkSignInForm, type MagicLinkSignInFormProps, MultisessionAppSupport, OrganizationList, type OrganizationListProps, OrganizationProfile, type OrganizationProfileProps, OrganizationSwitcher, type OrganizationSwitcherProps, PasskeySignInButton, type PasskeySignInButtonProps, Protect, type ProtectProps, RedirectToSignIn, type RedirectToSignInProps, RedirectToSignedIn, type RedirectToSignedInProps, type SanitizeReturnToOptions, type SessionError, type SessionListItem, type SharedComponentProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, type UseAccountSwitcherResult, type UseAuthResult, type UseLinkedIdentitiesResult, type UseMagicLinkResult, type UseOrganizationResult, type UsePasskeyResult, type UseReturnToOptions, type UseReverificationOptions, type UseSessionListResult, type UseSessionResult, type UseUserResult, UserButton, type UserButtonProps, UserProfile, type UserProfileProps, type UserSummary, Waitlist, type WaitlistProps, __version__, isReturnToAllowed, isSilentSsoEligible, preflightReturnTo, revokeSession, sanitizeBrandCss, sanitizeReturnTo, slugify, useAccountList, useAccountSwitcher, useAuth, useAuthFetch, useIQAuthSignInContext, useImpersonation, useLinkedIdentities, useLocale, useMagicLink, useOrganization, usePasskey, useResolvedSdkBranding, useReturnTo, useReverification, useSession, useSessionList, useT, useUser };