@hanwenbo/x-taro-ui 0.0.1 → 0.0.2

package/es/auth/entries/locales.d.ts

@@ -0,0 +1,2 @@
+export { authLocales, authZhCN, authEnUS, type AuthMessageKey } from '@hanwenbo/x-auth-core/locales';
+//# sourceMappingURL=locales.d.ts.map

package/es/auth/entries/locales.js

@@ -0,0 +1 @@
+export { authLocales, authZhCN, authEnUS } from '@hanwenbo/x-auth-core/locales';

package/es/auth/index.d.ts

@@ -4,4 +4,5 @@ export * from './phoneNumberInput';
 export * from './provider';
 export * from './theme';
 export * from './types';
+export { authLocales, authZhCN, authEnUS, type AuthMessageKey } from '@hanwenbo/x-auth-core/locales';
 //# sourceMappingURL=index.d.ts.map

package/es/auth/index.js

@@ -3,4 +3,5 @@ export * from "./components";
 export * from "./phoneNumberInput";
 export * from "./provider";
 export * from "./theme";
-export * from "./types";
+export * from "./types";
+export { authLocales, authZhCN, authEnUS } from '@hanwenbo/x-auth-core/locales';

package/es/auth/internal.d.ts

@@ -1,34 +1,38 @@
-import React, { type CSSProperties, type ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 import type { ContactIdentifierType, IdentifierType, ResolvedAuthConfig } from '@hanwenbo/x-auth-core/types';
 export declare type AuthSurface = 'card' | 'plain';
-export declare function AuthPanel({ children, className, description, footer, logo, style, surface, testID, title }: {
+export declare type AuthHeaderAlign = 'left' | 'center';
+export declare function AuthPanel({ children, className, description, footer, headerAlign, logo, style, surface, testID, title }: {
     children: ReactNode;
     className?: string;
     description?: ReactNode;
     footer?: ReactNode;
+    headerAlign?: AuthHeaderAlign;
     logo?: ReactNode;
     style?: CSSProperties;
     surface?: AuthSurface;
     testID?: string;
     title?: ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function AuthField({ children, error, hint, label }: {
     children: ReactNode;
     error?: string;
     hint?: ReactNode;
     label?: ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function AuthError({ children }: {
     children?: ReactNode;
-}): React.JSX.Element | null;
-export declare function AuthSelector<Value extends string>({ onChange, options, value }: {
+}): import("react/jsx-runtime").JSX.Element | null;
+interface AuthSelectorProps<Value extends string> {
     onChange: (value: Value) => void;
     options: Array<{
         label: ReactNode;
         value: Value;
     }>;
     value?: Value;
-}): React.JSX.Element | null;
+}
+export declare function AuthSelector<Value extends string>({ onChange, options, value }: AuthSelectorProps<Value>): import("react/jsx-runtime").JSX.Element | null;
+export declare function CredentialSelector<Value extends string>({ onChange, options, value }: AuthSelectorProps<Value>): import("react/jsx-runtime").JSX.Element | null;
 export declare function IdentifierInput({ config, error, onChange, showLabel, type, value }: {
     config: ResolvedAuthConfig;
     error?: string;
@@ -36,8 +40,9 @@ export declare function IdentifierInput({ config, error, onChange, showLabel, ty
     showLabel?: boolean;
     type: IdentifierType;
     value: string;
-}): React.JSX.Element;
-export declare function VerificationCodeInput({ codeLength, countdown, disabled, error, onChange, onSend, sending, showLabel, value }: {
+}): import("react/jsx-runtime").JSX.Element;
+export declare function VerificationCodeInput({ config, codeLength, countdown, disabled, error, onChange, onSend, sending, showLabel, value }: {
+    config?: ResolvedAuthConfig;
     codeLength: number;
     countdown: number;
     disabled?: boolean;
@@ -47,9 +52,10 @@ export declare function VerificationCodeInput({ codeLength, countdown, disabled,
     sending?: boolean;
     showLabel?: boolean;
     value: string;
-}): React.JSX.Element;
-export declare function contactOptions(types: ContactIdentifierType[]): {
+}): import("react/jsx-runtime").JSX.Element;
+export declare function contactOptions(types: ContactIdentifierType[], config?: ResolvedAuthConfig): {
     label: any;
     value: ContactIdentifierType;
 }[];
+export {};
 //# sourceMappingURL=internal.d.ts.map

package/es/auth/internal.js

@@ -1,8 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useAuthTranslation } from '@hanwenbo/x-auth-core/react';
 import React from 'react';
 import { Text, View } from '@tarojs/components';
 import { identifierLabel } from '@hanwenbo/x-auth-core/identifier';
 import { Button } from "../components/button";
 import { Icon } from "../components/icon";
+import { Segmented } from "../components/segmented";
+import { Tabs } from "../components/tabs";
 import { InputItem } from "../components/inputItem/index";
 import { PhoneNumberInput } from "./phoneNumberInput";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,6 +27,8 @@ export function AuthPanel(_ref) {
     className = _ref.className,
     description = _ref.description,
     footer = _ref.footer,
+    _ref$headerAlign = _ref.headerAlign,
+    headerAlign = _ref$headerAlign === void 0 ? 'left' : _ref$headerAlign,
     logo = _ref.logo,
     style = _ref.style,
     _ref$surface = _ref.surface,
@@ -29,7 +40,7 @@ export function AuthPanel(_ref) {
     "data-testid": testID,
     style: style,
     children: [logo || title || description ? /*#__PURE__*/_jsxs(View, {
-      className: "x-taro-auth-panel__header",
+      className: "x-taro-auth-panel__header x-taro-auth-panel__header--".concat(headerAlign),
       children: [logo ? /*#__PURE__*/_jsx(View, {
         className: "x-taro-auth-panel__logo",
         children: logo
@@ -62,39 +73,84 @@ export function AuthError(_ref3) {
   }) : null;
 }
 export function AuthSelector(_ref4) {
-  var onChange = _ref4.onChange,
+  var _onChange = _ref4.onChange,
     options = _ref4.options,
     value = _ref4.value;
   if (options.length < 2) return null;
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/_jsx(Segmented, {
+    block: true,
     className: "x-taro-auth-selector",
-    role: "tablist",
-    children: options.map(function (option) {
-      return /*#__PURE__*/_jsx(Button, {
-        ariaLabel: typeof option.label === 'string' ? option.label : undefined,
-        onClick: function onClick() {
-          return onChange(option.value);
-        },
-        size: "small",
-        type: option.value === value ? 'outline' : 'ghost',
-        children: option.label
-      }, option.value);
-    })
+    onChange: function onChange(next) {
+      return _onChange(next);
+    },
+    options: options.map(function (option) {
+      return _objectSpread(_objectSpread({}, option), {}, {
+        icon: /*#__PURE__*/_jsx(Icon, {
+          name: option.value === 'account' ? 'UserRound' : option.value === 'phone' ? 'Phone' : 'Mail',
+          size: 16
+        })
+      });
+    }),
+    value: value
   });
 }
-export function IdentifierInput(_ref5) {
-  var config = _ref5.config,
-    error = _ref5.error,
-    onChange = _ref5.onChange,
-    _ref5$showLabel = _ref5.showLabel,
-    showLabel = _ref5$showLabel === void 0 ? true : _ref5$showLabel,
-    type = _ref5.type,
+export function CredentialSelector(_ref5) {
+  var _onChange2 = _ref5.onChange,
+    options = _ref5.options,
     value = _ref5.value;
+  if (options.length < 2) return null;
+  return /*#__PURE__*/_jsx(Tabs, {
+    className: "x-taro-auth-method-tabs",
+    activeKey: value,
+    items: options.map(function (option) {
+      return {
+        key: option.value,
+        title: option.label
+      };
+    }),
+    onChange: function onChange(next) {
+      return _onChange2(next);
+    },
+    variant: "outline",
+    size: "large",
+    stretch: false,
+    indicatorVisible: false,
+    headerStyle: {
+      gap: 28
+    },
+    tabBarStyle: {
+      borderWidth: 0
+    },
+    tabStyle: {
+      paddingLeft: 0,
+      paddingRight: 0
+    },
+    textStyle: {
+      fontSize: 16
+    },
+    activeTextStyle: {
+      fontWeight: 650
+    }
+  });
+}
+export function IdentifierInput(_ref6) {
+  var config = _ref6.config,
+    error = _ref6.error,
+    onChange = _ref6.onChange,
+    _ref6$showLabel = _ref6.showLabel,
+    showLabel = _ref6$showLabel === void 0 ? true : _ref6$showLabel,
+    type = _ref6.type,
+    value = _ref6.value;
+  var t = config.t;
   var label = identifierLabel(type, config);
   return /*#__PURE__*/_jsx(AuthField, {
     error: error,
     label: showLabel ? label : undefined,
     children: type === 'phone' ? /*#__PURE__*/_jsx(PhoneNumberInput, {
+      placeholder: t('auth.enter', {
+        label: label
+      }),
+      config: config,
       countries: config.phone.countries,
       countryCallingCodeEditable: config.phone.countryCallingCodeEditable,
       defaultCountry: config.phone.defaultCountry,
@@ -105,10 +161,12 @@ export function IdentifierInput(_ref5) {
       size: "large",
       value: value
     }) : /*#__PURE__*/_jsx(InputItem, {
-      error: error,
+      error: Boolean(error),
       maxLength: type === 'account' ? config.account.maxLength : undefined,
       onChange: onChange,
-      placeholder: type === 'account' ? config.account.placeholder : "\u8BF7\u8F93\u5165".concat(label),
+      placeholder: type === 'account' ? config.account.placeholder : t('auth.enter', {
+        label: label
+      }),
       prefix: /*#__PURE__*/_jsx(Icon, {
         name: type === 'account' ? 'User' : 'Mail',
         size: 18
@@ -119,27 +177,31 @@ export function IdentifierInput(_ref5) {
     })
   });
 }
-export function VerificationCodeInput(_ref6) {
-  var codeLength = _ref6.codeLength,
-    countdown = _ref6.countdown,
-    disabled = _ref6.disabled,
-    error = _ref6.error,
-    _onChange = _ref6.onChange,
-    onSend = _ref6.onSend,
-    sending = _ref6.sending,
-    _ref6$showLabel = _ref6.showLabel,
-    showLabel = _ref6$showLabel === void 0 ? true : _ref6$showLabel,
-    value = _ref6.value;
+export function VerificationCodeInput(_ref7) {
+  var config = _ref7.config,
+    codeLength = _ref7.codeLength,
+    countdown = _ref7.countdown,
+    disabled = _ref7.disabled,
+    error = _ref7.error,
+    _onChange3 = _ref7.onChange,
+    onSend = _ref7.onSend,
+    sending = _ref7.sending,
+    _ref7$showLabel = _ref7.showLabel,
+    showLabel = _ref7$showLabel === void 0 ? true : _ref7$showLabel,
+    value = _ref7.value;
+  var t = useAuthTranslation(config);
   return /*#__PURE__*/_jsx(AuthField, {
     error: error,
-    label: showLabel ? '验证码' : undefined,
+    label: showLabel ? t('auth.code') : undefined,
     children: /*#__PURE__*/_jsx(InputItem, {
-      error: error,
+      error: Boolean(error),
       maxLength: codeLength,
       onChange: function onChange(next) {
-        return _onChange(next.replace(/\D/g, '').slice(0, codeLength));
+        return _onChange3(next.replace(/\D/g, '').slice(0, codeLength));
       },
-      placeholder: "\u8BF7\u8F93\u5165 ".concat(codeLength, " \u4F4D\u9A8C\u8BC1\u7801"),
+      placeholder: t('auth.codeLength', {
+        length: codeLength
+      }),
       prefix: /*#__PURE__*/_jsx(Icon, {
         name: "CircleCheck",
         size: 18
@@ -150,17 +212,20 @@ export function VerificationCodeInput(_ref6) {
         onClick: onSend,
         size: "small",
         type: "link",
-        children: sending ? '发送中' : countdown > 0 ? "".concat(countdown, "s") : '获取验证码'
+        compact: true,
+        children: sending ? t('auth.sending') : countdown > 0 ? t('auth.resendCountdown', {
+          seconds: countdown
+        }) : t('auth.getCode')
       }),
       type: "tel",
       value: value
     })
   });
 }
-export function contactOptions(types) {
+export function contactOptions(types, config) {
   return types.map(function (type) {
     return {
-      label: identifierLabel(type),
+      label: identifierLabel(type, config),
       value: type
     };
   });

package/es/auth/phoneNumberInput.d.ts

@@ -1,7 +1,9 @@
-import React, { type CSSProperties } from 'react';
+import type { AuthConfig } from '@hanwenbo/x-auth-core/types';
+import { type CSSProperties } from 'react';
 import type { PhoneCountryCode, PhoneCountryLabels } from '@hanwenbo/x-auth-core/types';
 import './styles.css';
 export interface PhoneNumberInputProps {
+    config?: AuthConfig;
     className?: string;
     countries?: PhoneCountryCode[];
     countryCallingCodeEditable?: boolean;
@@ -18,5 +20,5 @@ export interface PhoneNumberInputProps {
     testID?: string;
     value?: string;
 }
-export declare function PhoneNumberInput({ className, countries, defaultCountry, disabled, error, labels, limitMaxLength, onChange, placeholder, readOnly, size, style, testID, value }: PhoneNumberInputProps): React.JSX.Element;
+export declare function PhoneNumberInput({ config, className, countries, defaultCountry, disabled, error, labels, limitMaxLength, onChange, placeholder, readOnly, size, style, testID, value }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=phoneNumberInput.d.ts.map

package/es/auth/phoneNumberInput.js

@@ -1,20 +1,29 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useAuthTranslation } from '@hanwenbo/x-auth-core/react';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Text, View } from '@tarojs/components';
 import { composePhoneNumber, getPhoneCountryOptions, splitPhoneNumber } from '@hanwenbo/x-auth-core/phone';
 import { InputItem } from "../components/inputItem/index";
 import { Picker } from "../components/picker";
+import { useInputItemTokens } from "../components/inputItem/tokens";
 import "./styles.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function PhoneNumberInput(_ref) {
   var _options$find, _selected$countryCode, _selected$countryCode2;
-  var className = _ref.className,
+  var config = _ref.config,
+    className = _ref.className,
     countries = _ref.countries,
     _ref$defaultCountry = _ref.defaultCountry,
     defaultCountry = _ref$defaultCountry === void 0 ? 'CN' : _ref$defaultCountry,
@@ -24,14 +33,18 @@ export function PhoneNumberInput(_ref) {
     _ref$limitMaxLength = _ref.limitMaxLength,
     limitMaxLength = _ref$limitMaxLength === void 0 ? true : _ref$limitMaxLength,
     _onChange = _ref.onChange,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '请输入手机号' : _ref$placeholder,
+    placeholder = _ref.placeholder,
     readOnly = _ref.readOnly,
     size = _ref.size,
     style = _ref.style,
     _ref$testID = _ref.testID,
     testID = _ref$testID === void 0 ? 'auth-phone-number' : _ref$testID,
     value = _ref.value;
+  var t = useAuthTranslation(config);
+  var inputTokens = useInputItemTokens(size);
+  if (placeholder === undefined) placeholder = t('auth.enter', {
+    label: t('auth.phone')
+  });
   var parsed = splitPhoneNumber(value, defaultCountry);
   var _useState = useState(parsed.countryCode),
     _useState2 = _slicedToArray(_useState, 2),
@@ -54,9 +67,12 @@ export function PhoneNumberInput(_ref) {
   return /*#__PURE__*/_jsxs(View, {
     className: "x-taro-auth-phone ".concat(className !== null && className !== void 0 ? className : ''),
     "data-testid": testID,
-    style: style,
+    style: _objectSpread({
+      '--x-taro-auth-phone-height': "".concat(inputTokens.height, "px"),
+      '--x-taro-auth-phone-font-size': "".concat(inputTokens.fontSize, "px")
+    }, style),
     children: [/*#__PURE__*/_jsx(Picker, {
-      ariaLabel: "\u9009\u62E9\u56FD\u5BB6\u6216\u5730\u533A",
+      ariaLabel: t('auth.chooseCountry'),
       columns: options.map(function (option) {
         var _labels$option$countr;
         return {
@@ -65,7 +81,7 @@ export function PhoneNumberInput(_ref) {
         };
       }),
       disabled: disabled || readOnly,
-      title: "\u9009\u62E9\u56FD\u5BB6\u6216\u5730\u533A",
+      title: t('auth.chooseCountry'),
       value: [(_selected$countryCode2 = selected === null || selected === void 0 ? void 0 : selected.countryCode) !== null && _selected$countryCode2 !== void 0 ? _selected$countryCode2 : defaultCountry],
       onConfirm: function onConfirm(nextValue) {
         var next = options.find(function (option) {
@@ -77,7 +93,7 @@ export function PhoneNumberInput(_ref) {
       },
       children: function children(_items, actions) {
         return /*#__PURE__*/_jsxs(View, {
-          ariaLabel: "\u9009\u62E9\u56FD\u5BB6\u6216\u5730\u533A",
+          ariaLabel: t('auth.chooseCountry'),
           className: "x-taro-auth-phone__country",
           role: "button",
           onClick: actions.open,
@@ -92,7 +108,7 @@ export function PhoneNumberInput(_ref) {
         });
       }
     }), /*#__PURE__*/_jsx(InputItem, {
-      ariaLabel: "\u624B\u673A\u53F7",
+      ariaLabel: t('auth.phone'),
       className: "x-taro-auth-phone__input",
       disabled: disabled,
       error: error,
@@ -103,6 +119,9 @@ export function PhoneNumberInput(_ref) {
       placeholder: placeholder,
       readOnly: readOnly,
       size: size,
+      style: {
+        minHeight: inputTokens.height - 2
+      },
       type: "tel",
       value: nationalNumber
     })]

package/es/auth/provider.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import type { AuthConfig, AuthFailureHandler, AuthServices, AuthSession, ReauthenticationRequiredHandler } from '@hanwenbo/x-auth-core/types';
 import { type AuthThemeTokens } from './theme';
 export interface AuthProviderProps<Session extends AuthSession = AuthSession> extends PropsWithChildren {
@@ -8,6 +8,6 @@ export interface AuthProviderProps<Session extends AuthSession = AuthSession> ex
     services?: AuthServices<Session>;
     tokens?: AuthThemeTokens;
 }
-export declare function AuthProvider<Session extends AuthSession = AuthSession>({ children, config, onAuthError, onReauthenticationRequired, services, tokens }: AuthProviderProps<Session>): React.JSX.Element;
+export declare function AuthProvider<Session extends AuthSession = AuthSession>({ children, config, onAuthError, onReauthenticationRequired, services, tokens }: AuthProviderProps<Session>): import("react/jsx-runtime").JSX.Element;
 export declare function useAuthTheme(tokens?: AuthThemeTokens): AuthThemeTokens;
 //# sourceMappingURL=provider.d.ts.map