@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/auth/AuthForms.d.ts

@@ -2,159 +2,209 @@ import { default as React } from 'react';
 import { OAuthProvider } from './types.js';
 import * as z from 'zod';
 /**
- * ソーシャルログインプロバイダーの設定
+ * OAuth button configuration rendered by LoginForm.
  *
- * @example
- * ```tsx
- * const providers: SocialProviderConfig[] = [
- *   { provider: 'google', label: 'Login with Google' },
- *   { provider: 'line-oidc', label: 'LINEでログイン', icon: <LineIcon /> },
- * ];
- * ```
+ * @see LoginForm for complete provider setup.
  */
 export interface SocialProviderConfig {
-    /** プロバイダー識別子（組み込みまたはカスタム OIDC プロバイダー名） */
+    /**
+     * Identifier passed to adapter.loginWithProvider; actual support is host-configured.
+     */
     provider: OAuthProvider;
-    /** ボタンに表示するラベル */
+    /**
+     * Visible button text.
+     */
     label: string;
-    /** アイコン（ReactNode）。省略時はデフォルトアイコンを使用 */
+    /**
+     * Optional icon; omission uses Apple/Google artwork or a generic globe.
+     */
     icon?: React.ReactNode;
 }
 /**
- * ログイン用のフォームコンポーネント。メールアドレスとパスワードによる認証、およびソーシャルログインに対応します。
+ * Renders email/password login and optional OAuth provider buttons.
  *
- * @param props - コンポーネントのプロパティ
- * @param props.onSuccess - ログイン成功時のコールバック
- * @param props.socialProviders - ソーシャルログインプロバイダーの設定（省略時は Apple + Google）
- * @param props.showRegisterLink - 新規登録リンクを表示するか（デフォルト: true）
- * @param props.showEmailLogin - メールアドレスとパスワードのログイン欄を表示するか（デフォルト: true）
- * @param props.redirectTo - ソーシャルログイン後の移動先（デフォルト: 現在のドメインの `/`）
- * @param props.onRegisterClick - 新規登録リンククリック時のコールバック（設定するとリンクが表示される）
+ * @param props - Success/navigation callbacks, provider buttons and optional visibility settings.
+ *
+ * @returns Login form with validation, pending state and an error alert.
+ *
+ * @throws Error without AuthProvider; email/OAuth action failures are caught and shown as messages.
+ *
+ * @remarks Requires AuthProvider inside QueryClientProvider, React Hook Form, Zod and Appkit
+ * styles. Email must be valid and password at least six characters before submission.
+ * Email success invokes onSuccess; OAuth success does not. OAuth buttons exist only
+ * when the adapter supplies loginWithProvider. The host configures real authentication.
  *
  * @example
  * ```tsx
- * <LoginForm
- *   onSuccess={() => navigate('/dashboard')}
- *   socialProviders={[{ provider: 'google', label: 'Googleでログイン' }]}
- * />
+ * import '@alneas/appkit-react/styles';
+ * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+ * import { AuthProvider, LoginForm, type AuthAdapter } from '@alneas/appkit-react/tools/auth';
+ * export function FormExample({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {
+ *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><LoginForm socialProviders={[{ provider: 'google', label: 'Google' }]} /></AuthProvider></QueryClientProvider>;
+ * }
  * ```
  */
 export declare function LoginForm({ onSuccess, socialProviders, showRegisterLink, showEmailLogin, redirectTo, onRegisterClick, }: {
+    /**
+     * Optional synchronous callback after successful email/password login; thrown errors become form error messages.
+     */
     onSuccess?: () => void;
+    /**
+     * OAuth button definitions; omission uses Apple and Google, empty array hides buttons.
+     */
     socialProviders?: SocialProviderConfig[];
+    /**
+     * Show the register action only when onRegisterClick also exists; defaults to true.
+     */
     showRegisterLink?: boolean;
+    /**
+     * Show email/password fields and submit button; defaults to true.
+     */
     showEmailLogin?: boolean;
+    /**
+     * OAuth destination resolved against window.location.origin; defaults to /.
+     */
     redirectTo?: string;
+    /**
+     * Optional synchronous click handler for the register action.
+     */
     onRegisterClick?: () => void;
 }): React.JSX.Element;
 /**
- * ユーザー登録フォームの既存フィールド（name/email/password）の表示設定。
- * 各フィールドの表示/非表示、ラベル、プレースホルダーを個別にカスタマイズできます。
+ * Visibility, label and placeholder overrides for the three built-in registration fields.
  *
- * @example
- * ```tsx
- * // name フィールドを非表示にして、email のラベルを変更
- * <RegisterForm fields={{ name: { show: false }, email: { label: 'Email Address' } }} />
- * ```
+ * @remarks All fields default to visible; labels/placeholders are localized. Hiding email
+ * or password does not remove their required schema validation.
+ *
+ * @see RegisterForm for usage.
  */
 export interface RegisterFieldConfig {
-    /** 名前フィールドの設定 */
+    /**
+     * Overrides for optional display-name input.
+     */
     name?: {
+        /** Visibility override; defaults to true. */
         show?: boolean;
+        /** Localized label override. */
         label?: string;
+        /** Placeholder override. */
         placeholder?: string;
     };
-    /** メールアドレスフィールドの設定 */
+    /**
+     * Overrides for required email input; hiding it does not skip validation.
+     */
     email?: {
+        /** Visibility override; defaults to true. */
         show?: boolean;
+        /** Localized label override. */
         label?: string;
+        /** Placeholder override. */
         placeholder?: string;
     };
-    /** パスワードフィールドの設定 */
+    /**
+     * Overrides for required password input; hiding it does not skip validation.
+     */
     password?: {
+        /** Visibility override; defaults to true. */
         show?: boolean;
+        /** Localized label override. */
         label?: string;
+        /** Placeholder override. */
         placeholder?: string;
     };
 }
 /**
- * 登録フォームに追加するカスタムフィールドの設定。
- * `type` に応じて適切な入力 UI が自動選択され、`validation` で Zod スキーマを指定すると
- * 自動生成のバリデーションを上書きできます。
+ * Additional registration input rendered and validated locally by RegisterForm.
  *
- * @example
- * ```tsx
- * const extraFields: RegisterExtraField[] = [
- *   { name: 'phone', label: 'Phone', type: 'tel', required: true },
- *   { name: 'birthDate', label: 'Birth Date', type: 'date' },
- *   { name: 'company', label: 'Company', type: 'text' },
- *   { name: 'role', label: 'Role', type: 'select', required: true,
- *     options: [{ label: 'Admin', value: 'admin' }, { label: 'User', value: 'user' }] },
- *   { name: 'agreement', label: 'Agree to terms', type: 'checkbox', required: true },
- * ];
- * ```
+ * @remarks These values are not passed to AuthAdapter.register: the bundled form sends
+ * only email, password and name. Use host-owned persistence to save other fields.
+ * Custom validation overrides automatic type/required rules.
  *
- * カスタムバリデーション:
- * ```tsx
- * { name: 'phone', label: 'Phone', type: 'tel', required: true,
- *   validation: z.string().regex(/^0[0-9]{9,10}$/, 'Invalid phone number') }
- * ```
+ * @see RegisterForm for complete usage.
  */
 export interface RegisterExtraField {
-    /** フィールドのキー名（フォームデータのプロパティ名） */
+    /**
+     * Unique form-data key; avoid built-in email/password/name collisions unless intentionally replacing their schema.
+     */
     name: string;
-    /** ラベル */
+    /**
+     * Visible field label.
+     */
     label: string;
-    /** 入力 UI の種類。`date` はネイティブの日付ピッカー、`tel` はテンキー入力に対応 */
+    /**
+     * Input presentation, default text. tel/url use text input modes, date uses schema date format.
+     */
     type?: 'text' | 'email' | 'tel' | 'date' | 'number' | 'url' | 'password' | 'textarea' | 'select' | 'checkbox';
-    /** プレースホルダー */
+    /**
+     * Optional input hint passed where supported by the rendered control.
+     */
     placeholder?: string;
-    /** 必須フィールドとするか */
+    /**
+     * Add required default validation; omission is optional except optional checkbox still expects a boolean.
+     */
     required?: boolean;
-    /** autocomplete 属性 */
+    /**
+     * Optional browser autocomplete hint where supported.
+     */
     autoComplete?: string;
-    /** `type='select'` の場合の選択肢 */
+    /**
+     * Select choices; defaults to an empty list for a select without options.
+     */
     options?: {
+        /** Display text. */
         label: string;
+        /** Submitted choice value. */
         value: string;
     }[];
     /**
-     * カスタム Zod バリデーション。
-     * 省略時は `type` と `required` から自動生成されます。
-     * @example z.string().regex(/^0[0-9]{9,10}$/)
+     * Optional Zod schema replacing generated validation for this field.
      */
     validation?: z.ZodTypeAny;
 }
 /**
- * ユーザー登録用のフォームコンポーネント。メールアドレス、パスワード、および任意の氏名の入力を受け付けます。
- * `fields` で既存フィールドの表示/非表示やラベルを、`extraFields` で任意の追加項目を設定できます。
+ * Renders account registration with built-in field overrides and optional local extra inputs.
+ *
+ * @param props - Registration success/navigation callbacks and field presentation settings.
+ *
+ * @returns Validated form, pending submit button and error feedback.
  *
- * @param props - コンポーネントのプロパティ
- * @param props.onSuccess - 登録成功時のコールバック
- * @param props.fields - 既存フィールド（name/email/password）の表示カスタマイズ
- * @param props.extraFields - 追加フィールドの定義（電話番号、生年月日など任意の項目）
- * @param props.showLoginLink - ログインページへのリンクを表示するか（デフォルト: true）
- * @param props.onLoginClick - ログインリンククリック時のコールバック
+ * @throws Error without AuthProvider; registration and onSuccess failures are shown as form errors.
+ *
+ * @remarks Requires AuthProvider inside QueryClientProvider, React Hook Form, Zod and Appkit
+ * styles. Email must be valid; password requires six characters; name is optional.
+ * Extra inputs are validated and rendered but not persisted by this component: only
+ * email, password and {name} reach adapter.register. Hidden built-in fields remain in
+ * validation. Custom extra schemas can override built-in names, so avoid collisions.
  *
  * @example
  * ```tsx
- * // 基本
- * <RegisterForm onSuccess={() => navigate('/login')} />
- *
- * // name 非表示 + 追加フィールド
- * <RegisterForm
- *   fields={{ name: { show: false } }}
- *   extraFields={[
- *     { name: 'phone', label: 'Phone', type: 'tel', required: true },
- *     { name: 'birthDate', label: 'Birth Date', type: 'date' },
- *   ]}
- * />
+ * import '@alneas/appkit-react/styles';
+ * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+ * import { AuthProvider, RegisterForm, type AuthAdapter } from '@alneas/appkit-react/tools/auth';
+ * export function FormExample({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {
+ *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><RegisterForm fields={{ name: { label: 'Display name' } }} /></AuthProvider></QueryClientProvider>;
+ * }
  * ```
  */
 export declare function RegisterForm({ onSuccess, fields, extraFields, showLoginLink, onLoginClick, }: {
+    /**
+     * Optional synchronous callback after registration; thrown errors become form errors.
+     */
     onSuccess?: () => void;
+    /**
+     * Optional visibility/label/placeholder overrides for name, email and password.
+     */
     fields?: RegisterFieldConfig;
+    /**
+     * Optional extra input definitions; validated locally but not forwarded to register.
+     */
     extraFields?: RegisterExtraField[];
+    /**
+     * Show login action when onLoginClick exists; defaults to true.
+     */
     showLoginLink?: boolean;
+    /**
+     * Optional synchronous click handler for the login action.
+     */
     onLoginClick?: () => void;
 }): React.JSX.Element;

package/dist/tools/components/auth/AuthForms.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthForms.js","names":["z","m.auth_validation_invalidEmail","m.auth_validation_passwordLength","m.auth_loginWithApple","m.auth_loginWithGoogle","m.auth_failedToLogin","m.auth_socialLoginFailed","_Fragment","m.auth_orContinueWith","m.auth_email","m.auth_emailPlaceholder","m.auth_password","m.auth_loggingIn","m.signIn","m.auth_dontHaveAccount","m.signUp","m.auth_name","m.auth_namePlaceholder","m.auth_validation_invalidNumber","m.auth_validation_required","m.auth_failedToRegister","m.auth_registering","m.auth_alreadyHaveAccount","auth_alreadyhaveaccount2","auth_donthaveaccount2","auth_emailplaceholder1","auth_failedtologin2","auth_failedtoregister2","auth_loggingin1","auth_loginwithapple2","auth_loginwithgoogle2","auth_nameplaceholder1","auth_orcontinuewith2","auth_socialloginfailed2","auth_validation_invalidemail1","auth_validation_invalidnumber1","auth_validation_passwordlength1","signin1","signup1","React","z$1","loginSchema","registerSchema","AppleIcon","GoogleIcon","DefaultProviderIcon","builtInIcons","defaultSocialProviders","LoginForm","useAuth","error","setError","useState","isPending","setIsPending","useForm","zodResolver","onSubmit","login","values","onSuccess","err","handleSocialLogin","loginWithProvider","provider","redirectTo","providers","socialProviders","Form","handleSubmit","Alert","AlertCircle","AlertDescription","Fragment","Button","isSubmitting","config","showEmailLogin","FieldSeparator","AutoFormField","auth_email","auth_password","showRegisterLink","onRegisterClick","defaultFieldConfig","auth_name","resolveFieldConfig","cfg","fields","key","buildExtraFieldSchema","shape","field","auth_validation_required","renderExtraField","commonProps","inputProps","supportedType","RegisterForm","extraFieldSchema","extraFields","finalSchema","f","acc","register","nameCfg","emailCfg","passwordCfg","control","auth_registering","showLoginLink","onLoginClick"],"sources":["../../../../src/tools/components/auth/AuthForms.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport * as z from 'zod';\nimport { useAuth } from './useAuth';\nimport { Button } from '../ui/button';\nimport { Form, AutoFormField } from '../ui/form';\nimport { FieldSeparator } from '../ui/field';\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { OAuthProvider } from './types';\nimport { AlertCircle } from 'lucide-react';\nimport * as m from '../../paraglide/messages.js';\n\nconst loginSchema = z.object({\n  email: z.string().email({ message: m.auth_validation_invalidEmail() }),\n  password: z.string().min(6, { message: m.auth_validation_passwordLength() }),\n});\n\nconst registerSchema = z.object({\n  email: z.string().email({ message: m.auth_validation_invalidEmail() }),\n  password: z.string().min(6, { message: m.auth_validation_passwordLength() }),\n  name: z.string().optional(),\n});\n\n/**\n * ソーシャルログインプロバイダーの設定\n *\n * @example\n * ```tsx\n * const providers: SocialProviderConfig[] = [\n *   { provider: 'google', label: 'Login with Google' },\n *   { provider: 'line-oidc', label: 'LINEでログイン', icon: <LineIcon /> },\n * ];\n * ```\n */\nexport interface SocialProviderConfig {\n  /** プロバイダー識別子（組み込みまたはカスタム OIDC プロバイダー名） */\n  provider: OAuthProvider;\n  /** ボタンに表示するラベル */\n  label: string;\n  /** アイコン（ReactNode）。省略時はデフォルトアイコンを使用 */\n  icon?: React.ReactNode;\n}\n\n/** Apple のデフォルトアイコン */\nconst AppleIcon = () => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' className='mr-2 h-4 w-4'>\n    <path\n      d='M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701'\n      fill='currentColor'\n    />\n  </svg>\n);\n\n/** Google のデフォルトアイコン */\nconst GoogleIcon = () => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' className='mr-2 h-4 w-4'>\n    <path\n      d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'\n      fill='currentColor'\n    />\n  </svg>\n);\n\n/** カスタムプロバイダー用のデフォルトアイコン（Globe） */\nconst DefaultProviderIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox='0 0 24 24'\n    fill='none'\n    stroke='currentColor'\n    strokeWidth='2'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    className='mr-2 h-4 w-4'\n  >\n    <circle cx='12' cy='12' r='10' />\n    <path d='M2 12h20' />\n    <path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' />\n  </svg>\n);\n\n/** 組み込みプロバイダーのデフォルトアイコンマップ */\nconst builtInIcons: Record<string, React.ReactNode> = {\n  apple: <AppleIcon />,\n  google: <GoogleIcon />,\n};\n\n/** デフォルトのソーシャルプロバイダー設定（後方互換用） */\nconst defaultSocialProviders: SocialProviderConfig[] = [\n  { provider: 'apple', label: m.auth_loginWithApple() },\n  { provider: 'google', label: m.auth_loginWithGoogle() },\n];\n\n/**\n * ログイン用のフォームコンポーネント。メールアドレスとパスワードによる認証、およびソーシャルログインに対応します。\n *\n * @param props - コンポーネントのプロパティ\n * @param props.onSuccess - ログイン成功時のコールバック\n * @param props.socialProviders - ソーシャルログインプロバイダーの設定（省略時は Apple + Google）\n * @param props.showRegisterLink - 新規登録リンクを表示するか（デフォルト: true）\n * @param props.showEmailLogin - メールアドレスとパスワードのログイン欄を表示するか（デフォルト: true）\n * @param props.redirectTo - ソーシャルログイン後の移動先（デフォルト: 現在のドメインの `/`）\n * @param props.onRegisterClick - 新規登録リンククリック時のコールバック（設定するとリンクが表示される）\n *\n * @example\n * ```tsx\n * <LoginForm\n *   onSuccess={() => navigate('/dashboard')}\n *   socialProviders={[{ provider: 'google', label: 'Googleでログイン' }]}\n * />\n * ```\n */\nexport function LoginForm({\n  onSuccess,\n  socialProviders,\n  showRegisterLink = true,\n  showEmailLogin = true,\n  redirectTo = '/',\n  onRegisterClick,\n}: {\n  onSuccess?: () => void;\n  socialProviders?: SocialProviderConfig[];\n  showRegisterLink?: boolean;\n  showEmailLogin?: boolean;\n  redirectTo?: string;\n  onRegisterClick?: () => void;\n}) {\n  const { login, loginWithProvider } = useAuth();\n  const [error, setError] = useState<string | null>(null);\n  const [isPending, setIsPending] = useState(false);\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: '',\n      password: '',\n    },\n  });\n\n  const {\n    handleSubmit,\n    control,\n    formState: { isSubmitting },\n  } = form;\n\n  async function onSubmit(values: z.infer<typeof loginSchema>) {\n    try {\n      setIsPending(true);\n      setError(null);\n      await login(values.email, values.password);\n      if (onSuccess) onSuccess();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_failedToLogin());\n    } finally {\n      setIsPending(false);\n    }\n  }\n\n  const handleSocialLogin = async (provider: OAuthProvider) => {\n    if (!loginWithProvider) return;\n\n    try {\n      setError(null);\n      await loginWithProvider(provider, {\n        redirectTo: new URL(redirectTo, window.location.origin).href,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_socialLoginFailed());\n    }\n  };\n\n  const providers = socialProviders ?? defaultSocialProviders;\n\n  return (\n    <Form.Root onSubmit={handleSubmit(onSubmit)} className='space-y-4'>\n      {error && (\n        <Alert variant='destructive'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {loginWithProvider && providers.length > 0 && (\n        <>\n          <div className='flex flex-col gap-2'>\n            {providers.map((config) => (\n              <Button\n                key={config.provider}\n                variant='outline'\n                type='button'\n                disabled={isPending || isSubmitting}\n                onClick={() => handleSocialLogin(config.provider)}\n              >\n                {config.icon ?? builtInIcons[config.provider] ?? <DefaultProviderIcon />}\n                {config.label}\n              </Button>\n            ))}\n          </div>\n\n          {showEmailLogin && (\n            <FieldSeparator className='*:data-[slot=field-separator-content]:bg-card'>\n              {m.auth_orContinueWith()}\n            </FieldSeparator>\n          )}\n        </>\n      )}\n\n      {showEmailLogin && (\n        <>\n          <AutoFormField\n            control={control}\n            name='email'\n            label={m.auth_email()}\n            inputProps={{ placeholder: m.auth_emailPlaceholder() }}\n          />\n\n          <AutoFormField\n            control={control}\n            name='password'\n            label={m.auth_password()}\n            type='password'\n            inputProps={{ autoComplete: 'current-password' }}\n          />\n\n          <Button type='submit' className='w-full' disabled={isPending || isSubmitting}>\n            {isPending ? m.auth_loggingIn() : m.signIn()}\n          </Button>\n        </>\n      )}\n\n      {showRegisterLink && onRegisterClick && (\n        <div className='text-center text-sm text-muted-foreground'>\n          {m.auth_dontHaveAccount()}{' '}\n          <Button type='button' variant='link' className='p-0 h-auto' onClick={onRegisterClick}>\n            {m.signUp()}\n          </Button>\n        </div>\n      )}\n    </Form.Root>\n  );\n}\n\n/**\n * ユーザー登録フォームの既存フィールド（name/email/password）の表示設定。\n * 各フィールドの表示/非表示、ラベル、プレースホルダーを個別にカスタマイズできます。\n *\n * @example\n * ```tsx\n * // name フィールドを非表示にして、email のラベルを変更\n * <RegisterForm fields={{ name: { show: false }, email: { label: 'Email Address' } }} />\n * ```\n */\nexport interface RegisterFieldConfig {\n  /** 名前フィールドの設定 */\n  name?: { show?: boolean; label?: string; placeholder?: string };\n  /** メールアドレスフィールドの設定 */\n  email?: { show?: boolean; label?: string; placeholder?: string };\n  /** パスワードフィールドの設定 */\n  password?: { show?: boolean; label?: string; placeholder?: string };\n}\n\n/**\n * 登録フォームに追加するカスタムフィールドの設定。\n * `type` に応じて適切な入力 UI が自動選択され、`validation` で Zod スキーマを指定すると\n * 自動生成のバリデーションを上書きできます。\n *\n * @example\n * ```tsx\n * const extraFields: RegisterExtraField[] = [\n *   { name: 'phone', label: 'Phone', type: 'tel', required: true },\n *   { name: 'birthDate', label: 'Birth Date', type: 'date' },\n *   { name: 'company', label: 'Company', type: 'text' },\n *   { name: 'role', label: 'Role', type: 'select', required: true,\n *     options: [{ label: 'Admin', value: 'admin' }, { label: 'User', value: 'user' }] },\n *   { name: 'agreement', label: 'Agree to terms', type: 'checkbox', required: true },\n * ];\n * ```\n *\n * カスタムバリデーション:\n * ```tsx\n * { name: 'phone', label: 'Phone', type: 'tel', required: true,\n *   validation: z.string().regex(/^0[0-9]{9,10}$/, 'Invalid phone number') }\n * ```\n */\nexport interface RegisterExtraField {\n  /** フィールドのキー名（フォームデータのプロパティ名） */\n  name: string;\n  /** ラベル */\n  label: string;\n  /** 入力 UI の種類。`date` はネイティブの日付ピッカー、`tel` はテンキー入力に対応 */\n  type?: 'text' | 'email' | 'tel' | 'date' | 'number' | 'url' | 'password' | 'textarea' | 'select' | 'checkbox';\n  /** プレースホルダー */\n  placeholder?: string;\n  /** 必須フィールドとするか */\n  required?: boolean;\n  /** autocomplete 属性 */\n  autoComplete?: string;\n  /** `type='select'` の場合の選択肢 */\n  options?: { label: string; value: string }[];\n  /**\n   * カスタム Zod バリデーション。\n   * 省略時は `type` と `required` から自動生成されます。\n   * @example z.string().regex(/^0[0-9]{9,10}$/)\n   */\n  validation?: z.ZodTypeAny;\n}\n\nconst defaultFieldConfig = {\n  name: { show: true, label: m.auth_name(), placeholder: m.auth_namePlaceholder() },\n  email: { show: true, label: m.auth_email(), placeholder: m.auth_emailPlaceholder() },\n  password: { show: true, label: m.auth_password(), placeholder: '' },\n};\n\nfunction resolveFieldConfig(\n  fields: RegisterFieldConfig | undefined,\n  key: keyof RegisterFieldConfig,\n) {\n  const cfg = fields?.[key];\n  if (!cfg) return defaultFieldConfig[key];\n  return {\n    show: cfg.show ?? defaultFieldConfig[key].show,\n    label: cfg.label ?? defaultFieldConfig[key].label,\n    placeholder: cfg.placeholder ?? defaultFieldConfig[key].placeholder,\n  };\n}\n\nfunction buildExtraFieldSchema(fields: RegisterExtraField[]): z.ZodObject<any> {\n  const shape: Record<string, z.ZodTypeAny> = {};\n  for (const field of fields) {\n    if (field.validation) {\n      shape[field.name] = field.validation;\n    } else if (field.type === 'email') {\n      shape[field.name] = field.required\n        ? z.string().email({ message: m.auth_validation_invalidEmail() })\n        : z.string().email({ message: m.auth_validation_invalidEmail() }).optional().or(z.literal(''));\n    } else if (field.type === 'number') {\n      shape[field.name] = field.required\n        ? z.coerce.number({ message: m.auth_validation_invalidNumber() })\n        : z.coerce.number({ message: m.auth_validation_invalidNumber() }).optional();\n    } else if (field.type === 'checkbox') {\n      shape[field.name] = field.required\n        ? z.literal(true, { message: m.auth_validation_required() })\n        : z.boolean();\n    } else {\n      shape[field.name] = field.required\n        ? z.string().min(1, m.auth_validation_required())\n        : z.string().optional();\n    }\n  }\n  return z.object(shape);\n}\n\nfunction renderExtraField(field: RegisterExtraField, control: any) {\n  const commonProps = {\n    control,\n    name: field.name,\n    label: field.label,\n    required: field.required,\n  };\n\n  const inputProps: Record<string, any> = {};\n  if (field.placeholder) inputProps.placeholder = field.placeholder;\n  if (field.autoComplete) inputProps.autoComplete = field.autoComplete;\n\n  if (field.type === 'date') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        jsonSchema={{ type: 'string', format: 'date' }}\n      />\n    );\n  }\n\n  if (field.type === 'select') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        type='select'\n        options={field.options ?? []}\n      />\n    );\n  }\n\n  if (field.type === 'checkbox') {\n    return <AutoFormField {...commonProps} type='checkbox' />;\n  }\n\n  if (field.type === 'textarea') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        type='textarea'\n        inputProps={inputProps}\n      />\n    );\n  }\n\n  if (field.type === 'tel') inputProps.inputMode = 'tel';\n  if (field.type === 'url') inputProps.inputMode = 'url';\n\n  const supportedType = ['text', 'number', 'email', 'password'].includes(field.type ?? 'text')\n    ? (field.type as 'text' | 'number' | 'email' | 'password')\n    : 'text';\n\n  return (\n    <AutoFormField\n      {...commonProps}\n      type={supportedType}\n      inputProps={Object.keys(inputProps).length > 0 ? inputProps : undefined}\n    />\n  );\n}\n\n/**\n * ユーザー登録用のフォームコンポーネント。メールアドレス、パスワード、および任意の氏名の入力を受け付けます。\n * `fields` で既存フィールドの表示/非表示やラベルを、`extraFields` で任意の追加項目を設定できます。\n *\n * @param props - コンポーネントのプロパティ\n * @param props.onSuccess - 登録成功時のコールバック\n * @param props.fields - 既存フィールド（name/email/password）の表示カスタマイズ\n * @param props.extraFields - 追加フィールドの定義（電話番号、生年月日など任意の項目）\n * @param props.showLoginLink - ログインページへのリンクを表示するか（デフォルト: true）\n * @param props.onLoginClick - ログインリンククリック時のコールバック\n *\n * @example\n * ```tsx\n * // 基本\n * <RegisterForm onSuccess={() => navigate('/login')} />\n *\n * // name 非表示 + 追加フィールド\n * <RegisterForm\n *   fields={{ name: { show: false } }}\n *   extraFields={[\n *     { name: 'phone', label: 'Phone', type: 'tel', required: true },\n *     { name: 'birthDate', label: 'Birth Date', type: 'date' },\n *   ]}\n * />\n * ```\n */\nexport function RegisterForm({\n  onSuccess,\n  fields,\n  extraFields,\n  showLoginLink = true,\n  onLoginClick,\n}: {\n  onSuccess?: () => void;\n  fields?: RegisterFieldConfig;\n  extraFields?: RegisterExtraField[];\n  showLoginLink?: boolean;\n  onLoginClick?: () => void;\n}) {\n  const { register } = useAuth();\n  const [error, setError] = useState<string | null>(null);\n  const [isPending, setIsPending] = useState(false);\n\n  const extraFieldSchema = extraFields?.length ? buildExtraFieldSchema(extraFields) : null;\n  const finalSchema = extraFieldSchema ? registerSchema.extend(extraFieldSchema.shape) : registerSchema;\n\n  const form = useForm<any>({\n    resolver: zodResolver(finalSchema),\n    defaultValues: {\n      email: '',\n      password: '',\n      name: '',\n      ...(extraFields?.reduce((acc, f) => {\n        acc[f.name] = f.type === 'checkbox' ? false : '';\n        return acc;\n      }, {} as Record<string, any>)),\n    },\n  });\n\n  const {\n    handleSubmit,\n    control,\n    formState: { isSubmitting },\n  } = form;\n\n  async function onSubmit(values: any) {\n    try {\n      setIsPending(true);\n      setError(null);\n      await register(values.email, values.password, { name: values.name });\n      if (onSuccess) onSuccess();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_failedToRegister());\n    } finally {\n      setIsPending(false);\n    }\n  }\n\n  return (\n    <Form.Root onSubmit={handleSubmit(onSubmit)} className='space-y-4'>\n      {error && (\n        <Alert variant='destructive'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {(() => {\n        const nameCfg = resolveFieldConfig(fields, 'name');\n        const emailCfg = resolveFieldConfig(fields, 'email');\n        const passwordCfg = resolveFieldConfig(fields, 'password');\n        return (\n          <>\n            {nameCfg.show && (\n              <AutoFormField\n                control={control}\n                name='name'\n                label={nameCfg.label}\n                inputProps={{ placeholder: nameCfg.placeholder }}\n              />\n            )}\n            {emailCfg.show && (\n              <AutoFormField\n                control={control}\n                name='email'\n                label={emailCfg.label}\n                inputProps={{ placeholder: emailCfg.placeholder }}\n              />\n            )}\n            {passwordCfg.show && (\n              <AutoFormField\n                control={control}\n                name='password'\n                label={passwordCfg.label}\n                type='password'\n                inputProps={{ autoComplete: 'new-password', placeholder: passwordCfg.placeholder || undefined }}\n              />\n            )}\n          </>\n        );\n      })()}\n\n      {extraFields?.length ? (\n        <div className='space-y-4'>\n          {extraFields.map((field) => (\n            <React.Fragment key={field.name}>\n              {renderExtraField(field, control)}\n            </React.Fragment>\n          ))}\n        </div>\n      ) : null}\n\n      <Button type='submit' className='w-full' disabled={isPending || isSubmitting}>\n        {isPending ? m.auth_registering() : m.signUp()}\n      </Button>\n\n      {showLoginLink && onLoginClick && (\n        <div className='text-center text-sm text-muted-foreground'>\n          {m.auth_alreadyHaveAccount()}{' '}\n          <Button type='button' variant='link' className='p-0 h-auto' onClick={onLoginClick}>\n            {m.signIn()}\n          </Button>\n        </div>\n      )}\n    </Form.Root>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuthForms.js","names":["z","m.auth_validation_invalidEmail","m.auth_validation_passwordLength","m.auth_loginWithApple","m.auth_loginWithGoogle","m.auth_failedToLogin","m.auth_socialLoginFailed","_Fragment","m.auth_orContinueWith","m.auth_email","m.auth_emailPlaceholder","m.auth_password","m.auth_loggingIn","m.signIn","m.auth_dontHaveAccount","m.signUp","m.auth_name","m.auth_namePlaceholder","m.auth_validation_invalidNumber","m.auth_validation_required","m.auth_failedToRegister","m.auth_registering","m.auth_alreadyHaveAccount","auth_alreadyhaveaccount2","auth_donthaveaccount2","auth_emailplaceholder1","auth_failedtologin2","auth_failedtoregister2","auth_loggingin1","auth_loginwithapple2","auth_loginwithgoogle2","auth_nameplaceholder1","auth_orcontinuewith2","auth_socialloginfailed2","auth_validation_invalidemail1","auth_validation_invalidnumber1","auth_validation_passwordlength1","signin1","signup1","React","z$1","loginSchema","registerSchema","AppleIcon","GoogleIcon","DefaultProviderIcon","builtInIcons","defaultSocialProviders","LoginForm","useAuth","error","setError","useState","isPending","setIsPending","useForm","zodResolver","onSubmit","login","values","onSuccess","err","handleSocialLogin","loginWithProvider","provider","redirectTo","providers","socialProviders","Form","handleSubmit","Alert","AlertCircle","AlertDescription","Fragment","Button","isSubmitting","config","showEmailLogin","FieldSeparator","AutoFormField","auth_email","auth_password","showRegisterLink","onRegisterClick","defaultFieldConfig","auth_name","resolveFieldConfig","cfg","fields","key","buildExtraFieldSchema","shape","field","auth_validation_required","renderExtraField","commonProps","inputProps","supportedType","RegisterForm","extraFieldSchema","extraFields","finalSchema","f","acc","register","nameCfg","emailCfg","passwordCfg","control","auth_registering","showLoginLink","onLoginClick"],"sources":["../../../../src/tools/components/auth/AuthForms.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport * as z from 'zod';\nimport { useAuth } from './useAuth';\nimport { Button } from '../ui/button';\nimport { Form, AutoFormField } from '../ui/form';\nimport { FieldSeparator } from '../ui/field';\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { OAuthProvider } from './types';\nimport { AlertCircle } from 'lucide-react';\nimport * as m from '../../paraglide/messages.js';\n\nconst loginSchema = z.object({\n  email: z.string().email({ message: m.auth_validation_invalidEmail() }),\n  password: z.string().min(6, { message: m.auth_validation_passwordLength() }),\n});\n\nconst registerSchema = z.object({\n  email: z.string().email({ message: m.auth_validation_invalidEmail() }),\n  password: z.string().min(6, { message: m.auth_validation_passwordLength() }),\n  name: z.string().optional(),\n});\n\n/**\n * OAuth button configuration rendered by LoginForm.\n *\n * @see LoginForm for complete provider setup.\n */\nexport interface SocialProviderConfig {\n    /**\n     * Identifier passed to adapter.loginWithProvider; actual support is host-configured.\n     */\n  provider: OAuthProvider;\n    /**\n     * Visible button text.\n     */\n  label: string;\n    /**\n     * Optional icon; omission uses Apple/Google artwork or a generic globe.\n     */\n  icon?: React.ReactNode;\n}\n\n/** Default Apple icon. */\nconst AppleIcon = () => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' className='mr-2 h-4 w-4'>\n    <path\n      d='M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701'\n      fill='currentColor'\n    />\n  </svg>\n);\n\n/** Default Google icon. */\nconst GoogleIcon = () => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' className='mr-2 h-4 w-4'>\n    <path\n      d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'\n      fill='currentColor'\n    />\n  </svg>\n);\n\n/** Generic globe for custom providers. */\nconst DefaultProviderIcon = () => (\n  <svg\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox='0 0 24 24'\n    fill='none'\n    stroke='currentColor'\n    strokeWidth='2'\n    strokeLinecap='round'\n    strokeLinejoin='round'\n    className='mr-2 h-4 w-4'\n  >\n    <circle cx='12' cy='12' r='10' />\n    <path d='M2 12h20' />\n    <path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' />\n  </svg>\n);\n\n/** Default artwork for known provider names. */\nconst builtInIcons: Record<string, React.ReactNode> = {\n  apple: <AppleIcon />,\n  google: <GoogleIcon />,\n};\n\n/** Default Apple and Google button definitions. */\nconst defaultSocialProviders: SocialProviderConfig[] = [\n  { provider: 'apple', label: m.auth_loginWithApple() },\n  { provider: 'google', label: m.auth_loginWithGoogle() },\n];\n\n/**\n * Renders email/password login and optional OAuth provider buttons.\n *\n * @param props - Success/navigation callbacks, provider buttons and optional visibility settings.\n *\n * @returns Login form with validation, pending state and an error alert.\n *\n * @throws Error without AuthProvider; email/OAuth action failures are caught and shown as messages.\n *\n * @remarks Requires AuthProvider inside QueryClientProvider, React Hook Form, Zod and Appkit\n * styles. Email must be valid and password at least six characters before submission.\n * Email success invokes onSuccess; OAuth success does not. OAuth buttons exist only\n * when the adapter supplies loginWithProvider. The host configures real authentication.\n *\n * @example\n * ```tsx\n * import '@alneas/appkit-react/styles';\n * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n * import { AuthProvider, LoginForm, type AuthAdapter } from '@alneas/appkit-react/tools/auth';\n * export function FormExample({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {\n *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><LoginForm socialProviders={[{ provider: 'google', label: 'Google' }]} /></AuthProvider></QueryClientProvider>;\n * }\n * ```\n */\nexport function LoginForm({\n  onSuccess,\n  socialProviders,\n  showRegisterLink = true,\n  showEmailLogin = true,\n  redirectTo = '/',\n  onRegisterClick,\n}: {\n  /**\n   * Optional synchronous callback after successful email/password login; thrown errors become form error messages.\n   */\n  onSuccess?: () => void;\n  /**\n   * OAuth button definitions; omission uses Apple and Google, empty array hides buttons.\n   */\n  socialProviders?: SocialProviderConfig[];\n  /**\n   * Show the register action only when onRegisterClick also exists; defaults to true.\n   */\n  showRegisterLink?: boolean;\n  /**\n   * Show email/password fields and submit button; defaults to true.\n   */\n  showEmailLogin?: boolean;\n  /**\n   * OAuth destination resolved against window.location.origin; defaults to /.\n   */\n  redirectTo?: string;\n  /**\n   * Optional synchronous click handler for the register action.\n   */\n  onRegisterClick?: () => void;\n}) {\n  const { login, loginWithProvider } = useAuth();\n  const [error, setError] = useState<string | null>(null);\n  const [isPending, setIsPending] = useState(false);\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: '',\n      password: '',\n    },\n  });\n\n  const {\n    handleSubmit,\n    control,\n    formState: { isSubmitting },\n  } = form;\n\n  async function onSubmit(values: z.infer<typeof loginSchema>) {\n    try {\n      setIsPending(true);\n      setError(null);\n      await login(values.email, values.password);\n      if (onSuccess) onSuccess();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_failedToLogin());\n    } finally {\n      setIsPending(false);\n    }\n  }\n\n  const handleSocialLogin = async (provider: OAuthProvider) => {\n    if (!loginWithProvider) return;\n\n    try {\n      setError(null);\n      await loginWithProvider(provider, {\n        redirectTo: new URL(redirectTo, window.location.origin).href,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_socialLoginFailed());\n    }\n  };\n\n  const providers = socialProviders ?? defaultSocialProviders;\n\n  return (\n    <Form.Root onSubmit={handleSubmit(onSubmit)} className='space-y-4'>\n      {error && (\n        <Alert variant='destructive'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {loginWithProvider && providers.length > 0 && (\n        <>\n          <div className='flex flex-col gap-2'>\n            {providers.map((config) => (\n              <Button\n                key={config.provider}\n                variant='outline'\n                type='button'\n                disabled={isPending || isSubmitting}\n                onClick={() => handleSocialLogin(config.provider)}\n              >\n                {config.icon ?? builtInIcons[config.provider] ?? <DefaultProviderIcon />}\n                {config.label}\n              </Button>\n            ))}\n          </div>\n\n          {showEmailLogin && (\n            <FieldSeparator className='*:data-[slot=field-separator-content]:bg-card'>\n              {m.auth_orContinueWith()}\n            </FieldSeparator>\n          )}\n        </>\n      )}\n\n      {showEmailLogin && (\n        <>\n          <AutoFormField\n            control={control}\n            name='email'\n            label={m.auth_email()}\n            inputProps={{ placeholder: m.auth_emailPlaceholder() }}\n          />\n\n          <AutoFormField\n            control={control}\n            name='password'\n            label={m.auth_password()}\n            type='password'\n            inputProps={{ autoComplete: 'current-password' }}\n          />\n\n          <Button type='submit' className='w-full' disabled={isPending || isSubmitting}>\n            {isPending ? m.auth_loggingIn() : m.signIn()}\n          </Button>\n        </>\n      )}\n\n      {showRegisterLink && onRegisterClick && (\n        <div className='text-center text-sm text-muted-foreground'>\n          {m.auth_dontHaveAccount()}{' '}\n          <Button type='button' variant='link' className='p-0 h-auto' onClick={onRegisterClick}>\n            {m.signUp()}\n          </Button>\n        </div>\n      )}\n    </Form.Root>\n  );\n}\n\n/**\n * Visibility, label and placeholder overrides for the three built-in registration fields.\n *\n * @remarks All fields default to visible; labels/placeholders are localized. Hiding email\n * or password does not remove their required schema validation.\n *\n * @see RegisterForm for usage.\n */\nexport interface RegisterFieldConfig {\n    /**\n     * Overrides for optional display-name input.\n     */\n  name?: {\n    /** Visibility override; defaults to true. */\n    show?: boolean;\n    /** Localized label override. */\n    label?: string;\n    /** Placeholder override. */\n    placeholder?: string;\n  };\n    /**\n     * Overrides for required email input; hiding it does not skip validation.\n     */\n  email?: {\n    /** Visibility override; defaults to true. */\n    show?: boolean;\n    /** Localized label override. */\n    label?: string;\n    /** Placeholder override. */\n    placeholder?: string;\n  };\n    /**\n     * Overrides for required password input; hiding it does not skip validation.\n     */\n  password?: {\n    /** Visibility override; defaults to true. */\n    show?: boolean;\n    /** Localized label override. */\n    label?: string;\n    /** Placeholder override. */\n    placeholder?: string;\n  };\n}\n\n/**\n * Additional registration input rendered and validated locally by RegisterForm.\n *\n * @remarks These values are not passed to AuthAdapter.register: the bundled form sends\n * only email, password and name. Use host-owned persistence to save other fields.\n * Custom validation overrides automatic type/required rules.\n *\n * @see RegisterForm for complete usage.\n */\nexport interface RegisterExtraField {\n    /**\n     * Unique form-data key; avoid built-in email/password/name collisions unless intentionally replacing their schema.\n     */\n  name: string;\n    /**\n     * Visible field label.\n     */\n  label: string;\n    /**\n     * Input presentation, default text. tel/url use text input modes, date uses schema date format.\n     */\n  type?: 'text' | 'email' | 'tel' | 'date' | 'number' | 'url' | 'password' | 'textarea' | 'select' | 'checkbox';\n    /**\n     * Optional input hint passed where supported by the rendered control.\n     */\n  placeholder?: string;\n    /**\n     * Add required default validation; omission is optional except optional checkbox still expects a boolean.\n     */\n  required?: boolean;\n    /**\n     * Optional browser autocomplete hint where supported.\n     */\n  autoComplete?: string;\n    /**\n     * Select choices; defaults to an empty list for a select without options.\n     */\n  options?: {\n    /** Display text. */\n    label: string;\n    /** Submitted choice value. */\n    value: string;\n  }[];\n    /**\n     * Optional Zod schema replacing generated validation for this field.\n     */\n  validation?: z.ZodTypeAny;\n}\n\nconst defaultFieldConfig = {\n  name: { show: true, label: m.auth_name(), placeholder: m.auth_namePlaceholder() },\n  email: { show: true, label: m.auth_email(), placeholder: m.auth_emailPlaceholder() },\n  password: { show: true, label: m.auth_password(), placeholder: '' },\n};\n\nfunction resolveFieldConfig(\n  fields: RegisterFieldConfig | undefined,\n  key: keyof RegisterFieldConfig,\n) {\n  const cfg = fields?.[key];\n  if (!cfg) return defaultFieldConfig[key];\n  return {\n    show: cfg.show ?? defaultFieldConfig[key].show,\n    label: cfg.label ?? defaultFieldConfig[key].label,\n    placeholder: cfg.placeholder ?? defaultFieldConfig[key].placeholder,\n  };\n}\n\nfunction buildExtraFieldSchema(fields: RegisterExtraField[]): z.ZodObject<any> {\n  const shape: Record<string, z.ZodTypeAny> = {};\n  for (const field of fields) {\n    if (field.validation) {\n      shape[field.name] = field.validation;\n    } else if (field.type === 'email') {\n      shape[field.name] = field.required\n        ? z.string().email({ message: m.auth_validation_invalidEmail() })\n        : z.string().email({ message: m.auth_validation_invalidEmail() }).optional().or(z.literal(''));\n    } else if (field.type === 'number') {\n      shape[field.name] = field.required\n        ? z.coerce.number({ message: m.auth_validation_invalidNumber() })\n        : z.coerce.number({ message: m.auth_validation_invalidNumber() }).optional();\n    } else if (field.type === 'checkbox') {\n      shape[field.name] = field.required\n        ? z.literal(true, { message: m.auth_validation_required() })\n        : z.boolean();\n    } else {\n      shape[field.name] = field.required\n        ? z.string().min(1, m.auth_validation_required())\n        : z.string().optional();\n    }\n  }\n  return z.object(shape);\n}\n\nfunction renderExtraField(field: RegisterExtraField, control: any) {\n  const commonProps = {\n    control,\n    name: field.name,\n    label: field.label,\n    required: field.required,\n  };\n\n  const inputProps: Record<string, any> = {};\n  if (field.placeholder) inputProps.placeholder = field.placeholder;\n  if (field.autoComplete) inputProps.autoComplete = field.autoComplete;\n\n  if (field.type === 'date') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        jsonSchema={{ type: 'string', format: 'date' }}\n      />\n    );\n  }\n\n  if (field.type === 'select') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        type='select'\n        options={field.options ?? []}\n      />\n    );\n  }\n\n  if (field.type === 'checkbox') {\n    return <AutoFormField {...commonProps} type='checkbox' />;\n  }\n\n  if (field.type === 'textarea') {\n    return (\n      <AutoFormField\n        {...commonProps}\n        type='textarea'\n        inputProps={inputProps}\n      />\n    );\n  }\n\n  if (field.type === 'tel') inputProps.inputMode = 'tel';\n  if (field.type === 'url') inputProps.inputMode = 'url';\n\n  const supportedType = ['text', 'number', 'email', 'password'].includes(field.type ?? 'text')\n    ? (field.type as 'text' | 'number' | 'email' | 'password')\n    : 'text';\n\n  return (\n    <AutoFormField\n      {...commonProps}\n      type={supportedType}\n      inputProps={Object.keys(inputProps).length > 0 ? inputProps : undefined}\n    />\n  );\n}\n\n/**\n * Renders account registration with built-in field overrides and optional local extra inputs.\n *\n * @param props - Registration success/navigation callbacks and field presentation settings.\n *\n * @returns Validated form, pending submit button and error feedback.\n *\n * @throws Error without AuthProvider; registration and onSuccess failures are shown as form errors.\n *\n * @remarks Requires AuthProvider inside QueryClientProvider, React Hook Form, Zod and Appkit\n * styles. Email must be valid; password requires six characters; name is optional.\n * Extra inputs are validated and rendered but not persisted by this component: only\n * email, password and {name} reach adapter.register. Hidden built-in fields remain in\n * validation. Custom extra schemas can override built-in names, so avoid collisions.\n *\n * @example\n * ```tsx\n * import '@alneas/appkit-react/styles';\n * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n * import { AuthProvider, RegisterForm, type AuthAdapter } from '@alneas/appkit-react/tools/auth';\n * export function FormExample({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {\n *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><RegisterForm fields={{ name: { label: 'Display name' } }} /></AuthProvider></QueryClientProvider>;\n * }\n * ```\n */\nexport function RegisterForm({\n  onSuccess,\n  fields,\n  extraFields,\n  showLoginLink = true,\n  onLoginClick,\n}: {\n  /**\n   * Optional synchronous callback after registration; thrown errors become form errors.\n   */\n  onSuccess?: () => void;\n  /**\n   * Optional visibility/label/placeholder overrides for name, email and password.\n   */\n  fields?: RegisterFieldConfig;\n  /**\n   * Optional extra input definitions; validated locally but not forwarded to register.\n   */\n  extraFields?: RegisterExtraField[];\n  /**\n   * Show login action when onLoginClick exists; defaults to true.\n   */\n  showLoginLink?: boolean;\n  /**\n   * Optional synchronous click handler for the login action.\n   */\n  onLoginClick?: () => void;\n}) {\n  const { register } = useAuth();\n  const [error, setError] = useState<string | null>(null);\n  const [isPending, setIsPending] = useState(false);\n\n  const extraFieldSchema = extraFields?.length ? buildExtraFieldSchema(extraFields) : null;\n  const finalSchema = extraFieldSchema ? registerSchema.extend(extraFieldSchema.shape) : registerSchema;\n\n  const form = useForm<any>({\n    resolver: zodResolver(finalSchema),\n    defaultValues: {\n      email: '',\n      password: '',\n      name: '',\n      ...(extraFields?.reduce((acc, f) => {\n        acc[f.name] = f.type === 'checkbox' ? false : '';\n        return acc;\n      }, {} as Record<string, any>)),\n    },\n  });\n\n  const {\n    handleSubmit,\n    control,\n    formState: { isSubmitting },\n  } = form;\n\n  async function onSubmit(values: any) {\n    try {\n      setIsPending(true);\n      setError(null);\n      await register(values.email, values.password, { name: values.name });\n      if (onSuccess) onSuccess();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : m.auth_failedToRegister());\n    } finally {\n      setIsPending(false);\n    }\n  }\n\n  return (\n    <Form.Root onSubmit={handleSubmit(onSubmit)} className='space-y-4'>\n      {error && (\n        <Alert variant='destructive'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {(() => {\n        const nameCfg = resolveFieldConfig(fields, 'name');\n        const emailCfg = resolveFieldConfig(fields, 'email');\n        const passwordCfg = resolveFieldConfig(fields, 'password');\n        return (\n          <>\n            {nameCfg.show && (\n              <AutoFormField\n                control={control}\n                name='name'\n                label={nameCfg.label}\n                inputProps={{ placeholder: nameCfg.placeholder }}\n              />\n            )}\n            {emailCfg.show && (\n              <AutoFormField\n                control={control}\n                name='email'\n                label={emailCfg.label}\n                inputProps={{ placeholder: emailCfg.placeholder }}\n              />\n            )}\n            {passwordCfg.show && (\n              <AutoFormField\n                control={control}\n                name='password'\n                label={passwordCfg.label}\n                type='password'\n                inputProps={{ autoComplete: 'new-password', placeholder: passwordCfg.placeholder || undefined }}\n              />\n            )}\n          </>\n        );\n      })()}\n\n      {extraFields?.length ? (\n        <div className='space-y-4'>\n          {extraFields.map((field) => (\n            <React.Fragment key={field.name}>\n              {renderExtraField(field, control)}\n            </React.Fragment>\n          ))}\n        </div>\n      ) : null}\n\n      <Button type='submit' className='w-full' disabled={isPending || isSubmitting}>\n        {isPending ? m.auth_registering() : m.signUp()}\n      </Button>\n\n      {showLoginLink && onLoginClick && (\n        <div className='text-center text-sm text-muted-foreground'>\n          {m.auth_alreadyHaveAccount()}{' '}\n          <Button type='button' variant='link' className='p-0 h-auto' onClick={onLoginClick}>\n            {m.signIn()}\n          </Button>\n        </div>\n      )}\n    </Form.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/auth/AuthGuard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthGuard.cjs","names":["useAuthGuard","_Fragment","require_runtime","require_tools_components_auth_useAuthGuard","react_jsx_runtime","react","AuthGuard","options","isLoading","fallback","isAuthenticated"],"sources":["../../../../src/tools/components/auth/AuthGuard.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuthGuard, type AuthGuardOptions } from './useAuthGuard';\n\n/**\n * 認証必須のラッパーコンポーネント\n *\n * 認証されていない場合は自動的にログインページへリダイレクトします。\n */\nexport interface AuthGuardProps extends AuthGuardOptions {\n  children: React.ReactNode;\n  /** ロード中に表示するコンポーネント */\n  fallback?: React.ReactNode;\n}\n\n/**\n * 認証状態を監視し、未認証の場合はログインページなどへ自動リダイレクトするガードコンポーネント。\n */\nexport function AuthGuard({ children, fallback = null, ...options }: AuthGuardProps) {\n  const { isAuthenticated, isLoading } = useAuthGuard(options);\n\n  if (isLoading) {\n    return <>{fallback}</>;\n  }\n\n  if (!isAuthenticated) {\n    // リダイレクト処理は useAuthGuard 内で行われる\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":"A,kPAiBA,SAAgBM,EAAU,CAAE,WAAU,WAAW,KAAM,GAAGC,GAA2B,CACnF,GAAM,CAAE,kBAAiB,aAAcP,EAAAA,aAAaO,CAAO,EAW3D,OATIC,GACK,EAAAJ,EAAA,IAAA,CAAAH,EAAAA,SAAA,CAAA,SAAGQ,CAAW,CAAA,EAGlBC,GAKE,EAAAN,EAAA,IAAA,CAAAH,EAAAA,SAAA,CAAG,UAAW,CAAA,EAHZ,IAIX,C"}
+{"version":3,"file":"AuthGuard.cjs","names":["useAuthGuard","_Fragment","require_runtime","require_tools_components_auth_useAuthGuard","react_jsx_runtime","react","AuthGuard","options","isLoading","fallback","isAuthenticated"],"sources":["../../../../src/tools/components/auth/AuthGuard.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuthGuard, type AuthGuardOptions } from './useAuthGuard';\n\n/**\n * Children and loading fallback with useAuthGuard scheduling options.\n *\n * @see AuthGuard for rendering behavior.\n */\nexport interface AuthGuardProps extends AuthGuardOptions {\n  /**\n   * Content displayed while the current context contains a user.\n   */\n  children: React.ReactNode;\n    /**\n     * Content during loading; defaults to null.\n     */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Renders authenticated children and delegates scheduled expiry checks to useAuthGuard.\n *\n * @param props - Children, loading fallback and inherited check/navigation settings.\n *\n * @returns Fallback while loading, children for a current user, otherwise null.\n *\n * @throws Error when no AuthProvider exists.\n *\n * @remarks Requires AuthProvider inside QueryClientProvider; no CSS is required. There is\n * no immediate mount-only redirect: focus, visibility, optional timer or manual checks\n * trigger expiry handling. Current user state can be optimistic; enforce backend access.\n *\n * @example\n * ```tsx\n * import type { ReactNode } from 'react';\n * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n * import { AuthProvider, AuthGuard, type AuthAdapter } from '@alneas/appkit-react/tools/auth';\n *\n * function Content() { return <AuthGuard><span>Account</span></AuthGuard>; }\n * export function Example({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {\n *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><Content /></AuthProvider></QueryClientProvider>;\n * }\n * ```\n */\nexport function AuthGuard({ children, fallback = null, ...options }: AuthGuardProps) {\n  const { isAuthenticated, isLoading } = useAuthGuard(options);\n\n  if (isLoading) {\n    return <>{fallback}</>;\n  }\n\n  if (!isAuthenticated) {\n    // リダイレクト処理は useAuthGuard 内で行われる\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":"A,kPA4CA,SAAgBM,EAAU,CAAE,WAAU,WAAW,KAAM,GAAGC,GAA2B,CACnF,GAAM,CAAE,kBAAiB,aAAcP,EAAAA,aAAaO,CAAO,EAW3D,OATIC,GACK,EAAAJ,EAAA,IAAA,CAAAH,EAAAA,SAAA,CAAA,SAAGQ,CAAW,CAAA,EAGlBC,GAKE,EAAAN,EAAA,IAAA,CAAAH,EAAAA,SAAA,CAAG,UAAW,CAAA,EAHZ,IAIX,C"}

package/dist/tools/components/auth/AuthGuard.d.cts

@@ -1,16 +1,43 @@
 import { default as React } from 'react';
 import { AuthGuardOptions } from './useAuthGuard.cjs';
 /**
- * 認証必須のラッパーコンポーネント
+ * Children and loading fallback with useAuthGuard scheduling options.
  *
- * 認証されていない場合は自動的にログインページへリダイレクトします。
+ * @see AuthGuard for rendering behavior.
  */
 export interface AuthGuardProps extends AuthGuardOptions {
+    /**
+     * Content displayed while the current context contains a user.
+     */
     children: React.ReactNode;
-    /** ロード中に表示するコンポーネント */
+    /**
+     * Content during loading; defaults to null.
+     */
     fallback?: React.ReactNode;
 }
 /**
- * 認証状態を監視し、未認証の場合はログインページなどへ自動リダイレクトするガードコンポーネント。
+ * Renders authenticated children and delegates scheduled expiry checks to useAuthGuard.
+ *
+ * @param props - Children, loading fallback and inherited check/navigation settings.
+ *
+ * @returns Fallback while loading, children for a current user, otherwise null.
+ *
+ * @throws Error when no AuthProvider exists.
+ *
+ * @remarks Requires AuthProvider inside QueryClientProvider; no CSS is required. There is
+ * no immediate mount-only redirect: focus, visibility, optional timer or manual checks
+ * trigger expiry handling. Current user state can be optimistic; enforce backend access.
+ *
+ * @example
+ * ```tsx
+ * import type { ReactNode } from 'react';
+ * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+ * import { AuthProvider, AuthGuard, type AuthAdapter } from '@alneas/appkit-react/tools/auth';
+ *
+ * function Content() { return <AuthGuard><span>Account</span></AuthGuard>; }
+ * export function Example({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {
+ *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><Content /></AuthProvider></QueryClientProvider>;
+ * }
+ * ```
  */
 export declare function AuthGuard({ children, fallback, ...options }: AuthGuardProps): React.JSX.Element | null;

package/dist/tools/components/auth/AuthGuard.d.ts

@@ -1,16 +1,43 @@
 import { default as React } from 'react';
 import { AuthGuardOptions } from './useAuthGuard.js';
 /**
- * 認証必須のラッパーコンポーネント
+ * Children and loading fallback with useAuthGuard scheduling options.
  *
- * 認証されていない場合は自動的にログインページへリダイレクトします。
+ * @see AuthGuard for rendering behavior.
  */
 export interface AuthGuardProps extends AuthGuardOptions {
+    /**
+     * Content displayed while the current context contains a user.
+     */
     children: React.ReactNode;
-    /** ロード中に表示するコンポーネント */
+    /**
+     * Content during loading; defaults to null.
+     */
     fallback?: React.ReactNode;
 }
 /**
- * 認証状態を監視し、未認証の場合はログインページなどへ自動リダイレクトするガードコンポーネント。
+ * Renders authenticated children and delegates scheduled expiry checks to useAuthGuard.
+ *
+ * @param props - Children, loading fallback and inherited check/navigation settings.
+ *
+ * @returns Fallback while loading, children for a current user, otherwise null.
+ *
+ * @throws Error when no AuthProvider exists.
+ *
+ * @remarks Requires AuthProvider inside QueryClientProvider; no CSS is required. There is
+ * no immediate mount-only redirect: focus, visibility, optional timer or manual checks
+ * trigger expiry handling. Current user state can be optimistic; enforce backend access.
+ *
+ * @example
+ * ```tsx
+ * import type { ReactNode } from 'react';
+ * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+ * import { AuthProvider, AuthGuard, type AuthAdapter } from '@alneas/appkit-react/tools/auth';
+ *
+ * function Content() { return <AuthGuard><span>Account</span></AuthGuard>; }
+ * export function Example({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {
+ *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><Content /></AuthProvider></QueryClientProvider>;
+ * }
+ * ```
  */
 export declare function AuthGuard({ children, fallback, ...options }: AuthGuardProps): React.JSX.Element | null;

package/dist/tools/components/auth/AuthGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthGuard.js","names":["_Fragment","AuthGuard","options","useAuthGuard","isLoading","Fragment","fallback","isAuthenticated"],"sources":["../../../../src/tools/components/auth/AuthGuard.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuthGuard, type AuthGuardOptions } from './useAuthGuard';\n\n/**\n * 認証必須のラッパーコンポーネント\n *\n * 認証されていない場合は自動的にログインページへリダイレクトします。\n */\nexport interface AuthGuardProps extends AuthGuardOptions {\n  children: React.ReactNode;\n  /** ロード中に表示するコンポーネント */\n  fallback?: React.ReactNode;\n}\n\n/**\n * 認証状態を監視し、未認証の場合はログインページなどへ自動リダイレクトするガードコンポーネント。\n */\nexport function AuthGuard({ children, fallback = null, ...options }: AuthGuardProps) {\n  const { isAuthenticated, isLoading } = useAuthGuard(options);\n\n  if (isLoading) {\n    return <>{fallback}</>;\n  }\n\n  if (!isAuthenticated) {\n    // リダイレクト処理は useAuthGuard 内で行われる\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;AAiBA,SAAgBC,EAAU,EAAE,aAAU,cAAW,MAAM,GAAGC,KAA2B;CACnF,IAAM,EAAE,oBAAiB,iBAAcC,EAAaD,CAAO;CAW3D,OATIE,IACK,kBAAAJ,GAAA,EAAA,UAAGM,EAAW,CAAA,IAGlBC,IAKE,kBAAAP,GAAA,EAAG,YAAW,CAAA,IAHZ;AAIX"}
+{"version":3,"file":"AuthGuard.js","names":["_Fragment","AuthGuard","options","useAuthGuard","isLoading","Fragment","fallback","isAuthenticated"],"sources":["../../../../src/tools/components/auth/AuthGuard.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuthGuard, type AuthGuardOptions } from './useAuthGuard';\n\n/**\n * Children and loading fallback with useAuthGuard scheduling options.\n *\n * @see AuthGuard for rendering behavior.\n */\nexport interface AuthGuardProps extends AuthGuardOptions {\n  /**\n   * Content displayed while the current context contains a user.\n   */\n  children: React.ReactNode;\n    /**\n     * Content during loading; defaults to null.\n     */\n  fallback?: React.ReactNode;\n}\n\n/**\n * Renders authenticated children and delegates scheduled expiry checks to useAuthGuard.\n *\n * @param props - Children, loading fallback and inherited check/navigation settings.\n *\n * @returns Fallback while loading, children for a current user, otherwise null.\n *\n * @throws Error when no AuthProvider exists.\n *\n * @remarks Requires AuthProvider inside QueryClientProvider; no CSS is required. There is\n * no immediate mount-only redirect: focus, visibility, optional timer or manual checks\n * trigger expiry handling. Current user state can be optimistic; enforce backend access.\n *\n * @example\n * ```tsx\n * import type { ReactNode } from 'react';\n * import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n * import { AuthProvider, AuthGuard, type AuthAdapter } from '@alneas/appkit-react/tools/auth';\n *\n * function Content() { return <AuthGuard><span>Account</span></AuthGuard>; }\n * export function Example({ adapter, queryClient }: { adapter: AuthAdapter; queryClient: QueryClient }) {\n *   return <QueryClientProvider client={queryClient}><AuthProvider adapter={adapter}><Content /></AuthProvider></QueryClientProvider>;\n * }\n * ```\n */\nexport function AuthGuard({ children, fallback = null, ...options }: AuthGuardProps) {\n  const { isAuthenticated, isLoading } = useAuthGuard(options);\n\n  if (isLoading) {\n    return <>{fallback}</>;\n  }\n\n  if (!isAuthenticated) {\n    // リダイレクト処理は useAuthGuard 内で行われる\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;AA4CA,SAAgBC,EAAU,EAAE,aAAU,cAAW,MAAM,GAAGC,KAA2B;CACnF,IAAM,EAAE,oBAAiB,iBAAcC,EAAaD,CAAO;CAW3D,OATIE,IACK,kBAAAJ,GAAA,EAAA,UAAGM,EAAW,CAAA,IAGlBC,IAKE,kBAAAP,GAAA,EAAG,YAAW,CAAA,IAHZ;AAIX"}