@basis-theory/react-elements 1.14.0 → 1.15.0

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.
Files changed (4) hide show
  1. package/main/index.js +10 -5
  2. package/module/module.js +10 -5
  3. package/package.json +2 -2
  4. package/types/index.d.ts +33 -5
package/main/index.js CHANGED
@@ -215,7 +215,7 @@ const $75e7ef6fe5d73b5f$export$b6487193f4d880e0 = (eventType, element, listener)
215
215
  ]);
216
216
 
217
217
 
218
- const $b68de9bc89cba8c8$var$CardElementC = ({ autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value })=>{
218
+ const $b68de9bc89cba8c8$var$CardElementC = ({ autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, title: title, validateOnChange: validateOnChange, value: value })=>{
219
219
  const wrapperRef = (0, $6ZdRe$react.useRef)(null);
220
220
  const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'card', wrapperRef, {
221
221
  autoComplete: autoComplete,
@@ -228,6 +228,7 @@ const $b68de9bc89cba8c8$var$CardElementC = ({ autoComplete: autoComplete, bt: bt
228
228
  readOnly: readOnly,
229
229
  skipLuhnValidation: skipLuhnValidation,
230
230
  style: style,
231
+ title: title,
231
232
  validateOnChange: validateOnChange,
232
233
  value: value
233
234
  }, bt, elementRef);
@@ -254,7 +255,7 @@ function CardElement(props, ref) {
254
255
 
255
256
 
256
257
 
257
- const $5056c1f1f96da4b6$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, transform: transform, validateOnChange: validateOnChange, validation: validation, value: value, valueRef: valueRef })=>{
258
+ const $5056c1f1f96da4b6$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, title: title, transform: transform, validateOnChange: validateOnChange, validation: validation, value: value, valueRef: valueRef })=>{
258
259
  const wrapperRef = (0, $6ZdRe$react.useRef)(null);
259
260
  const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'text', wrapperRef, {
260
261
  'aria-label': ariaLabel,
@@ -268,6 +269,7 @@ const $5056c1f1f96da4b6$var$TextElementC = ({ 'aria-label': ariaLabel, autoCompl
268
269
  readOnly: readOnly,
269
270
  style: style,
270
271
  targetId: id,
272
+ title: title,
271
273
  transform: transform,
272
274
  validateOnChange: validateOnChange,
273
275
  validation: validation,
@@ -296,7 +298,7 @@ function TextElement(props, ref) {
296
298
 
297
299
 
298
300
 
299
- const $89a8c5992dc7cf9a$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
301
+ const $89a8c5992dc7cf9a$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
300
302
  const wrapperRef = (0, $6ZdRe$react.useRef)(null);
301
303
  const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardNumber', wrapperRef, {
302
304
  'aria-label': ariaLabel,
@@ -312,6 +314,7 @@ const $89a8c5992dc7cf9a$var$CardNumberElementC = ({ 'aria-label': ariaLabel, aut
312
314
  skipLuhnValidation: skipLuhnValidation,
313
315
  style: style,
314
316
  targetId: id,
317
+ title: title,
315
318
  validateOnChange: validateOnChange,
316
319
  value: value
317
320
  }, bt, elementRef, valueRef);
@@ -337,7 +340,7 @@ const $89a8c5992dc7cf9a$export$a2311b18160d2f3f = /*#__PURE__*/ (0, ($parcel$int
337
340
 
338
341
 
339
342
 
340
- const $a598ed1fc49faa5f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
343
+ const $a598ed1fc49faa5f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
341
344
  const wrapperRef = (0, $6ZdRe$react.useRef)(null);
342
345
  const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardExpirationDate', wrapperRef, {
343
346
  'aria-label': ariaLabel,
@@ -350,6 +353,7 @@ const $a598ed1fc49faa5f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLa
350
353
  readOnly: readOnly,
351
354
  style: style,
352
355
  targetId: id,
356
+ title: title,
353
357
  validateOnChange: validateOnChange,
354
358
  value: value
355
359
  }, bt, elementRef, valueRef);
@@ -375,7 +379,7 @@ const $a598ed1fc49faa5f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, ($parcel$int
375
379
 
376
380
 
377
381
 
378
- const $9bb5cbc1cc445953$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
382
+ const $9bb5cbc1cc445953$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
379
383
  const wrapperRef = (0, $6ZdRe$react.useRef)(null);
380
384
  const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardVerificationCode', wrapperRef, {
381
385
  'aria-label': ariaLabel,
@@ -389,6 +393,7 @@ const $9bb5cbc1cc445953$var$CardVerificationCodeElementC = ({ 'aria-label': aria
389
393
  readOnly: readOnly,
390
394
  style: style,
391
395
  targetId: id,
396
+ title: title,
392
397
  validateOnChange: validateOnChange,
393
398
  value: value
394
399
  }, bt, elementRef, valueRef);
package/module/module.js CHANGED
@@ -180,7 +180,7 @@ const $1b6d06f13820d117$export$b6487193f4d880e0 = (eventType, element, listener)
180
180
  ]);
181
181
 
182
182
 
183
- const $22a85849b67e3ab0$var$CardElementC = ({ autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value })=>{
183
+ const $22a85849b67e3ab0$var$CardElementC = ({ autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, title: title, validateOnChange: validateOnChange, value: value })=>{
184
184
  const wrapperRef = (0, $gb0K4$useRef)(null);
185
185
  const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'card', wrapperRef, {
186
186
  autoComplete: autoComplete,
@@ -193,6 +193,7 @@ const $22a85849b67e3ab0$var$CardElementC = ({ autoComplete: autoComplete, bt: bt
193
193
  readOnly: readOnly,
194
194
  skipLuhnValidation: skipLuhnValidation,
195
195
  style: style,
196
+ title: title,
196
197
  validateOnChange: validateOnChange,
197
198
  value: value
198
199
  }, bt, elementRef);
@@ -219,7 +220,7 @@ function CardElement(props, ref) {
219
220
 
220
221
 
221
222
 
222
- const $098244fc1ecf3b22$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, transform: transform, validateOnChange: validateOnChange, validation: validation, value: value, valueRef: valueRef })=>{
223
+ const $098244fc1ecf3b22$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, title: title, transform: transform, validateOnChange: validateOnChange, validation: validation, value: value, valueRef: valueRef })=>{
223
224
  const wrapperRef = (0, $gb0K4$useRef)(null);
224
225
  const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'text', wrapperRef, {
225
226
  'aria-label': ariaLabel,
@@ -233,6 +234,7 @@ const $098244fc1ecf3b22$var$TextElementC = ({ 'aria-label': ariaLabel, autoCompl
233
234
  readOnly: readOnly,
234
235
  style: style,
235
236
  targetId: id,
237
+ title: title,
236
238
  transform: transform,
237
239
  validateOnChange: validateOnChange,
238
240
  validation: validation,
@@ -261,7 +263,7 @@ function TextElement(props, ref) {
261
263
 
262
264
 
263
265
 
264
- const $c9d0638264a6246e$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
266
+ const $c9d0638264a6246e$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
265
267
  const wrapperRef = (0, $gb0K4$useRef)(null);
266
268
  const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardNumber', wrapperRef, {
267
269
  'aria-label': ariaLabel,
@@ -277,6 +279,7 @@ const $c9d0638264a6246e$var$CardNumberElementC = ({ 'aria-label': ariaLabel, aut
277
279
  skipLuhnValidation: skipLuhnValidation,
278
280
  style: style,
279
281
  targetId: id,
282
+ title: title,
280
283
  validateOnChange: validateOnChange,
281
284
  value: value
282
285
  }, bt, elementRef, valueRef);
@@ -302,7 +305,7 @@ const $c9d0638264a6246e$export$a2311b18160d2f3f = /*#__PURE__*/ (0, $gb0K4$react
302
305
 
303
306
 
304
307
 
305
- const $b04bbbda03b8923f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
308
+ const $b04bbbda03b8923f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
306
309
  const wrapperRef = (0, $gb0K4$useRef)(null);
307
310
  const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardExpirationDate', wrapperRef, {
308
311
  'aria-label': ariaLabel,
@@ -315,6 +318,7 @@ const $b04bbbda03b8923f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLa
315
318
  readOnly: readOnly,
316
319
  style: style,
317
320
  targetId: id,
321
+ title: title,
318
322
  validateOnChange: validateOnChange,
319
323
  value: value
320
324
  }, bt, elementRef, valueRef);
@@ -340,7 +344,7 @@ const $b04bbbda03b8923f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, $gb0K4$react
340
344
 
341
345
 
342
346
 
343
- const $6f922196262b492d$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
347
+ const $6f922196262b492d$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, title: title, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
344
348
  const wrapperRef = (0, $gb0K4$useRef)(null);
345
349
  const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardVerificationCode', wrapperRef, {
346
350
  'aria-label': ariaLabel,
@@ -354,6 +358,7 @@ const $6f922196262b492d$var$CardVerificationCodeElementC = ({ 'aria-label': aria
354
358
  readOnly: readOnly,
355
359
  style: style,
356
360
  targetId: id,
361
+ title: title,
357
362
  validateOnChange: validateOnChange,
358
363
  value: value
359
364
  }, bt, elementRef, valueRef);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-theory/react-elements",
3
- "version": "1.14.0",
3
+ "version": "1.15.0",
4
4
  "repository": "https://github.com/basis-theory/react-elements",
5
5
  "license": "Apache-2.0",
6
6
  "author": {
@@ -30,7 +30,7 @@
30
30
  "tag": "latest"
31
31
  },
32
32
  "dependencies": {
33
- "@basis-theory/web-elements": "1.14.0"
33
+ "@basis-theory/web-elements": "1.15.0"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
package/types/index.d.ts CHANGED
@@ -223,28 +223,28 @@ export interface CardElementAutoComplete {
223
223
  expirationDate: AutoCompleteValue;
224
224
  csc: AutoCompleteValue;
225
225
  }
226
- export type CreateCardElementOptions = Omit<CustomizableElementOptions, 'autoComplete'> & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation'> & {
226
+ export type CreateCardElementOptions = Omit<CustomizableElementOptions, 'autoComplete'> & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation' | 'title'> & {
227
227
  autoComplete?: CardElementAutoComplete;
228
228
  placeholder?: CardElementPlaceholder;
229
229
  value?: CardElementValue<'static'>;
230
230
  };
231
231
  export type UpdateCardElementOptions = Omit<CreateCardElementOptions, 'validateOnChange' | 'enableCopy'>;
232
- export type CreateTextElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'mask' | 'maxLength' | 'password' | 'validation'> & TransformOption & Required<Pick<ElementOptions, 'targetId'>> & {
232
+ export type CreateTextElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'mask' | 'maxLength' | 'password' | 'validation' | 'title'> & TransformOption & Required<Pick<ElementOptions, 'targetId'>> & {
233
233
  'aria-label'?: string;
234
234
  value?: string;
235
235
  };
236
236
  export type UpdateTextElementOptions = Omit<CreateTextElementOptions, 'targetId' | 'mask' | 'validateOnChange'>;
237
- export type CreateCardNumberElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'iconPosition' | 'cardTypes' | 'skipLuhnValidation'> & Required<Pick<ElementOptions, 'targetId'>> & {
237
+ export type CreateCardNumberElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'iconPosition' | 'cardTypes' | 'skipLuhnValidation' | 'title'> & Required<Pick<ElementOptions, 'targetId'>> & {
238
238
  'aria-label'?: string;
239
239
  value?: string;
240
240
  };
241
241
  export type UpdateCardNumberElementOptions = Omit<CreateCardNumberElementOptions, 'targetId' | 'validateOnChange' | 'enableCopy'>;
242
- export type CreateCardExpirationDateElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder'> & Required<Pick<ElementOptions, 'targetId'>> & {
242
+ export type CreateCardExpirationDateElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'title' | 'placeholder'> & Required<Pick<ElementOptions, 'targetId'>> & {
243
243
  'aria-label'?: string;
244
244
  value?: CardExpirationDateValue<'static'> | string;
245
245
  };
246
246
  export type UpdateCardExpirationDateElementOptions = Omit<CreateCardExpirationDateElementOptions, 'targetId' | 'validateOnChange' | 'enableCopy'>;
247
- export type CreateCardVerificationCodeElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'cardBrand'> & Required<Pick<ElementOptions, 'targetId'>> & {
247
+ export type CreateCardVerificationCodeElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'title' | 'cardBrand'> & Required<Pick<ElementOptions, 'targetId'>> & {
248
248
  'aria-label'?: string;
249
249
  value?: string;
250
250
  };
@@ -552,6 +552,29 @@ export interface BasisTheoryInitOptions {
552
552
  debug?: boolean;
553
553
  }
554
554
  export const basistheory: (apiKey: string, options?: BasisTheoryInitOptions) => Promise<BasisTheoryElements | undefined>;
555
+ export class BasisTheoryApiError extends Error {
556
+ readonly status: number;
557
+ readonly data?: unknown | undefined;
558
+ constructor(message: string, status: number, data?: unknown | undefined);
559
+ }
560
+ export class BasisTheoryValidationError<Details = Record<string, unknown>> extends Error {
561
+ readonly details: Details;
562
+ /**
563
+ * @deprecated use {@link details}
564
+ */
565
+ readonly validation?: FieldError[] | undefined;
566
+ constructor(message: string, details: Details,
567
+ /**
568
+ * @deprecated use {@link details}
569
+ */
570
+ validation?: FieldError[] | undefined);
571
+ }
572
+ export class HttpClientError extends Error {
573
+ readonly status: number;
574
+ readonly data?: unknown;
575
+ readonly headers?: unknown;
576
+ constructor(message: string, status: number, data?: unknown, headers?: unknown);
577
+ }
555
578
  declare global {
556
579
  interface Window {
557
580
  basistheory?: typeof basistheory;
@@ -586,6 +609,7 @@ export interface CardElementProps {
586
609
  readOnly?: boolean;
587
610
  skipLuhnValidation?: boolean;
588
611
  style?: ElementStyle;
612
+ title?: string;
589
613
  validateOnChange?: boolean;
590
614
  value?: CardElementValue<'static'>;
591
615
  }
@@ -606,6 +630,7 @@ interface BaseTextElementProps {
606
630
  placeholder?: string;
607
631
  readOnly?: boolean;
608
632
  style?: ElementStyle;
633
+ title?: string;
609
634
  transform?: RegExp | [RegExp, string?];
610
635
  validateOnChange?: boolean;
611
636
  validation?: RegExp;
@@ -642,6 +667,7 @@ export interface CardNumberElementProps {
642
667
  readOnly?: boolean;
643
668
  skipLuhnValidation?: boolean;
644
669
  style?: ElementStyle;
670
+ title?: string;
645
671
  validateOnChange?: boolean;
646
672
  value?: string;
647
673
  valueRef?: MutableRefObject<ICardNumberElement | null>;
@@ -664,6 +690,7 @@ export interface CardExpirationDateElementProps {
664
690
  placeholder?: string;
665
691
  readOnly?: boolean;
666
692
  style?: ElementStyle;
693
+ title?: string;
667
694
  validateOnChange?: boolean;
668
695
  value?: CardExpirationDateValue<'static'> | string;
669
696
  valueRef?: MutableRefObject<ICardExpirationDateElement | null>;
@@ -687,6 +714,7 @@ export interface CardVerificationCodeElementProps {
687
714
  placeholder?: string;
688
715
  readOnly?: boolean;
689
716
  style?: ElementStyle;
717
+ title?: string;
690
718
  validateOnChange?: boolean;
691
719
  value?: string;
692
720
  valueRef?: MutableRefObject<ICardVerificationCodeElement | null>;