@ory/elements-react 1.0.0-next.17 → 1.0.0-next.19

package/dist/index.d.mts

@@ -7,8 +7,7 @@ import { IntlShape } from 'react-intl';
 
 declare const buttonStyles: (props?: ({
     intent?: "primary" | "secondary" | null | undefined;
-    size?: "default" | "large" | null | undefined;
-    defaultVariants?: "intent" | "size" | null | undefined;
+    defaultVariants?: "intent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonStyles>;
 
@@ -57,7 +56,9 @@ type OryFormSectionContentProps = PropsWithChildren<{
     title?: string;
     description?: string;
 }>;
-type OryFormSectionFooterProps = PropsWithChildren;
+type OryFormSectionFooterProps = PropsWithChildren<{
+    text?: string;
+}>;
 
 type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
@@ -119,32 +120,42 @@ declare function OrySettingsCard(): react_jsx_runtime.JSX.Element;
 
 type OrySettingsRecoveryCodesProps = {
     codes: string[];
-    regnerateButton?: UiNode;
-    revealButton?: UiNode;
+    regnerateButton: UiNode | undefined;
+    revealButton: UiNode | undefined;
+    onRegenerate: () => void;
+    onReveal: () => void;
 };
 type OrySettingsTotpProps = {
-    totpImage: UiNode;
-    totpSecret: UiNode;
-    totpInput: UiNode;
-} | {
-    totpUnlink: UiNode;
+    totpImage: UiNode | undefined;
+    totpSecret: UiNode | undefined;
+    totpInput: UiNode | undefined;
+    totpUnlink: UiNode | undefined;
+    onUnlink: () => void;
 };
 type OrySettingsOidcProps = {
-    linkButtons: UiNode[];
-    unlinkButtons: UiNode[];
+    linkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+    unlinkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 type OrySettingsWebauthnProps = {
     nameInput: UiNode;
     triggerButton: UiNode & {
         onClick: () => void;
     };
-    removeButtons: UiNode[];
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 type OrySettingsPasskeyProps = {
     triggerButton: UiNode & {
         onClick: () => void;
     };
-    removeButtons: UiNode[];
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 
 type OryFormGroupsProps = PropsWithChildren<{
@@ -159,10 +170,16 @@ type OryMessageContentProps = {
 type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 declare function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
 
-type OryFormSectionProps = PropsWithChildren<{
+type OryFormProps$1 = Omit<ComponentPropsWithoutRef<"form">, "action" | "method" | "onSubmit">;
+type OryFormSectionProps = PropsWithChildren<OryFormProps$1 & {
     nodes?: UiNode[];
 }>;
-declare function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
+type OryCardSettingsSectionProps = PropsWithChildren & {
+    action: string;
+    method: string;
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
+declare function OryFormSection({ children, nodes, ...rest }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
 
 type OryFormOidcButtonsProps = PropsWithChildren<{
     hideDivider?: boolean;
@@ -258,7 +275,7 @@ type OryFlowComponents = {
         /**
          * The SettingsSection component is rendered around each section of the settings.
          */
-        SettingsSection: ComponentType<OryFormSectionProps>;
+        SettingsSection: ComponentType<OryCardSettingsSectionProps>;
         /**
          * The SettingsSectionContent component is rendered around the content of each section of the settings.
          */
@@ -266,7 +283,7 @@ type OryFlowComponents = {
         /**
          * The SettingsSectionFooter component is rendered around the footer of each section of the settings.
          */
-        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionFooterProps>;
     };
     Form: {
         /**
@@ -562,4 +579,4 @@ type OryProviderProps = {
 } & OryFlowContainer & PropsWithChildren;
 declare function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcButtonsProps, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, locales as OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcButtonsProps, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, locales as OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };

package/dist/index.d.ts

@@ -7,8 +7,7 @@ import { IntlShape } from 'react-intl';
 
 declare const buttonStyles: (props?: ({
     intent?: "primary" | "secondary" | null | undefined;
-    size?: "default" | "large" | null | undefined;
-    defaultVariants?: "intent" | "size" | null | undefined;
+    defaultVariants?: "intent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonStyles>;
 
@@ -57,7 +56,9 @@ type OryFormSectionContentProps = PropsWithChildren<{
     title?: string;
     description?: string;
 }>;
-type OryFormSectionFooterProps = PropsWithChildren;
+type OryFormSectionFooterProps = PropsWithChildren<{
+    text?: string;
+}>;
 
 type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
@@ -119,32 +120,42 @@ declare function OrySettingsCard(): react_jsx_runtime.JSX.Element;
 
 type OrySettingsRecoveryCodesProps = {
     codes: string[];
-    regnerateButton?: UiNode;
-    revealButton?: UiNode;
+    regnerateButton: UiNode | undefined;
+    revealButton: UiNode | undefined;
+    onRegenerate: () => void;
+    onReveal: () => void;
 };
 type OrySettingsTotpProps = {
-    totpImage: UiNode;
-    totpSecret: UiNode;
-    totpInput: UiNode;
-} | {
-    totpUnlink: UiNode;
+    totpImage: UiNode | undefined;
+    totpSecret: UiNode | undefined;
+    totpInput: UiNode | undefined;
+    totpUnlink: UiNode | undefined;
+    onUnlink: () => void;
 };
 type OrySettingsOidcProps = {
-    linkButtons: UiNode[];
-    unlinkButtons: UiNode[];
+    linkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
+    unlinkButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 type OrySettingsWebauthnProps = {
     nameInput: UiNode;
     triggerButton: UiNode & {
         onClick: () => void;
     };
-    removeButtons: UiNode[];
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 type OrySettingsPasskeyProps = {
     triggerButton: UiNode & {
         onClick: () => void;
     };
-    removeButtons: UiNode[];
+    removeButtons: (UiNode & {
+        onClick: () => void;
+    })[];
 };
 
 type OryFormGroupsProps = PropsWithChildren<{
@@ -159,10 +170,16 @@ type OryMessageContentProps = {
 type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 declare function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
 
-type OryFormSectionProps = PropsWithChildren<{
+type OryFormProps$1 = Omit<ComponentPropsWithoutRef<"form">, "action" | "method" | "onSubmit">;
+type OryFormSectionProps = PropsWithChildren<OryFormProps$1 & {
     nodes?: UiNode[];
 }>;
-declare function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
+type OryCardSettingsSectionProps = PropsWithChildren & {
+    action: string;
+    method: string;
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
+declare function OryFormSection({ children, nodes, ...rest }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
 
 type OryFormOidcButtonsProps = PropsWithChildren<{
     hideDivider?: boolean;
@@ -258,7 +275,7 @@ type OryFlowComponents = {
         /**
          * The SettingsSection component is rendered around each section of the settings.
          */
-        SettingsSection: ComponentType<OryFormSectionProps>;
+        SettingsSection: ComponentType<OryCardSettingsSectionProps>;
         /**
          * The SettingsSectionContent component is rendered around the content of each section of the settings.
          */
@@ -266,7 +283,7 @@ type OryFlowComponents = {
         /**
          * The SettingsSectionFooter component is rendered around the footer of each section of the settings.
          */
-        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionFooterProps>;
     };
     Form: {
         /**
@@ -562,4 +579,4 @@ type OryProviderProps = {
 } & OryFlowContainer & PropsWithChildren;
 declare function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcButtonsProps, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, locales as OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcButtonsProps, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, locales as OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };