@ory/elements-react 1.0.0-next.10 → 1.0.0-next.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,6 +4,7 @@
4
4
 
5
5
  ```ts
6
6
 
7
+ import * as class_variance_authority_types from 'class-variance-authority/types';
7
8
  import { ComponentPropsWithoutRef } from 'react';
8
9
  import { ComponentType } from 'react';
9
10
  import { ConfigurationParameters } from '@ory/client-fetch';
@@ -18,10 +19,10 @@ import { LoginFlow } from '@ory/client-fetch';
18
19
  import { MouseEventHandler } from 'react';
19
20
  import { OnRedirectHandler } from '@ory/client-fetch';
20
21
  import { PropsWithChildren } from 'react';
21
- import * as react from 'react';
22
22
  import * as react_jsx_runtime from 'react/jsx-runtime';
23
23
  import { RecoveryFlow } from '@ory/client-fetch';
24
24
  import { RegistrationFlow } from '@ory/client-fetch';
25
+ import { Session } from '@ory/client-fetch';
25
26
  import { SettingsFlow } from '@ory/client-fetch';
26
27
  import { UiNode } from '@ory/client-fetch';
27
28
  import { UiNodeAnchorAttributes } from '@ory/client-fetch';
@@ -35,341 +36,354 @@ import { UpdateRecoveryFlowBody } from '@ory/client-fetch';
35
36
  import { UpdateRegistrationFlowBody } from '@ory/client-fetch';
36
37
  import { UpdateSettingsFlowBody } from '@ory/client-fetch';
37
38
  import { UpdateVerificationFlowBody } from '@ory/client-fetch';
39
+ import { VariantProps } from 'class-variance-authority';
38
40
  import { VerificationFlow } from '@ory/client-fetch';
39
41
 
40
- // @public (undocumented)
41
- export type CustomLanguageFormats = {
42
- [k in (typeof LanguageCodes)[number]]?: Partial<TranslationFile>;
43
- };
44
-
45
- // @public (undocumented)
46
- export type CustomTranslations = {
47
- customTranslations: Partial<CustomLanguageFormats>;
48
- locale: (typeof LanguageCodes)[number];
49
- defaultLocale: (typeof LanguageCodes)[number];
50
- };
51
-
52
- // Warning: (ae-forgotten-export) The symbol "BaseFlow" needs to be exported by the entry point index.d.ts
42
+ // Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
53
43
  //
54
- // @public (undocumented)
55
- export type ErrorFlowContainer = BaseFlow<FlowType.Error, FlowError>;
56
-
57
- // @public (undocumented)
58
- export type FlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
44
+ // @public
45
+ export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
59
46
 
60
- // @public (undocumented)
61
- export type FlowContainerSetter = Dispatch<Partial<FlowContainer>>;
47
+ // @public
48
+ export type FlowContainerSetter = Dispatch<Partial<OryFlowContainer>>;
62
49
 
63
- // @public (undocumented)
64
- export type FlowContextValue = FlowContainer & {
50
+ // @public
51
+ export type FlowContextValue = OryFlowContainer & {
65
52
  setFlowContainer: FlowContainerSetter;
66
53
  };
67
54
 
55
+ // @public
56
+ export type FormValues = Record<string, string | boolean | number | undefined>;
57
+
68
58
  // @public (undocumented)
69
- export function formatMessage(uiText: UiText | undefined, intl: IntlShape): string;
59
+ export const HeadlessPageHeader: () => react_jsx_runtime.JSX.Element;
70
60
 
61
+ // Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
62
+ //
71
63
  // @public (undocumented)
72
- export function formElementId(attributes: {
73
- name: string;
74
- }): {
75
- id: string;
64
+ export type IntlConfig = IntlContextProps;
65
+
66
+ // @public
67
+ export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
68
+
69
+ // @public
70
+ export function messageTestId(message: UiText): {
71
+ "data-testid": string;
76
72
  };
77
73
 
78
- // @public (undocumented)
79
- export function formLabelId(attributes: {
80
- name: string;
81
- }): {
82
- htmlFor: string;
74
+ // @public
75
+ export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
76
+ setFlowContainer: (flowContainer: OryFlowContainer) => void;
77
+ body: T;
78
+ onRedirect: OnRedirectHandler;
83
79
  };
84
80
 
85
- // @public (undocumented)
86
- export type FormValues = Record<string, string | boolean | number | undefined>;
81
+ // @public
82
+ export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
87
83
 
88
- // @public (undocumented)
89
- export type HeadlessAuthMethodListItemProps = {
84
+ // @public
85
+ export type OryCardAuthMethodListItemProps = {
90
86
  onClick: () => void;
91
87
  group: string;
92
88
  };
93
89
 
94
- // @public (undocumented)
95
- export type HeadlessButtonProps = {
96
- attributes: UiNodeInputAttributes;
97
- node: UiNode;
98
- } & Omit<ComponentPropsWithoutRef<"button">, "children">;
90
+ // @public
91
+ export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
99
92
 
100
- // @public (undocumented)
101
- export type HeadlessCurrentIdentifierProps = {
102
- attributes: UiNodeInputAttributes;
103
- node: UiNode;
104
- onClick?: () => void;
105
- href?: string;
106
- } & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
93
+ // @public
94
+ export type OryCardContentProps = PropsWithChildren;
107
95
 
108
- // @public (undocumented)
109
- export type HeadlessFormProps = ComponentPropsWithoutRef<"form"> & {
110
- onSubmit: FormEventHandler<HTMLFormElement>;
111
- };
96
+ // @public
97
+ export type OryCardDividerProps = Record<string, never>;
112
98
 
113
99
  // @public (undocumented)
114
- export type HeadlessGroupContainerProps = PropsWithChildren;
100
+ export function OryCardFooter(): react_jsx_runtime.JSX.Element;
115
101
 
116
102
  // @public (undocumented)
117
- export type HeadlessGroupProps = PropsWithChildren<{
118
- groups: UiNodeGroupEnum[];
119
- }>;
103
+ export type OryCardFooterProps = Record<string, never>;
120
104
 
121
105
  // @public (undocumented)
122
- export type HeadlessImageProps = {
123
- attributes: UiNodeImageAttributes;
124
- node: UiNode;
125
- };
106
+ export function OryCardHeader(): react_jsx_runtime.JSX.Element;
126
107
 
127
108
  // @public (undocumented)
128
- export type HeadlessInputProps = {
129
- attributes: UiNodeInputAttributes;
130
- node: UiNode;
131
- onClick?: MouseEventHandler;
132
- };
109
+ export type OryCardHeaderProps = Record<string, never>;
133
110
 
134
111
  // @public (undocumented)
135
- export type HeadlessLabelProps = {
136
- attributes: UiNodeInputAttributes;
137
- node: UiNode;
138
- } & ComponentPropsWithoutRef<"label">;
112
+ export type OryCardLogoProps = Record<string, never>;
139
113
 
140
114
  // @public (undocumented)
141
- export type HeadlessLinkButtonProps = {
142
- attributes: UiNodeAnchorAttributes;
143
- node: UiNode;
144
- } & Omit<ComponentPropsWithoutRef<"a">, "children">;
115
+ export type OryCardProps = PropsWithChildren;
145
116
 
146
117
  // @public (undocumented)
147
- export function HeadlessMessage({ message }: HeadlessMessageProps): react_jsx_runtime.JSX.Element;
118
+ export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
148
119
 
149
120
  // @public (undocumented)
150
- export type HeadlessMessageProps = {
151
- message: UiText;
121
+ export type OryClientConfiguration = {
122
+ name: string;
123
+ logoUrl?: string;
124
+ stylesheet?: string;
125
+ favicon?: string;
126
+ sdk: {
127
+ url: string;
128
+ options?: Partial<ConfigurationParameters>;
129
+ };
130
+ project: {
131
+ registration_enabled: boolean;
132
+ verification_enabled: boolean;
133
+ recovery_enabled: boolean;
134
+ recovery_ui_url: string;
135
+ registration_ui_url: string;
136
+ verification_ui_url: string;
137
+ login_ui_url: string;
138
+ };
139
+ intl?: IntlConfig;
152
140
  };
153
141
 
154
142
  // @public (undocumented)
155
- export type HeadlessMessagesProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
156
-
157
- // @public (undocumented)
158
- export type HeadlessSocialButtonContainerProps = PropsWithChildren<{
159
- nodes: UiNode[];
160
- }>;
161
-
162
- // @public (undocumented)
163
- export type HeadlessSocialButtonProps = PropsWithChildren<{
164
- node: UiNode;
143
+ export type OryCurrentIdentifierProps = {
165
144
  attributes: UiNodeInputAttributes;
145
+ node: UiNode;
166
146
  onClick?: () => void;
167
- }>;
147
+ href?: string;
148
+ } & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
168
149
 
150
+ // Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
151
+ //
169
152
  // @public (undocumented)
170
- export type HeadlessSocialButtonsProps = PropsWithChildren<{
171
- hideDivider?: boolean;
172
- }>;
153
+ export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
173
154
 
174
- // @public (undocumented)
175
- export type HeadlessTextProps = {
176
- attributes: UiNodeTextAttributes;
177
- node: UiNode;
155
+ // @public
156
+ export type OryFlowComponents = {
157
+ Node: {
158
+ Button: ComponentType<OryNodeButtonProps>;
159
+ OidcButton: ComponentType<OryNodeOidcButtonProps>;
160
+ CurrentIdentifierButton: ComponentType<OryCurrentIdentifierProps>;
161
+ Anchor: ComponentType<OryNodeAnchorProps>;
162
+ Input: ComponentType<OryNodeInputProps>;
163
+ CodeInput: ComponentType<OryNodeInputProps>;
164
+ Image: ComponentType<OryNodeImageProps>;
165
+ Label: ComponentType<OryNodeLabelProps>;
166
+ Checkbox: ComponentType<OryNodeInputProps>;
167
+ Text: ComponentType<OryNodeTextProps>;
168
+ };
169
+ Card: {
170
+ Root: ComponentType<OryCardProps>;
171
+ Footer: ComponentType<OryCardFooterProps>;
172
+ Header: ComponentType<OryCardProps>;
173
+ Content: ComponentType<OryCardContentProps>;
174
+ Logo: ComponentType<OryCardLogoProps>;
175
+ Divider: ComponentType<OryCardDividerProps>;
176
+ AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
177
+ SettingsSection: ComponentType<OryFormSectionProps>;
178
+ SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
179
+ SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
180
+ };
181
+ Form: {
182
+ Root: ComponentType<OryFormRootProps>;
183
+ OidcRoot: ComponentType<OryFormOidcRootProps>;
184
+ Group: ComponentType<OryFormGroupProps>;
185
+ OidcSettings: ComponentType<OrySettingsOidcProps>;
186
+ WebauthnSettings: ComponentType<OrySettingsWebauthnProps>;
187
+ PasskeySettings: ComponentType<OrySettingsPasskeyProps>;
188
+ TotpSettings: ComponentType<OrySettingsTotpProps>;
189
+ RecoveryCodesSettings: ComponentType<OrySettingsRecoveryCodesProps>;
190
+ };
191
+ Message: {
192
+ Root: ComponentType<OryMessageRootProps>;
193
+ Content: ComponentType<OryMessageContentProps>;
194
+ };
195
+ Page: {
196
+ Header: ComponentType<OryPageHeaderProps>;
197
+ };
178
198
  };
179
199
 
180
- // @public (undocumented)
181
- export type HorizontalDividerProps = Record<string, never>;
200
+ // @public
201
+ export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
182
202
 
183
203
  // @public (undocumented)
184
- export const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
204
+ export function OryForm({ children, onAfterSubmit, nodes }: OryFormProps): string | react_jsx_runtime.JSX.Element;
185
205
 
186
- // @public (undocumented)
187
- export type IntlProviderProps<Type> = Type extends CustomTranslations ? CustomTranslations : SupportedTranslations;
206
+ // @public
207
+ export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
188
208
 
189
209
  // @public (undocumented)
190
- export const isCustomTranslations: (o: unknown) => o is CustomTranslations;
210
+ export type OryFormGroupProps = PropsWithChildren;
191
211
 
192
212
  // @public (undocumented)
193
- export const LanguageCodes: readonly ["ab", "aa", "af", "sq", "am", "ar", "hy", "as", "ay", "az", "ba", "eu", "bn", "dz", "bh", "bi", "br", "bg", "my", "be", "km", "ca", "zh", "co", "hr", "cs", "da", "nl", "en", "eo", "et", "fo", "fj", "fi", "fr", "fy", "gd", "gl", "ka", "de", "el", "kl", "gn", "gu", "ha", "iw", "hi", "hu", "is", "in", "ia", "ie", "ik", "ga", "it", "ja", "jw", "kn", "ks", "kk", "rw", "ky", "rn", "ko", "ku", "lo", "la", "lv", "ln", "lt", "mk", "mg", "ms", "ml", "mt", "mi", "mr", "mo", "mn", "na", "ne", "no", "oc", "or", "om", "ps", "fa", "pl", "pt", "pa", "qu", "rm", "ro", "ru", "sm", "sg", "sa", "sr", "sh", "st", "tn", "sn", "sd", "si", "ss", "sk", "sl", "so", "es", "su", "sw", "sv", "tl", "tg", "ta", "tt", "te", "th", "bo", "ti", "to", "ts", "tr", "tk", "tw", "uk", "ur", "uz", "vi", "vo", "cy", "wo", "xh", "ji", "yo", "zu"];
213
+ export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
194
214
 
195
215
  // @public (undocumented)
196
- export type Locale = keyof typeof OryLocales;
216
+ export type OryFormGroupsProps = PropsWithChildren<{
217
+ groups: UiNodeGroupEnum[];
218
+ }>;
197
219
 
198
220
  // @public (undocumented)
199
- export type LoginFlowContainer = BaseFlow<FlowType.Login, LoginFlow>;
221
+ export function OryFormOidcButtons({ children, hideDivider, }: OryFormOidcButtonsProps): react_jsx_runtime.JSX.Element | null;
200
222
 
201
223
  // @public (undocumented)
202
- export function messageTestId(message: UiText): {
203
- "data-testid": string;
204
- };
224
+ export type OryFormOidcButtonsProps = PropsWithChildren<{
225
+ hideDivider?: boolean;
226
+ }>;
205
227
 
206
228
  // @public (undocumented)
207
- export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
208
- setFlowContainer: (flowContainer: FlowContainer) => void;
209
- body: T;
210
- onRedirect: OnRedirectHandler;
211
- };
212
-
213
- // @public
214
- export function onSubmitLogin({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateLoginFlowBody>): Promise<void>;
215
-
216
- // @public
217
- export function onSubmitRecovery({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRecoveryFlowBody>): Promise<void>;
218
-
219
- // @public
220
- export function onSubmitRegistration({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRegistrationFlowBody>): Promise<void>;
221
-
222
- // @public
223
- export function onSubmitSettings({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateSettingsFlowBody>): Promise<void>;
224
-
225
- // @public
226
- export function onSubmitVerification({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateVerificationFlowBody>): Promise<void>;
229
+ export type OryFormOidcRootProps = PropsWithChildren<{
230
+ nodes: UiNode[];
231
+ }>;
227
232
 
228
233
  // @public (undocumented)
229
- export function OryCard({ children }: OryCardProps): react_jsx_runtime.JSX.Element;
234
+ export type OryFormProps = PropsWithChildren<{
235
+ onAfterSubmit?: (method: string | number | boolean | undefined) => void;
236
+ nodes?: UiNode[];
237
+ }>;
230
238
 
231
- // @public
232
- export type OryCardComponents = {
233
- Card: ComponentType<OryCardProps>;
234
- CardFooter: ComponentType<OryCardFooterProps>;
235
- CardHeader: ComponentType<OryCardProps>;
236
- CardContent: ComponentType<OryCardContentProps>;
237
- CardLogo: ComponentType;
239
+ // @public (undocumented)
240
+ export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
241
+ onSubmit: FormEventHandler<HTMLFormElement>;
238
242
  };
239
243
 
240
244
  // @public (undocumented)
241
- export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
245
+ export function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
242
246
 
243
247
  // @public (undocumented)
244
- export type OryCardContentProps = PropsWithChildren;
248
+ export type OryFormSectionContentProps = PropsWithChildren<{
249
+ title?: string;
250
+ description?: string;
251
+ }>;
245
252
 
246
253
  // @public (undocumented)
247
- export function OryCardFooter(): react_jsx_runtime.JSX.Element;
254
+ export type OryFormSectionFooterProps = PropsWithChildren;
248
255
 
249
256
  // @public (undocumented)
250
- export type OryCardFooterProps = Record<string, never>;
257
+ export type OryFormSectionProps = PropsWithChildren<{
258
+ nodes?: UiNode[];
259
+ }>;
251
260
 
252
261
  // @public (undocumented)
253
- export function OryCardHeader(): react_jsx_runtime.JSX.Element;
262
+ export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
254
263
 
264
+ // Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
265
+ //
255
266
  // @public (undocumented)
256
- export type OryCardHeaderProps = Record<string, never>;
267
+ export const OryLocales: LocaleMap;
257
268
 
258
269
  // @public (undocumented)
259
- export type OryCardProps = PropsWithChildren;
270
+ export type OryMessageContentProps = {
271
+ message: UiText;
272
+ };
260
273
 
261
274
  // @public (undocumented)
262
- export function OryCardValidationMessages({ ...props }: HeadlessMessagesProps): react_jsx_runtime.JSX.Element | null;
275
+ export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
263
276
 
264
277
  // @public (undocumented)
265
- export type OryClientConfiguration = {
266
- name: string;
267
- logoUrl?: string;
268
- stylesheet?: string;
269
- favicon?: string;
270
- sdk: {
271
- url: string;
272
- options?: Partial<ConfigurationParameters>;
273
- };
274
- project: {
275
- registration_enabled: boolean;
276
- verification_enabled: boolean;
277
- recovery_enabled: boolean;
278
- recovery_ui_url: string;
279
- registration_ui_url: string;
280
- verification_ui_url: string;
281
- login_ui_url: string;
282
- };
283
- };
278
+ export type OryNodeAnchorProps = {
279
+ attributes: UiNodeAnchorAttributes;
280
+ node: UiNode;
281
+ } & Omit<ComponentPropsWithoutRef<"a">, "children">;
284
282
 
285
- // Warning: (ae-forgotten-export) The symbol "ComponentProviderProps" needs to be exported by the entry point index.d.ts
283
+ // Warning: (ae-forgotten-export) The symbol "ButtonVariants" needs to be exported by the entry point index.d.ts
286
284
  //
287
285
  // @public (undocumented)
288
- export function OryComponentProvider({ children, components, nodeSorter, }: PropsWithChildren<ComponentProviderProps>): react_jsx_runtime.JSX.Element;
289
-
290
- // @public (undocumented)
291
- export type OryFlowComponents = OryFormComponents & OryCardComponents;
286
+ export type OryNodeButtonProps = {
287
+ attributes: UiNodeInputAttributes;
288
+ node: UiNode;
289
+ } & Omit<ComponentPropsWithoutRef<"button">, "children"> & ButtonVariants;
292
290
 
293
291
  // @public (undocumented)
294
- export function OryFlowProvider({ children, ...container }: OryFlowProviderProps): react_jsx_runtime.JSX.Element;
292
+ export type OryNodeImageProps = {
293
+ attributes: UiNodeImageAttributes;
294
+ node: UiNode;
295
+ };
295
296
 
296
297
  // @public (undocumented)
297
- export type OryFlowProviderProps = PropsWithChildren<FlowContainer>;
298
+ export type OryNodeInputProps = {
299
+ attributes: UiNodeInputAttributes;
300
+ node: UiNode;
301
+ onClick?: MouseEventHandler;
302
+ };
298
303
 
299
304
  // @public (undocumented)
300
- export function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
305
+ export type OryNodeLabelProps = {
306
+ attributes: UiNodeInputAttributes;
307
+ node: UiNode;
308
+ } & ComponentPropsWithoutRef<"label">;
301
309
 
302
310
  // @public (undocumented)
303
- export type OryFormComponents = {
304
- Button: ComponentType<HeadlessButtonProps>;
305
- LinkButton: ComponentType<HeadlessLinkButtonProps>;
306
- Input: ComponentType<HeadlessInputProps>;
307
- PinCodeInput: ComponentType<HeadlessInputProps>;
308
- Image: ComponentType<HeadlessImageProps>;
309
- Label: ComponentType<HeadlessLabelProps>;
310
- Checkbox: ComponentType<HeadlessInputProps>;
311
- Text: ComponentType<HeadlessTextProps>;
312
- FormContainer: ComponentType<HeadlessFormProps>;
313
- SocialButton: ComponentType<HeadlessSocialButtonProps>;
314
- SocialButtonContainer: ComponentType<HeadlessSocialButtonContainerProps>;
315
- AuthMethodListItem: ComponentType<HeadlessAuthMethodListItemProps>;
316
- HorizontalDivider: ComponentType<HorizontalDividerProps>;
317
- FormGroup: ComponentType<HeadlessGroupContainerProps>;
318
- MessageContainer: ComponentType<HeadlessMessagesProps>;
319
- Message: ComponentType<HeadlessMessageProps>;
320
- CurrentIdentifierButton: ComponentType<HeadlessCurrentIdentifierProps>;
311
+ export type OryNodeOidcButtonProps = {
312
+ node: UiNode;
313
+ attributes: UiNodeInputAttributes;
314
+ onClick?: () => void;
321
315
  };
322
316
 
323
317
  // @public (undocumented)
324
- export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
318
+ export type OryNodeTextProps = {
319
+ attributes: UiNodeTextAttributes;
320
+ node: UiNode;
321
+ };
325
322
 
326
323
  // @public (undocumented)
327
- export function OryFormGroups({ children, groups }: HeadlessGroupProps): react_jsx_runtime.JSX.Element;
324
+ export type OryPageHeaderProps = Record<never, never>;
328
325
 
329
326
  // @public (undocumented)
330
- export type OryFormProps = PropsWithChildren;
327
+ export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
331
328
 
332
329
  // @public (undocumented)
333
- export function OryFormSocialButtons({ children, hideDivider, }: HeadlessSocialButtonsProps): react_jsx_runtime.JSX.Element | null;
330
+ export type OryProviderProps = {
331
+ components: OryFlowComponents;
332
+ } & OryFlowContainer & PropsWithChildren;
334
333
 
335
334
  // @public (undocumented)
336
- export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
335
+ export function OrySettingsCard(): react_jsx_runtime.JSX.Element;
337
336
 
338
337
  // @public (undocumented)
339
- export namespace OryLocales {
340
- { locales_de as de, locales_en as en, locales_es as es, locales_fr as fr, locales_nl as nl, locales_pl as pl, locales_pt as pt, locales_sv as sv };
341
- }
338
+ export type OrySettingsOidcProps = {
339
+ linkButtons: UiNode[];
340
+ unlinkButtons: UiNode[];
341
+ };
342
342
 
343
343
  // @public (undocumented)
344
- export function OryProvider<T extends SupportedTranslations>({ children, components: Components, ...props }: ProviderProps<T>): react_jsx_runtime.JSX.Element;
344
+ export type OrySettingsPasskeyProps = {
345
+ triggerButton: UiNode & {
346
+ onClick: () => void;
347
+ };
348
+ removeButtons: UiNode[];
349
+ };
345
350
 
346
351
  // @public (undocumented)
347
- export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
352
+ export type OrySettingsRecoveryCodesProps = {
353
+ codes: string[];
354
+ regnerateButton?: UiNode;
355
+ revealButton?: UiNode;
356
+ };
348
357
 
349
358
  // @public (undocumented)
350
- export type ProviderProps<T> = {
351
- components: OryFlowComponents;
352
- } & IntlProviderProps<T> & FlowContainer & ComponentPropsWithoutRef<"div"> & PropsWithChildren;
359
+ export type OrySettingsTotpProps = {
360
+ totpImage: UiNode;
361
+ totpSecret: UiNode;
362
+ totpInput: UiNode;
363
+ } | {
364
+ totpUnlink: UiNode;
365
+ };
353
366
 
354
367
  // @public (undocumented)
355
- export type RecoveryFlowContainer = BaseFlow<FlowType.Recovery, RecoveryFlow>;
368
+ export type OrySettingsWebauthnProps = {
369
+ nameInput: UiNode;
370
+ triggerButton: UiNode & {
371
+ onClick: () => void;
372
+ };
373
+ removeButtons: UiNode[];
374
+ };
356
375
 
357
376
  // @public (undocumented)
358
- export type RegistrationFlowContainer = BaseFlow<FlowType.Registration, RegistrationFlow>;
377
+ export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
359
378
 
360
- // @public (undocumented)
361
- export type SettingsFlowContainer = BaseFlow<FlowType.Settings, SettingsFlow>;
379
+ // @public
380
+ export type RecoveryFlowContainer = OryFlow<FlowType.Recovery, RecoveryFlow>;
362
381
 
363
- // @public (undocumented)
364
- export type SupportedTranslations = {
365
- locale?: Locale;
366
- defaultLocale?: string;
367
- };
382
+ // @public
383
+ export type RegistrationFlowContainer = OryFlow<FlowType.Registration, RegistrationFlow>;
368
384
 
369
- // @public (undocumented)
370
- export type TranslationFile = {
371
- [K in keyof typeof en]: string;
372
- };
385
+ // @public
386
+ export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
373
387
 
374
388
  // @public
375
389
  export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
@@ -385,8 +399,15 @@ export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
385
399
  // @public
386
400
  export function useOryFlow(): FlowContextValue;
387
401
 
388
- // @public (undocumented)
389
- export type VerificationFlowContainer = BaseFlow<FlowType.Verification, VerificationFlow>;
402
+ // @public
403
+ export const useSession: () => {
404
+ session: Session | undefined;
405
+ error: string | undefined;
406
+ isLoading: boolean;
407
+ };
408
+
409
+ // @public
410
+ export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
390
411
 
391
412
  // (No @packageDocumentation comment for this package)
392
413
 
@@ -25,6 +25,7 @@ import { UiNodeImageAttributes } from '@ory/client-fetch';
25
25
  import { UiNodeInputAttributes } from '@ory/client-fetch';
26
26
  import { UiNodeTextAttributes } from '@ory/client-fetch';
27
27
  import { UiText } from '@ory/client-fetch';
28
+ import { VariantProps } from 'class-variance-authority';
28
29
  import { VerificationFlow } from '@ory/client-fetch';
29
30
 
30
31
  // Warning: (ae-forgotten-export) The symbol "OryCardRootProps" needs to be exported by the entry point index.d.ts