@ory/elements-react 1.0.0-next.14 → 1.0.0-next.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ory/elements-react",
-  "version": "1.0.0-next.14",
+  "version": "1.0.0-next.16",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -36,7 +36,7 @@
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@ory/client-fetch": "1.15.6",
+    "@ory/client-fetch": "^1.15.12",
     "@radix-ui/react-dropdown-menu": "2.1.2",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",

package/tailwind.config.ts

@@ -31,7 +31,7 @@ const config: Config = {
       borderRadius: variables.borderRadius,
     },
     fontFamily: {
-      sans: ['"Inter var", sans-serif'],
+      sans: ["var(--font-sans)"],
     },
     colors: {
       ...variables.colors.light,

package/api-report/temp/elements-react-client.api.md

@@ -1,22 +0,0 @@
-## API Report File for "@ory/elements-react"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { Session } from '@ory/client-fetch';
-
-// @public
-export const useSession: (config?: {
-    sdk: {
-        url: string;
-    };
-}) => {
-    session: Session | undefined;
-    error: string | undefined;
-    isLoading: boolean;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```

package/api-report/temp/elements-react-theme.api.md

@@ -1,131 +0,0 @@
-## API Report File for "@ory/elements-react"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentPropsWithoutRef } from 'react';
-import { ComponentType } from 'react';
-import { ConfigurationParameters } from '@ory/client-fetch';
-import { DetailedHTMLProps } from 'react';
-import { FlowError } from '@ory/client-fetch';
-import { FormEventHandler } from 'react';
-import { HTMLAttributes } from 'react';
-import { LoginFlow } from '@ory/client-fetch';
-import { MouseEventHandler } from 'react';
-import { PropsWithChildren } from 'react';
-import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RecoveryFlow } from '@ory/client-fetch';
-import { RegistrationFlow } from '@ory/client-fetch';
-import { SettingsFlow } from '@ory/client-fetch';
-import { UiNode } from '@ory/client-fetch';
-import { UiNodeAnchorAttributes } from '@ory/client-fetch';
-import { UiNodeImageAttributes } from '@ory/client-fetch';
-import { UiNodeInputAttributes } from '@ory/client-fetch';
-import { UiNodeTextAttributes } from '@ory/client-fetch';
-import { UiText } from '@ory/client-fetch';
-import { VariantProps } from 'class-variance-authority';
-import { VerificationFlow } from '@ory/client-fetch';
-
-// Warning: (ae-forgotten-export) The symbol "OryCardRootProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function DefaultCard({ children }: OryCardRootProps): react_jsx_runtime.JSX.Element;
-
-// Warning: (ae-forgotten-export) The symbol "OryCardContentProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function DefaultCardContent({ children }: OryCardContentProps): react.ReactNode;
-
-// @public (undocumented)
-export function DefaultCardFooter(): react_jsx_runtime.JSX.Element | null;
-
-// @public (undocumented)
-export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
-
-// Warning: (ae-forgotten-export) The symbol "OryFormRootProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function DefaultFormContainer({ children, onSubmit, action, method, }: PropsWithChildren<OryFormRootProps>): react_jsx_runtime.JSX.Element;
-
-// Warning: (ae-forgotten-export) The symbol "OryMessageContentProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function DefaultMessage({ message }: OryMessageContentProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export function DefaultMessageContainer({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element | null;
-
-// @public (undocumented)
-function Error_2({ error, children, }: PropsWithChildren<ErrorFlowContextProps>): react_jsx_runtime.JSX.Element;
-export { Error_2 as Error }
-
-// @public (undocumented)
-export type ErrorFlowContextProps = {
-    error: FlowError;
-    components?: OryFlowComponentOverrides;
-    config: OryClientConfiguration;
-};
-
-// Warning: (ae-forgotten-export) The symbol "OryFlowComponents" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function getOryComponents(overrides?: OryFlowComponentOverrides): OryFlowComponents;
-
-// @public (undocumented)
-export function Login({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<LoginFlowContextProps>): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type LoginFlowContextProps = {
-    flow: LoginFlow;
-    components?: OryFlowComponentOverrides;
-    config: OryClientConfiguration;
-};
-
-// @public (undocumented)
-export function Recovery({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<RecoveryFlowContextProps>): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type RecoveryFlowContextProps = {
-    flow: RecoveryFlow;
-    components?: OryFlowComponentOverrides;
-    config: OryClientConfiguration;
-};
-
-// Warning: (ae-forgotten-export) The symbol "RegistrationFlowContextProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export function Registration({ flow, children, components: flowOverrideComponents, config, }: PropsWithChildren<RegistrationFlowContextProps>): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export function Settings({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<SettingsFlowContextProps>): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type SettingsFlowContextProps = {
-    flow: SettingsFlow;
-    components?: OryFlowComponentOverrides;
-    config: OryClientConfiguration;
-};
-
-// @public (undocumented)
-export function Verification({ flow, config, children, components: flowOverrideComponents, }: PropsWithChildren<VerificationFlowContextProps>): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type VerificationFlowContextProps = {
-    flow: VerificationFlow;
-    components?: OryFlowComponentOverrides;
-    config: OryClientConfiguration;
-};
-
-// Warnings were encountered during analysis:
-//
-// dist/theme/default/index.d.ts:25:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
-// dist/theme/default/index.d.ts:26:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
-
-// (No @packageDocumentation comment for this package)
-
-```

package/api-report/temp/elements-react.api.md

@@ -1,406 +0,0 @@
-## API Report File for "@ory/elements-react"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ComponentPropsWithoutRef } from 'react';
-import { ComponentType } from 'react';
-import { ConfigurationParameters } from '@ory/client-fetch';
-import { DetailedHTMLProps } from 'react';
-import { Dispatch } from 'react';
-import { FlowError } from '@ory/client-fetch';
-import { FlowType } from '@ory/client-fetch';
-import { FormEventHandler } from 'react';
-import { HTMLAttributes } from 'react';
-import { IntlShape } from 'react-intl';
-import { LoginFlow } from '@ory/client-fetch';
-import { MouseEventHandler } from 'react';
-import { OnRedirectHandler } from '@ory/client-fetch';
-import { PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RecoveryFlow } from '@ory/client-fetch';
-import { RegistrationFlow } from '@ory/client-fetch';
-import { SettingsFlow } from '@ory/client-fetch';
-import { UiNode } from '@ory/client-fetch';
-import { UiNodeAnchorAttributes } from '@ory/client-fetch';
-import { UiNodeGroupEnum } from '@ory/client-fetch';
-import { UiNodeImageAttributes } from '@ory/client-fetch';
-import { UiNodeInputAttributes } from '@ory/client-fetch';
-import { UiNodeTextAttributes } from '@ory/client-fetch';
-import { UiText } from '@ory/client-fetch';
-import { UpdateLoginFlowBody } from '@ory/client-fetch';
-import { UpdateRecoveryFlowBody } from '@ory/client-fetch';
-import { UpdateRegistrationFlowBody } from '@ory/client-fetch';
-import { UpdateSettingsFlowBody } from '@ory/client-fetch';
-import { UpdateVerificationFlowBody } from '@ory/client-fetch';
-import { VariantProps } from 'class-variance-authority';
-import { VerificationFlow } from '@ory/client-fetch';
-
-// Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
-//
-// @public
-export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
-
-// @public
-export type FlowContainerSetter = Dispatch<Partial<OryFlowContainer>>;
-
-// @public
-export type FlowContextValue = OryFlowContainer & {
-    setFlowContainer: FlowContainerSetter;
-};
-
-// @public
-export type FormValues = Record<string, string | boolean | number | undefined>;
-
-// @public (undocumented)
-export const HeadlessPageHeader: () => react_jsx_runtime.JSX.Element;
-
-// Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type IntlConfig = IntlContextProps;
-
-// @public
-export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
-
-// @public
-export function messageTestId(message: UiText): {
-    "data-testid": string;
-};
-
-// @public
-export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
-    setFlowContainer: (flowContainer: OryFlowContainer) => void;
-    body: T;
-    onRedirect: OnRedirectHandler;
-};
-
-// @public
-export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
-
-// @public
-export type OryCardAuthMethodListItemProps = {
-    onClick: () => void;
-    group: string;
-};
-
-// @public
-export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
-
-// @public
-export type OryCardContentProps = PropsWithChildren;
-
-// @public
-export type OryCardDividerProps = Record<string, never>;
-
-// @public (undocumented)
-export function OryCardFooter(): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryCardFooterProps = Record<string, never>;
-
-// @public (undocumented)
-export function OryCardHeader(): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryCardHeaderProps = Record<string, never>;
-
-// @public (undocumented)
-export type OryCardLogoProps = Record<string, never>;
-
-// @public (undocumented)
-export type OryCardProps = PropsWithChildren;
-
-// @public (undocumented)
-export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
-
-// @public (undocumented)
-export type OryClientConfiguration = {
-    name: string;
-    logoUrl?: string;
-    stylesheet?: string;
-    favicon?: string;
-    sdk: {
-        url: string;
-        options?: Partial<ConfigurationParameters>;
-    };
-    project: {
-        registration_enabled: boolean;
-        verification_enabled: boolean;
-        recovery_enabled: boolean;
-        recovery_ui_url: string;
-        registration_ui_url: string;
-        verification_ui_url: string;
-        login_ui_url: string;
-    };
-    intl?: IntlConfig;
-};
-
-// @public (undocumented)
-export type OryCurrentIdentifierProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick?: () => void;
-    href?: string;
-} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
-
-// Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
-
-// @public
-export type OryFlowComponents = {
-    Node: {
-        Button: ComponentType<OryNodeButtonProps>;
-        OidcButton: ComponentType<OryNodeOidcButtonProps>;
-        CurrentIdentifierButton: ComponentType<OryCurrentIdentifierProps>;
-        Anchor: ComponentType<OryNodeAnchorProps>;
-        Input: ComponentType<OryNodeInputProps>;
-        CodeInput: ComponentType<OryNodeInputProps>;
-        Image: ComponentType<OryNodeImageProps>;
-        Label: ComponentType<OryNodeLabelProps>;
-        Checkbox: ComponentType<OryNodeInputProps>;
-        Text: ComponentType<OryNodeTextProps>;
-    };
-    Card: {
-        Root: ComponentType<OryCardProps>;
-        Footer: ComponentType<OryCardFooterProps>;
-        Header: ComponentType<OryCardProps>;
-        Content: ComponentType<OryCardContentProps>;
-        Logo: ComponentType<OryCardLogoProps>;
-        Divider: ComponentType<OryCardDividerProps>;
-        AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
-        SettingsSection: ComponentType<OryFormSectionProps>;
-        SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
-        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
-    };
-    Form: {
-        Root: ComponentType<OryFormRootProps>;
-        OidcRoot: ComponentType<OryFormOidcRootProps>;
-        Group: ComponentType<OryFormGroupProps>;
-        OidcSettings: ComponentType<OrySettingsOidcProps>;
-        WebauthnSettings: ComponentType<OrySettingsWebauthnProps>;
-        PasskeySettings: ComponentType<OrySettingsPasskeyProps>;
-        TotpSettings: ComponentType<OrySettingsTotpProps>;
-        RecoveryCodesSettings: ComponentType<OrySettingsRecoveryCodesProps>;
-    };
-    Message: {
-        Root: ComponentType<OryMessageRootProps>;
-        Content: ComponentType<OryMessageContentProps>;
-    };
-    Page: {
-        Header: ComponentType<OryPageHeaderProps>;
-    };
-};
-
-// @public
-export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
-
-// @public (undocumented)
-export function OryForm({ children, onAfterSubmit, nodes }: OryFormProps): string | react_jsx_runtime.JSX.Element;
-
-// @public
-export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
-
-// @public (undocumented)
-export type OryFormGroupProps = PropsWithChildren;
-
-// @public (undocumented)
-export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryFormGroupsProps = PropsWithChildren<{
-    groups: UiNodeGroupEnum[];
-}>;
-
-// @public (undocumented)
-export function OryFormOidcButtons({ children, hideDivider, }: OryFormOidcButtonsProps): react_jsx_runtime.JSX.Element | null;
-
-// @public (undocumented)
-export type OryFormOidcButtonsProps = PropsWithChildren<{
-    hideDivider?: boolean;
-}>;
-
-// @public (undocumented)
-export type OryFormOidcRootProps = PropsWithChildren<{
-    nodes: UiNode[];
-}>;
-
-// @public (undocumented)
-export type OryFormProps = PropsWithChildren<{
-    onAfterSubmit?: (method: string | number | boolean | undefined) => void;
-    nodes?: UiNode[];
-}>;
-
-// @public (undocumented)
-export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
-    onSubmit: FormEventHandler<HTMLFormElement>;
-};
-
-// @public (undocumented)
-export function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryFormSectionContentProps = PropsWithChildren<{
-    title?: string;
-    description?: string;
-}>;
-
-// @public (undocumented)
-export type OryFormSectionFooterProps = PropsWithChildren;
-
-// @public (undocumented)
-export type OryFormSectionProps = PropsWithChildren<{
-    nodes?: UiNode[];
-}>;
-
-// @public (undocumented)
-export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
-
-// Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export const OryLocales: LocaleMap;
-
-// @public (undocumented)
-export type OryMessageContentProps = {
-    message: UiText;
-};
-
-// @public (undocumented)
-export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-
-// @public (undocumented)
-export type OryNodeAnchorProps = {
-    attributes: UiNodeAnchorAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"a">, "children">;
-
-// Warning: (ae-forgotten-export) The symbol "ButtonVariants" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export type OryNodeButtonProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & Omit<ComponentPropsWithoutRef<"button">, "children"> & ButtonVariants;
-
-// @public (undocumented)
-export type OryNodeImageProps = {
-    attributes: UiNodeImageAttributes;
-    node: UiNode;
-};
-
-// @public (undocumented)
-export type OryNodeInputProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-    onClick?: MouseEventHandler;
-};
-
-// @public (undocumented)
-export type OryNodeLabelProps = {
-    attributes: UiNodeInputAttributes;
-    node: UiNode;
-} & ComponentPropsWithoutRef<"label">;
-
-// @public (undocumented)
-export type OryNodeOidcButtonProps = {
-    node: UiNode;
-    attributes: UiNodeInputAttributes;
-    onClick?: () => void;
-};
-
-// @public (undocumented)
-export type OryNodeTextProps = {
-    attributes: UiNodeTextAttributes;
-    node: UiNode;
-};
-
-// @public (undocumented)
-export type OryPageHeaderProps = Record<never, never>;
-
-// @public (undocumented)
-export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OryProviderProps = {
-    components: OryFlowComponents;
-} & OryFlowContainer & PropsWithChildren;
-
-// @public (undocumented)
-export function OrySettingsCard(): react_jsx_runtime.JSX.Element;
-
-// @public (undocumented)
-export type OrySettingsOidcProps = {
-    linkButtons: UiNode[];
-    unlinkButtons: UiNode[];
-};
-
-// @public (undocumented)
-export type OrySettingsPasskeyProps = {
-    triggerButton: UiNode & {
-        onClick: () => void;
-    };
-    removeButtons: UiNode[];
-};
-
-// @public (undocumented)
-export type OrySettingsRecoveryCodesProps = {
-    codes: string[];
-    regnerateButton?: UiNode;
-    revealButton?: UiNode;
-};
-
-// @public (undocumented)
-export type OrySettingsTotpProps = {
-    totpImage: UiNode;
-    totpSecret: UiNode;
-    totpInput: UiNode;
-} | {
-    totpUnlink: UiNode;
-};
-
-// @public (undocumented)
-export type OrySettingsWebauthnProps = {
-    nameInput: UiNode;
-    triggerButton: UiNode & {
-        onClick: () => void;
-    };
-    removeButtons: UiNode[];
-};
-
-// @public (undocumented)
-export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
-
-// @public
-export type RecoveryFlowContainer = OryFlow<FlowType.Recovery, RecoveryFlow>;
-
-// @public
-export type RegistrationFlowContainer = OryFlow<FlowType.Registration, RegistrationFlow>;
-
-// @public
-export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
-
-// @public
-export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
-
-// @public (undocumented)
-export function useComponents(): OryFlowComponents;
-
-// @public (undocumented)
-export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
-    flowType: string;
-}) => number;
-
-// @public
-export function useOryFlow(): FlowContextValue;
-
-// @public
-export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
-
-// (No @packageDocumentation comment for this package)
-
-```