@turinhub/atomix-common-ui 0.5.0 → 0.6.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.
- package/dist/AuthPanel-CTKx618F.cjs +2 -0
- package/dist/AuthPanel-CTKx618F.cjs.map +1 -0
- package/dist/{AuthPanel-D2HFX8eN.js → AuthPanel-Cn_WwmjX.js} +259 -212
- package/dist/AuthPanel-Cn_WwmjX.js.map +1 -0
- package/dist/PDFSidebar-4DtXqqzN.cjs +2 -0
- package/dist/PDFSidebar-4DtXqqzN.cjs.map +1 -0
- package/dist/PDFSidebar-ClnrF4Br.js +239 -0
- package/dist/PDFSidebar-ClnrF4Br.js.map +1 -0
- package/dist/auth.cjs +1 -1
- package/dist/auth.js +1 -1
- package/dist/components/AuthLoginPanel.d.ts.map +1 -1
- package/dist/components/AuthRegisterPanel.d.ts.map +1 -1
- package/dist/components/AuthVisualCarousel.d.ts +2 -0
- package/dist/components/AuthVisualCarousel.d.ts.map +1 -1
- package/dist/components/DataTable.d.ts.map +1 -1
- package/dist/components/ImageReader.d.ts.map +1 -1
- package/dist/components/MarkdownReader.d.ts.map +1 -1
- package/dist/components/PDFReader.d.ts.map +1 -1
- package/dist/components/PDFSidebar.d.ts.map +1 -1
- package/dist/components/SimplePDFReader.d.ts.map +1 -1
- package/dist/components/TableHeader.d.ts.map +1 -1
- package/dist/components/TablePagination.d.ts +2 -1
- package/dist/components/TablePagination.d.ts.map +1 -1
- package/dist/components/VideoReader.d.ts.map +1 -1
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/data-table.cjs.map +1 -1
- package/dist/data-table.js.map +1 -1
- package/dist/file-upload.cjs +1 -1
- package/dist/file-upload.cjs.map +1 -1
- package/dist/file-upload.js +36 -36
- package/dist/file-upload.js.map +1 -1
- package/dist/image-reader.cjs +1 -1
- package/dist/image-reader.cjs.map +1 -1
- package/dist/image-reader.js +1 -0
- package/dist/image-reader.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/markdown-reader.cjs +1 -1
- package/dist/markdown-reader.cjs.map +1 -1
- package/dist/markdown-reader.js +28 -24
- package/dist/markdown-reader.js.map +1 -1
- package/dist/pdf-reader.cjs +1 -1
- package/dist/pdf-reader.cjs.map +1 -1
- package/dist/pdf-reader.js +169 -120
- package/dist/pdf-reader.js.map +1 -1
- package/dist/pdf-sidebar.cjs +1 -1
- package/dist/pdf-sidebar.js +1 -1
- package/dist/simple-pdf-reader.cjs +1 -1
- package/dist/simple-pdf-reader.cjs.map +1 -1
- package/dist/simple-pdf-reader.js +137 -104
- package/dist/simple-pdf-reader.js.map +1 -1
- package/dist/table-header.cjs +1 -1
- package/dist/table-header.cjs.map +1 -1
- package/dist/table-header.js +42 -34
- package/dist/table-header.js.map +1 -1
- package/dist/table-pagination.cjs +1 -1
- package/dist/table-pagination.cjs.map +1 -1
- package/dist/table-pagination.js +49 -43
- package/dist/table-pagination.js.map +1 -1
- package/dist/types/component-types.d.ts +1 -0
- package/dist/types/component-types.d.ts.map +1 -1
- package/dist/video-reader.cjs.map +1 -1
- package/dist/video-reader.js.map +1 -1
- package/package.json +2 -1
- package/dist/AuthPanel-C_2JBE7t.cjs +0 -2
- package/dist/AuthPanel-C_2JBE7t.cjs.map +0 -1
- package/dist/AuthPanel-D2HFX8eN.js.map +0 -1
- package/dist/PDFSidebar-BBtucLK6.js +0 -232
- package/dist/PDFSidebar-BBtucLK6.js.map +0 -1
- package/dist/PDFSidebar-Di0D-yPS.cjs +0 -2
- package/dist/PDFSidebar-Di0D-yPS.cjs.map +0 -1
package/dist/video-reader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video-reader.js","sources":["../src/components/VideoReader.tsx"],"sourcesContent":["import { ExternalLink as ExternalLinkIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type {\n HTMLAttributes,\n ReactNode,\n TrackHTMLAttributes,\n VideoHTMLAttributes,\n} from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n ButtonComponent,\n CardComponent,\n SkeletonComponent,\n UIComponent,\n} from '../types/component-types';\n\nimport { getMediaExtension, isSupportedMediaSource } from './media-utils';\n\nexport const SUPPORTED_VIDEO_EXTENSIONS = [\n 'mp4',\n 'webm',\n 'ogg',\n 'ogv',\n 'mov',\n 'm4v',\n] as const;\n\nexport const SUPPORTED_VIDEO_MIME_TYPES = [\n 'video/mp4',\n 'video/webm',\n 'video/ogg',\n 'video/quicktime',\n 'video/x-m4v',\n] as const;\n\nexport interface VideoReaderUIComponents {\n Card?: CardComponent;\n CardContent?: UIComponent<HTMLAttributes<HTMLDivElement>>;\n Button?: ButtonComponent;\n Skeleton?: SkeletonComponent;\n}\n\nexport interface VideoReaderTrack\n extends Omit<TrackHTMLAttributes<HTMLTrackElement>, 'children'> {\n src: string;\n}\n\nexport interface VideoReaderProps\n extends Omit<\n VideoHTMLAttributes<HTMLVideoElement>,\n 'children' | 'className' | 'onError' | 'onLoadedData' | 'src'\n > {\n src: string;\n fileName?: string;\n mimeType?: string;\n title?: string;\n components?: VideoReaderUIComponents;\n tracks?: VideoReaderTrack[];\n loading?: boolean;\n error?: Error | string | null;\n className?: string;\n containerClassName?: string;\n videoClassName?: string;\n toolbarClassName?: string;\n loadingText?: string;\n errorText?: string;\n unsupportedText?: string;\n showToolbar?: boolean;\n showOpenInNewTab?: boolean;\n allowUnsupportedFormat?: boolean;\n supportedExtensions?: readonly string[];\n supportedMimeTypes?: readonly string[];\n onLoadedData?: () => void;\n onError?: (error: Error) => void;\n}\n\nconst normalizeError = (error: Error | string | null | undefined) => {\n if (!error) return null;\n return error instanceof Error ? error : new Error(error);\n};\n\nexport function VideoReader({\n src,\n fileName,\n mimeType,\n title,\n components,\n tracks,\n loading = false,\n error,\n className,\n containerClassName,\n videoClassName,\n toolbarClassName,\n loadingText = '正在加载视频...',\n errorText = '视频加载失败',\n unsupportedText = '暂不支持该视频格式',\n showToolbar = true,\n showOpenInNewTab = true,\n allowUnsupportedFormat = false,\n supportedExtensions = SUPPORTED_VIDEO_EXTENSIONS,\n supportedMimeTypes = SUPPORTED_VIDEO_MIME_TYPES,\n controls = true,\n preload = 'metadata',\n playsInline = true,\n onLoadedData,\n onError,\n ...videoProps\n}: VideoReaderProps) {\n const { Card, CardContent, Button, Skeleton } = components || {};\n const [isVideoLoading, setIsVideoLoading] = useState(true);\n const [videoError, setVideoError] = useState<Error | null>(null);\n\n const displayedError = normalizeError(error) || videoError;\n const isSupported =\n allowUnsupportedFormat ||\n isSupportedMediaSource({\n src,\n fileName,\n mimeType,\n supportedExtensions,\n supportedMimeTypes,\n });\n const isLoading = loading || (isVideoLoading && !displayedError);\n\n const formatLabel = useMemo(() => {\n const extension = getMediaExtension(src, fileName);\n return extension ? extension.toUpperCase() : mimeType || '视频';\n }, [fileName, mimeType, src]);\n\n useEffect(() => {\n setIsVideoLoading(true);\n setVideoError(null);\n }, [src]);\n\n const renderButton = (\n label: string,\n icon: ReactNode,\n onClick: () => void\n ) => {\n const buttonClassName =\n 'inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground';\n\n if (Button) {\n return (\n <Button\n aria-label={label}\n className=\"h-8 w-8\"\n onClick={onClick}\n size=\"icon\"\n title={label}\n type=\"button\"\n variant=\"outline\"\n >\n {icon}\n </Button>\n );\n }\n\n return (\n <button\n aria-label={label}\n className={buttonClassName}\n onClick={onClick}\n title={label}\n type=\"button\"\n >\n {icon}\n </button>\n );\n };\n\n const renderLoading = () => (\n <div className=\"w-full space-y-3 p-4\" role=\"status\" aria-live=\"polite\">\n {Skeleton ? (\n <>\n <Skeleton className=\"h-4 w-32\" />\n <Skeleton className=\"aspect-video w-full\" />\n </>\n ) : (\n <p className=\"text-sm text-muted-foreground\">{loadingText}</p>\n )}\n </div>\n );\n\n const renderError = (message?: string) => (\n <div className=\"p-4 text-center text-sm text-destructive\" role=\"alert\">\n <p className=\"font-medium\">{message || errorText}</p>\n {displayedError?.message ? (\n <p className=\"mt-1 opacity-80\">{displayedError.message}</p>\n ) : null}\n </div>\n );\n\n const body = (\n <div\n className={cn(\n 'flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background',\n containerClassName\n )}\n >\n {showToolbar ? (\n <div\n className={cn(\n 'flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2',\n toolbarClassName\n )}\n >\n <span className=\"text-xs font-medium text-muted-foreground\">\n {title || formatLabel}\n </span>\n {showOpenInNewTab\n ? renderButton('新窗口打开', <ExternalLinkIcon className=\"h-4 w-4\" />, () =>\n window.open(src, '_blank', 'noreferrer')\n )\n : null}\n </div>\n ) : null}\n <div className=\"relative flex min-h-0 flex-1 items-center justify-center bg-muted/20 p-4\">\n {!isSupported\n ? renderError(unsupportedText)\n : displayedError\n ? renderError()\n : null}\n {isSupported && !displayedError ? (\n <>\n {isLoading ? renderLoading() : null}\n <video\n {...videoProps}\n key={src}\n className={cn(\n 'max-h-full w-full max-w-full bg-black',\n isLoading ? 'invisible absolute' : 'visible',\n videoClassName\n )}\n controls={controls}\n onError={() => {\n const nextError = new Error(errorText);\n setIsVideoLoading(false);\n setVideoError(nextError);\n onError?.(nextError);\n }}\n onLoadedData={() => {\n setIsVideoLoading(false);\n setVideoError(null);\n onLoadedData?.();\n }}\n playsInline={playsInline}\n preload={preload}\n title={title}\n >\n <source src={src} type={mimeType} />\n {tracks?.map((track) => (\n <track key={`${track.src}-${track.kind || ''}`} {...track} />\n ))}\n </video>\n </>\n ) : null}\n </div>\n </div>\n );\n\n if (Card) {\n return (\n <Card className={className}>\n {CardContent ? <CardContent>{body}</CardContent> : body}\n </Card>\n );\n }\n\n return <div className={className}>{body}</div>;\n}\n"],"names":["SUPPORTED_VIDEO_EXTENSIONS","SUPPORTED_VIDEO_MIME_TYPES","normalizeError","error","VideoReader","src","fileName","mimeType","title","components","tracks","loading","className","containerClassName","videoClassName","toolbarClassName","loadingText","errorText","unsupportedText","showToolbar","showOpenInNewTab","allowUnsupportedFormat","supportedExtensions","supportedMimeTypes","controls","preload","playsInline","onLoadedData","onError","videoProps","Card","CardContent","Button","Skeleton","isVideoLoading","setIsVideoLoading","useState","videoError","setVideoError","displayedError","isSupported","isSupportedMediaSource","isLoading","formatLabel","useMemo","extension","getMediaExtension","useEffect","renderButton","label","icon","onClick","buttonClassName","jsx","renderLoading","jsxs","Fragment","renderError","message","body","cn","ExternalLinkIcon","createElement","nextError","track"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"video-reader.js","sources":["../src/components/VideoReader.tsx"],"sourcesContent":["import { ExternalLink as ExternalLinkIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type {\n HTMLAttributes,\n ReactNode,\n TrackHTMLAttributes,\n VideoHTMLAttributes,\n} from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n ButtonComponent,\n CardComponent,\n SkeletonComponent,\n UIComponent,\n} from '../types/component-types';\n\nimport { getMediaExtension, isSupportedMediaSource } from './media-utils';\n\nexport const SUPPORTED_VIDEO_EXTENSIONS = [\n 'mp4',\n 'webm',\n 'ogg',\n 'ogv',\n 'mov',\n 'm4v',\n] as const;\n\nexport const SUPPORTED_VIDEO_MIME_TYPES = [\n 'video/mp4',\n 'video/webm',\n 'video/ogg',\n 'video/quicktime',\n 'video/x-m4v',\n] as const;\n\nexport interface VideoReaderUIComponents {\n Card?: CardComponent;\n CardContent?: UIComponent<HTMLAttributes<HTMLDivElement>>;\n Button?: ButtonComponent;\n Skeleton?: SkeletonComponent;\n}\n\nexport interface VideoReaderTrack extends Omit<\n TrackHTMLAttributes<HTMLTrackElement>,\n 'children'\n> {\n src: string;\n}\n\nexport interface VideoReaderProps extends Omit<\n VideoHTMLAttributes<HTMLVideoElement>,\n 'children' | 'className' | 'onError' | 'onLoadedData' | 'src'\n> {\n src: string;\n fileName?: string;\n mimeType?: string;\n title?: string;\n components?: VideoReaderUIComponents;\n tracks?: VideoReaderTrack[];\n loading?: boolean;\n error?: Error | string | null;\n className?: string;\n containerClassName?: string;\n videoClassName?: string;\n toolbarClassName?: string;\n loadingText?: string;\n errorText?: string;\n unsupportedText?: string;\n showToolbar?: boolean;\n showOpenInNewTab?: boolean;\n allowUnsupportedFormat?: boolean;\n supportedExtensions?: readonly string[];\n supportedMimeTypes?: readonly string[];\n onLoadedData?: () => void;\n onError?: (error: Error) => void;\n}\n\nconst normalizeError = (error: Error | string | null | undefined) => {\n if (!error) return null;\n return error instanceof Error ? error : new Error(error);\n};\n\nexport function VideoReader({\n src,\n fileName,\n mimeType,\n title,\n components,\n tracks,\n loading = false,\n error,\n className,\n containerClassName,\n videoClassName,\n toolbarClassName,\n loadingText = '正在加载视频...',\n errorText = '视频加载失败',\n unsupportedText = '暂不支持该视频格式',\n showToolbar = true,\n showOpenInNewTab = true,\n allowUnsupportedFormat = false,\n supportedExtensions = SUPPORTED_VIDEO_EXTENSIONS,\n supportedMimeTypes = SUPPORTED_VIDEO_MIME_TYPES,\n controls = true,\n preload = 'metadata',\n playsInline = true,\n onLoadedData,\n onError,\n ...videoProps\n}: VideoReaderProps) {\n const { Card, CardContent, Button, Skeleton } = components || {};\n const [isVideoLoading, setIsVideoLoading] = useState(true);\n const [videoError, setVideoError] = useState<Error | null>(null);\n\n const displayedError = normalizeError(error) || videoError;\n const isSupported =\n allowUnsupportedFormat ||\n isSupportedMediaSource({\n src,\n fileName,\n mimeType,\n supportedExtensions,\n supportedMimeTypes,\n });\n const isLoading = loading || (isVideoLoading && !displayedError);\n\n const formatLabel = useMemo(() => {\n const extension = getMediaExtension(src, fileName);\n return extension ? extension.toUpperCase() : mimeType || '视频';\n }, [fileName, mimeType, src]);\n\n useEffect(() => {\n setIsVideoLoading(true);\n setVideoError(null);\n }, [src]);\n\n const renderButton = (\n label: string,\n icon: ReactNode,\n onClick: () => void\n ) => {\n const buttonClassName =\n 'inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground';\n\n if (Button) {\n return (\n <Button\n aria-label={label}\n className=\"h-8 w-8\"\n onClick={onClick}\n size=\"icon\"\n title={label}\n type=\"button\"\n variant=\"outline\"\n >\n {icon}\n </Button>\n );\n }\n\n return (\n <button\n aria-label={label}\n className={buttonClassName}\n onClick={onClick}\n title={label}\n type=\"button\"\n >\n {icon}\n </button>\n );\n };\n\n const renderLoading = () => (\n <div className=\"w-full space-y-3 p-4\" role=\"status\" aria-live=\"polite\">\n {Skeleton ? (\n <>\n <Skeleton className=\"h-4 w-32\" />\n <Skeleton className=\"aspect-video w-full\" />\n </>\n ) : (\n <p className=\"text-sm text-muted-foreground\">{loadingText}</p>\n )}\n </div>\n );\n\n const renderError = (message?: string) => (\n <div className=\"p-4 text-center text-sm text-destructive\" role=\"alert\">\n <p className=\"font-medium\">{message || errorText}</p>\n {displayedError?.message ? (\n <p className=\"mt-1 opacity-80\">{displayedError.message}</p>\n ) : null}\n </div>\n );\n\n const body = (\n <div\n className={cn(\n 'flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background',\n containerClassName\n )}\n >\n {showToolbar ? (\n <div\n className={cn(\n 'flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2',\n toolbarClassName\n )}\n >\n <span className=\"text-xs font-medium text-muted-foreground\">\n {title || formatLabel}\n </span>\n {showOpenInNewTab\n ? renderButton(\n '新窗口打开',\n <ExternalLinkIcon className=\"h-4 w-4\" />,\n () => window.open(src, '_blank', 'noreferrer')\n )\n : null}\n </div>\n ) : null}\n <div className=\"relative flex min-h-0 flex-1 items-center justify-center bg-muted/20 p-4\">\n {!isSupported\n ? renderError(unsupportedText)\n : displayedError\n ? renderError()\n : null}\n {isSupported && !displayedError ? (\n <>\n {isLoading ? renderLoading() : null}\n <video\n {...videoProps}\n key={src}\n className={cn(\n 'max-h-full w-full max-w-full bg-black',\n isLoading ? 'invisible absolute' : 'visible',\n videoClassName\n )}\n controls={controls}\n onError={() => {\n const nextError = new Error(errorText);\n setIsVideoLoading(false);\n setVideoError(nextError);\n onError?.(nextError);\n }}\n onLoadedData={() => {\n setIsVideoLoading(false);\n setVideoError(null);\n onLoadedData?.();\n }}\n playsInline={playsInline}\n preload={preload}\n title={title}\n >\n <source src={src} type={mimeType} />\n {tracks?.map((track) => (\n <track key={`${track.src}-${track.kind || ''}`} {...track} />\n ))}\n </video>\n </>\n ) : null}\n </div>\n </div>\n );\n\n if (Card) {\n return (\n <Card className={className}>\n {CardContent ? <CardContent>{body}</CardContent> : body}\n </Card>\n );\n }\n\n return <div className={className}>{body}</div>;\n}\n"],"names":["SUPPORTED_VIDEO_EXTENSIONS","SUPPORTED_VIDEO_MIME_TYPES","normalizeError","error","VideoReader","src","fileName","mimeType","title","components","tracks","loading","className","containerClassName","videoClassName","toolbarClassName","loadingText","errorText","unsupportedText","showToolbar","showOpenInNewTab","allowUnsupportedFormat","supportedExtensions","supportedMimeTypes","controls","preload","playsInline","onLoadedData","onError","videoProps","Card","CardContent","Button","Skeleton","isVideoLoading","setIsVideoLoading","useState","videoError","setVideoError","displayedError","isSupported","isSupportedMediaSource","isLoading","formatLabel","useMemo","extension","getMediaExtension","useEffect","renderButton","label","icon","onClick","buttonClassName","jsx","renderLoading","jsxs","Fragment","renderError","message","body","cn","ExternalLinkIcon","createElement","nextError","track"],"mappings":";;;;;AAmBO,MAAMA,KAA6B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAA6B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GA4CMC,KAAiB,CAACC,MACjBA,IACEA,aAAiB,QAAQA,IAAQ,IAAI,MAAMA,CAAK,IADpC;AAId,SAASC,GAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAR;AAAA,EACA,WAAAS;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,aAAAC,IAAc;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,wBAAAC,IAAyB;AAAA,EACzB,qBAAAC,IAAsBtB;AAAA,EACtB,oBAAAuB,IAAqBtB;AAAA,EACrB,UAAAuB,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,MAAAC,GAAM,aAAAC,GAAa,QAAAC,GAAQ,UAAAC,EAAA,IAAaxB,KAAc,CAAA,GACxD,CAACyB,GAAgBC,CAAiB,IAAIC,EAAS,EAAI,GACnD,CAACC,GAAYC,CAAa,IAAIF,EAAuB,IAAI,GAEzDG,IAAiBrC,GAAeC,CAAK,KAAKkC,GAC1CG,IACJnB,KACAoB,EAAuB;AAAA,IACrB,KAAApC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAe;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD,GACGmB,IAAY/B,KAAYuB,KAAkB,CAACK,GAE3CI,IAAcC,EAAQ,MAAM;AAChC,UAAMC,IAAYC,GAAkBzC,GAAKC,CAAQ;AACjD,WAAOuC,IAAYA,EAAU,YAAA,IAAgBtC,KAAY;AAAA,EAC3D,GAAG,CAACD,GAAUC,GAAUF,CAAG,CAAC;AAE5B,EAAA0C,EAAU,MAAM;AACd,IAAAZ,EAAkB,EAAI,GACtBG,EAAc,IAAI;AAAA,EACpB,GAAG,CAACjC,CAAG,CAAC;AAER,QAAM2C,IAAe,CACnBC,GACAC,GACAC,MACG;AACH,UAAMC,IACJ;AAEF,WAAIpB,IAEAqB,gBAAAA,EAAAA;AAAAA,MAACrB;AAAA,MAAA;AAAA,QACC,cAAYiB;AAAA,QACZ,WAAU;AAAA,QACV,SAAAE;AAAA,QACA,MAAK;AAAA,QACL,OAAOF;AAAA,QACP,MAAK;AAAA,QACL,SAAQ;AAAA,QAEP,UAAAC;AAAA,MAAA;AAAA,IAAA,IAMLG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAYJ;AAAA,QACZ,WAAWG;AAAA,QACX,SAAAD;AAAA,QACA,OAAOF;AAAA,QACP,MAAK;AAAA,QAEJ,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP,GAEMI,IAAgB,MACpBD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wBAAuB,MAAK,UAAS,aAAU,UAC3D,UAAApB,IACCsB,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA,IAACpB,GAAA,EAAS,WAAU,WAAA,CAAW;AAAA,IAC/BoB,gBAAAA,EAAAA,IAACpB,GAAA,EAAS,WAAU,sBAAA,CAAsB;AAAA,EAAA,GAC5C,IAEAoB,gBAAAA,MAAC,KAAA,EAAE,WAAU,iCAAiC,aAAY,GAE9D,GAGII,IAAc,CAACC,MACnBH,gBAAAA,EAAAA,KAAC,SAAI,WAAU,4CAA2C,MAAK,SAC7D,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,eAAe,UAAAK,KAAWzC,GAAU;AAAA,IAChDsB,KAAA,QAAAA,EAAgB,UACfc,gBAAAA,MAAC,KAAA,EAAE,WAAU,mBAAmB,UAAAd,EAAe,SAAQ,IACrD;AAAA,EAAA,GACN,GAGIoB,IACJJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACA/C;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAM,IACCoC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK;AAAA,cACT;AAAA,cACA7C;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAsC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,6CACb,UAAA7C,KAASmC,GACZ;AAAA,cACCvB,IACG4B;AAAA,gBACE;AAAA,gBACAK,gBAAAA,EAAAA,IAACQ,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,gBACtC,MAAM,OAAO,KAAKxD,GAAK,UAAU,YAAY;AAAA,cAAA,IAE/C;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAEJ;AAAA,QACJkD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4EACZ,UAAA;AAAA,UAACf,IAEED,IACEkB,MACA,OAHFA,EAAYvC,CAAe;AAAA,UAI9BsB,KAAe,CAACD,IACfgB,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,YAAAd,IAAYY,MAAkB;AAAA,YAC/B,gBAAAQ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGjC;AAAA,gBACJ,KAAKxB;AAAA,gBACL,WAAWuD;AAAA,kBACT;AAAA,kBACAlB,IAAY,uBAAuB;AAAA,kBACnC5B;AAAA,gBAAA;AAAA,gBAEF,UAAAU;AAAA,gBACA,SAAS,MAAM;AACb,wBAAMuC,IAAY,IAAI,MAAM9C,CAAS;AACrC,kBAAAkB,EAAkB,EAAK,GACvBG,EAAcyB,CAAS,GACvBnC,KAAA,QAAAA,EAAUmC;AAAA,gBACZ;AAAA,gBACA,cAAc,MAAM;AAClB,kBAAA5B,EAAkB,EAAK,GACvBG,EAAc,IAAI,GAClBX,KAAA,QAAAA;AAAA,gBACF;AAAA,gBACA,aAAAD;AAAA,gBACA,SAAAD;AAAA,gBACA,OAAAjB;AAAA,cAAA;AAAA,cAEA6C,gBAAAA,EAAAA,IAAC,UAAA,EAAO,KAAAhD,GAAU,MAAME,EAAA,CAAU;AAAA,cACjCG,KAAA,gBAAAA,EAAQ,IAAI,CAACsD,MACZX,gBAAAA,EAAAA,IAAC,WAAgD,GAAGW,EAAA,GAAxC,GAAGA,EAAM,GAAG,IAAIA,EAAM,QAAQ,EAAE,EAAe;AAAA,YAC5D;AAAA,UACH,EAAA,CACF,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAIlC,IAEAuB,gBAAAA,EAAAA,IAACvB,KAAK,WAAAlB,GACH,UAAAmB,0BAAeA,GAAA,EAAa,UAAA4B,EAAA,CAAK,IAAiBA,EAAA,CACrD,IAIGN,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAAzC,GAAuB,UAAA+C,EAAA,CAAK;AAC1C;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turinhub/atomix-common-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Common UI components for TurinHub projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -241,6 +241,7 @@
|
|
|
241
241
|
}
|
|
242
242
|
},
|
|
243
243
|
"devDependencies": {
|
|
244
|
+
"@radix-ui/react-switch": "^1.3.1",
|
|
244
245
|
"@testing-library/jest-dom": "^6.4.0",
|
|
245
246
|
"@testing-library/react": "^16.0.0",
|
|
246
247
|
"@testing-library/user-event": "^14.5.0",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BB_1_6y_.cjs"),y=require("./utils-IjLH3w2e.cjs"),t=require("react"),x=require("lucide-react"),me=s=>/^1[3-9]\d{9}$/.test(s)?void 0:"请输入正确的手机号",se=(s,i)=>s instanceof Error&&s.message?s.message:typeof s=="string"&&s?s:i,de=s=>s.replace(/\D/g,"").slice(0,11),pe=s=>s.length<=3?s:s.length<=7?`${s.slice(0,3)} ${s.slice(3)}`:`${s.slice(0,3)} ${s.slice(3,7)} ${s.slice(7)}`;function ae({components:s,title:i="欢迎登录",description:h="使用账号密码或手机号验证码进入系统",brandIcon:f,defaultMethod:c="password",enabledMethods:m=["password","sms"],error:I,extraActions:v,footer:d,socialProviders:g,className:E,smsCountdownSeconds:R=60,validatePhone:j=me,validatePassword:p,onPasswordLogin:w,onSendSmsCode:k,onSmsLogin:S}){const[L,r]=t.useState(m.includes(c)?c:m[0]),[a,Q]=t.useState(""),[W,X]=t.useState(),[Y,U]=t.useState(),[Z,b]=t.useState(),[$,B]=t.useState(!1),[V,H]=t.useState(!1),[O,T]=t.useState(!1),[C,P]=t.useState(0),A=t.useMemo(()=>m.filter((n,u,F)=>F.indexOf(n)===u),[m]),q=A.length>1,D=Z||I;if(t.useEffect(()=>{if(C<=0)return;const n=setTimeout(()=>P(u=>u-1),1e3);return()=>clearTimeout(n)},[C]),!s)return e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center text-destructive",children:"错误:请通过 components prop 注入 UI 组件"});const{Button:z,Input:M,Label:K,Tabs:l,TabsList:o,TabsTrigger:N,TabsContent:G}=s,_=async n=>{n.preventDefault();const u=new FormData(n.currentTarget),F={username:String(u.get("username")||"").trim(),password:String(u.get("password")||"")},J=!F.username||!F.password?"请输入账号和密码":p==null?void 0:p(F);if(J){b(J);return}try{B(!0),b(void 0),await(w==null?void 0:w(F))}catch(ee){b(se(ee,"登录失败,请稍后重试"))}finally{B(!1)}},ie=async()=>{const n=j(a);if(n){b(n);return}try{T(!0),b(void 0);const u=await(k==null?void 0:k(a));X(u==null?void 0:u.smsId),U(u==null?void 0:u.smsType),P(R)}catch(u){b(se(u,"发送验证码失败,请稍后重试"))}finally{T(!1)}},oe=async n=>{n.preventDefault();const u=new FormData(n.currentTarget),F=String(u.get("code")||"").trim(),J=j(a);if(J){b(J);return}if(!F){b("请输入验证码");return}try{H(!0),b(void 0),await(S==null?void 0:S({phone:a,code:F,smsId:W,smsType:Y}))}catch(ee){b(se(ee,"验证码错误或已过期"))}finally{H(!1)}},ue=()=>e.jsxRuntimeExports.jsxs("div",{className:"mb-7",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm",children:f||e.jsxRuntimeExports.jsx(x.Layers3,{className:"h-5 w-5"})}),e.jsxRuntimeExports.jsx("h1",{className:"text-2xl font-semibold",children:i}),h&&e.jsxRuntimeExports.jsx("p",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:h})]}),xe=()=>g!=null&&g.length?e.jsxRuntimeExports.jsx("div",{className:"mb-6 grid gap-2",children:g.map(n=>e.jsxRuntimeExports.jsxs(z,{type:"button",variant:"outline",className:"h-10 w-full",disabled:n.disabled,onClick:n.onClick,children:[n.icon&&e.jsxRuntimeExports.jsx("span",{className:"mr-2 inline-flex h-4 w-4 items-center justify-center",children:n.icon}),n.label]},n.id))}):null,te=()=>e.jsxRuntimeExports.jsx("form",{className:"flex flex-col",onSubmit:_,children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(K,{htmlFor:"auth-username",children:"用户名"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.UserRound,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(M,{id:"auth-username",name:"username",className:"bg-background/80 pl-9 backdrop-blur",placeholder:"请输入用户名",autoComplete:"username",required:!0})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(K,{htmlFor:"auth-password",children:"密码"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.LockKeyhole,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(M,{id:"auth-password",name:"password",className:"bg-background/80 pl-9 backdrop-blur",type:"password",placeholder:"请输入密码",autoComplete:"current-password",required:!0})]})]}),e.jsxRuntimeExports.jsx(z,{type:"submit",className:"mt-4 h-11 w-full",disabled:$,children:$?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(x.Loader2,{className:"mr-2 h-4 w-4 animate-spin"}),"登录中..."]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["登录",e.jsxRuntimeExports.jsx(x.ArrowRight,{className:"ml-2 h-4 w-4"})]})})]})}),re=()=>e.jsxRuntimeExports.jsx("form",{className:"flex flex-col",onSubmit:oe,children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(K,{htmlFor:"auth-phone",children:"手机号"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[e.jsxRuntimeExports.jsx(x.MessageCircle,{className:"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(M,{id:"auth-phone",name:"phone",className:"bg-background/80 pl-9 backdrop-blur",placeholder:"请输入手机号",value:pe(a),onChange:n=>Q(de(n.target.value)),required:!0,maxLength:13,inputMode:"numeric"})]}),e.jsxRuntimeExports.jsx(z,{type:"button",variant:"outline",className:"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90",onClick:ie,disabled:!a||O||C>0,children:O?e.jsxRuntimeExports.jsx(x.Loader2,{className:"h-4 w-4 animate-spin"}):C>0?`${C}秒`:"发送验证码"})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(K,{htmlFor:"auth-code",children:"验证码"}),e.jsxRuntimeExports.jsx(M,{id:"auth-code",name:"code",className:"bg-background/80 backdrop-blur",placeholder:"请输入验证码",inputMode:"numeric",autoComplete:"one-time-code",required:!0})]}),e.jsxRuntimeExports.jsx(z,{type:"submit",className:"mt-4 h-11 w-full",disabled:V,children:V?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(x.Loader2,{className:"mr-2 h-4 w-4 animate-spin"}),"验证中..."]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["验证并登录",e.jsxRuntimeExports.jsx(x.ArrowRight,{className:"ml-2 h-4 w-4"})]})})]})}),ce=()=>q?e.jsxRuntimeExports.jsxs(l,{value:L,onValueChange:n=>r(n),className:"w-full",children:[e.jsxRuntimeExports.jsxs(o,{className:"mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur",children:[A.includes("password")&&e.jsxRuntimeExports.jsx(N,{value:"password",children:"账号密码登录"}),A.includes("sms")&&e.jsxRuntimeExports.jsx(N,{value:"sms",children:"手机号登录"})]}),e.jsxRuntimeExports.jsx(G,{value:"password",children:te()}),e.jsxRuntimeExports.jsx(G,{value:"sms",children:re()})]}):A[0]==="sms"?re():te();return e.jsxRuntimeExports.jsxs("div",{className:y.cn("w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8",E),children:[ue(),xe(),ce(),v&&e.jsxRuntimeExports.jsx("div",{className:"mt-5",children:v}),D&&e.jsxRuntimeExports.jsx("div",{className:"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400",children:D}),d&&e.jsxRuntimeExports.jsx("div",{className:"mt-6 text-sm text-muted-foreground",children:d})]})}const je=s=>/^1[3-9]\d{9}$/.test(s)?void 0:"请输入正确的手机号",ne=(s,i)=>s instanceof Error&&s.message?s.message:typeof s=="string"&&s?s:i,he=s=>s.replace(/\D/g,"").slice(0,11),fe=s=>s.length<=3?s:s.length<=7?`${s.slice(0,3)} ${s.slice(3)}`:`${s.slice(0,3)} ${s.slice(3,7)} ${s.slice(7)}`;function le({components:s,title:i="创建账号",description:h="填写账号信息并完成手机号验证",brandIcon:f,requirePhoneVerification:c=!0,requireTermsAccepted:m=!1,termsLabel:I="我已阅读并同意服务条款",error:v,extraActions:d,footer:g,socialProviders:E,className:R,smsCountdownSeconds:j=60,validatePhone:p=je,validatePassword:w,validateRegister:k,onSendSmsCode:S,onRegister:L}){const[r,a]=t.useState(""),[Q,W]=t.useState(),[X,Y]=t.useState(),[U,Z]=t.useState(!1),[b,$]=t.useState(),[B,V]=t.useState(!1),[H,O]=t.useState(!1),[T,C]=t.useState(0),P=b||v;if(t.useEffect(()=>{if(T<=0)return;const l=setTimeout(()=>C(o=>o-1),1e3);return()=>clearTimeout(l)},[T]),!s)return e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center text-destructive",children:"错误:请通过 components prop 注入 UI 组件"});const{Button:A,Input:q,Label:D}=s,z=async()=>{const l=p(r);if(l){$(l);return}try{O(!0),$(void 0);const o=await(S==null?void 0:S(r));W(o==null?void 0:o.smsId),Y(o==null?void 0:o.smsType),C(j)}catch(o){$(ne(o,"发送验证码失败,请稍后重试"))}finally{O(!1)}},M=async l=>{l.preventDefault();const o=new FormData(l.currentTarget),N={username:String(o.get("username")||"").trim(),password:String(o.get("password")||""),confirmPassword:String(o.get("confirmPassword")||""),phone:r,code:String(o.get("code")||"").trim(),smsId:Q,smsType:X,termsAccepted:U},G=!N.username&&"请输入用户名"||!N.password&&"请输入密码"||N.password!==N.confirmPassword&&"两次输入的密码不一致"||c&&p(r)||c&&!N.code&&"请输入验证码"||m&&!U&&"请先同意服务条款"||(w==null?void 0:w(N))||(k==null?void 0:k(N));if(G){$(G);return}try{V(!0),$(void 0),await(L==null?void 0:L(N))}catch(_){$(ne(_,"注册失败,请稍后重试"))}finally{V(!1)}},K=()=>E!=null&&E.length?e.jsxRuntimeExports.jsx("div",{className:"mb-6 grid gap-2",children:E.map(l=>e.jsxRuntimeExports.jsxs(A,{type:"button",variant:"outline",className:"h-10 w-full",disabled:l.disabled,onClick:l.onClick,children:[l.icon&&e.jsxRuntimeExports.jsx("span",{className:"mr-2 inline-flex h-4 w-4 items-center justify-center",children:l.icon}),l.label]},l.id))}):null;return e.jsxRuntimeExports.jsxs("div",{className:y.cn("w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8",R),children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-7",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm",children:f||e.jsxRuntimeExports.jsx(x.Layers3,{className:"h-5 w-5"})}),e.jsxRuntimeExports.jsx("h1",{className:"text-2xl font-semibold",children:i}),h&&e.jsxRuntimeExports.jsx("p",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:h})]}),K(),e.jsxRuntimeExports.jsx("form",{className:"flex flex-col",onSubmit:M,children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(D,{htmlFor:"auth-register-username",children:"用户名"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.UserRound,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(q,{id:"auth-register-username",name:"username",className:"bg-background/80 pl-9 backdrop-blur",placeholder:"请输入用户名",autoComplete:"username",required:!0})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(D,{htmlFor:"auth-register-password",children:"密码"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.LockKeyhole,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(q,{id:"auth-register-password",name:"password",className:"bg-background/80 pl-9 backdrop-blur",type:"password",placeholder:"请输入密码",autoComplete:"new-password",required:!0})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(D,{htmlFor:"auth-register-confirm-password",children:"确认密码"}),e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(x.LockKeyhole,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(q,{id:"auth-register-confirm-password",name:"confirmPassword",className:"bg-background/80 pl-9 backdrop-blur",type:"password",placeholder:"请再次输入密码",autoComplete:"new-password",required:!0})]})]}),c&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(D,{htmlFor:"auth-register-phone",children:"手机号"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[e.jsxRuntimeExports.jsx(x.MessageCircle,{className:"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsxRuntimeExports.jsx(q,{id:"auth-register-phone",name:"phone",className:"bg-background/80 pl-9 backdrop-blur",placeholder:"请输入手机号",value:fe(r),onChange:l=>a(he(l.target.value)),required:!0,maxLength:13,inputMode:"numeric"})]}),e.jsxRuntimeExports.jsx(A,{type:"button",variant:"outline",className:"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90",onClick:z,disabled:!r||H||T>0,children:H?e.jsxRuntimeExports.jsx(x.Loader2,{className:"h-4 w-4 animate-spin"}):T>0?`${T}秒`:"发送验证码"})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(D,{htmlFor:"auth-register-code",children:"验证码"}),e.jsxRuntimeExports.jsx(q,{id:"auth-register-code",name:"code",className:"bg-background/80 backdrop-blur",placeholder:"请输入验证码",inputMode:"numeric",autoComplete:"one-time-code",required:!0})]})]}),m&&e.jsxRuntimeExports.jsxs("label",{className:"flex items-start gap-2 text-sm text-muted-foreground",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"mt-0.5 h-4 w-4 rounded border-input",checked:U,onChange:l=>Z(l.target.checked)}),e.jsxRuntimeExports.jsx("span",{children:I})]}),e.jsxRuntimeExports.jsx(A,{type:"submit",className:"mt-4 h-11 w-full",disabled:B,children:B?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(x.Loader2,{className:"mr-2 h-4 w-4 animate-spin"}),"注册中..."]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["创建账号",e.jsxRuntimeExports.jsx(x.ArrowRight,{className:"ml-2 h-4 w-4"})]})})]})}),d&&e.jsxRuntimeExports.jsx("div",{className:"mt-5",children:d}),P&&e.jsxRuntimeExports.jsx("div",{className:"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400",children:P}),g&&e.jsxRuntimeExports.jsx("div",{className:"mt-6 text-sm text-muted-foreground",children:g})]})}function ge({children:s,visual:i,overlay:h,className:f,contentClassName:c,panelClassName:m}){return e.jsxRuntimeExports.jsx("div",{className:y.cn("min-h-screen",f),children:e.jsxRuntimeExports.jsxs("main",{className:"relative flex min-h-screen w-full overflow-hidden",children:[i&&e.jsxRuntimeExports.jsx("div",{className:"absolute inset-0",children:i}),h??e.jsxRuntimeExports.jsx("div",{className:"absolute inset-0 z-10 bg-black/35"}),e.jsxRuntimeExports.jsx("div",{className:y.cn("relative z-20 flex min-h-screen w-full items-center justify-center px-4 py-6 sm:px-6 lg:p-12 xl:p-16",c),children:e.jsxRuntimeExports.jsx("div",{className:y.cn("w-full min-w-0 max-w-[420px]",m),children:s})})]})})}function be({items:s,intervalMs:i=5e3,showIndicators:h=!0,showText:f=!0,className:c,imageClassName:m,contentClassName:I,ariaLabel:v="认证页视觉轮播"}){const[d,g]=t.useState(0),[E,R]=t.useState(!1),j=s.length>0,p=j?s[d]:void 0,w=r=>{j&&g((r+s.length)%s.length)},k=()=>w(d+1),S=()=>w(d-1);t.useEffect(()=>{if(!j||E||i<=0||s.length<2)return;const r=setTimeout(()=>{g(a=>(a+1)%s.length)},i);return()=>clearTimeout(r)},[j,i,E,s.length,d]);const L=r=>{r.key==="ArrowLeft"&&(r.preventDefault(),S()),r.key==="ArrowRight"&&(r.preventDefault(),k())};return j?e.jsxRuntimeExports.jsxs("div",{className:y.cn("relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none",c),tabIndex:0,"aria-label":v,role:"region",onKeyDown:L,onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),onFocus:()=>R(!0),onBlur:()=>R(!1),children:[s.map((r,a)=>e.jsxRuntimeExports.jsx("img",{src:r.image,alt:r.alt,className:y.cn("absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out",a===d?"opacity-100":"opacity-0",m),"aria-hidden":a!==d},`${r.image}-${a}`)),e.jsxRuntimeExports.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-slate-950/80 via-slate-950/30 to-slate-950/10"}),e.jsxRuntimeExports.jsx("div",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/78 via-slate-950/30 to-transparent pb-16 pt-24"}),(f||h)&&e.jsxRuntimeExports.jsxs("div",{className:y.cn("absolute inset-x-5 bottom-6 text-white sm:inset-x-8 sm:bottom-8 lg:inset-x-12 lg:bottom-10",I),children:[f&&p&&e.jsxRuntimeExports.jsxs("div",{className:"max-w-[min(28rem,calc(100vw-2.5rem))]",children:[p.eyebrow&&e.jsxRuntimeExports.jsx("p",{className:"mb-2 text-[0.68rem] font-medium uppercase tracking-normal text-cyan-100/80 sm:text-xs",children:p.eyebrow}),p.title&&e.jsxRuntimeExports.jsx("h2",{className:"text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl",children:p.title}),p.description&&e.jsxRuntimeExports.jsx("p",{className:"mt-2 line-clamp-3 text-sm leading-6 text-slate-100/80 sm:text-base",children:p.description})]}),h&&s.length>1&&e.jsxRuntimeExports.jsx("div",{className:"mt-5 flex items-center gap-2",children:s.map((r,a)=>e.jsxRuntimeExports.jsx("button",{type:"button",className:y.cn("h-1.5 rounded-full transition-all",a===d?"w-8 bg-white":"w-3 bg-white/40 hover:bg-white/70"),"aria-label":`切换到第 ${a+1} 张轮播图`,"aria-current":a===d,onClick:()=>w(a)},`${r.image}-indicator-${a}`))})]})]}):e.jsxRuntimeExports.jsx("div",{className:y.cn("relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950",c),"aria-label":v,role:"region"})}function Ee({components:s,mode:i,defaultMode:h="login",onModeChange:f,loginProps:c,registerProps:m,loginLabel:I="已有账号?登录",registerLabel:v="没有账号?注册"}){const[d,g]=t.useState(h),E=i??d,R=j=>{i||g(j),f==null||f(j)};return E==="register"?e.jsxRuntimeExports.jsx(le,{...m,components:s,footer:(m==null?void 0:m.footer)??e.jsxRuntimeExports.jsx("button",{type:"button",className:"text-primary underline-offset-4 hover:underline",onClick:()=>R("login"),children:I})}):e.jsxRuntimeExports.jsx(ae,{...c,components:s,footer:(c==null?void 0:c.footer)??e.jsxRuntimeExports.jsx("button",{type:"button",className:"text-primary underline-offset-4 hover:underline",onClick:()=>R("register"),children:v})})}exports.AuthLoginPanel=ae;exports.AuthPageShell=ge;exports.AuthPanel=Ee;exports.AuthRegisterPanel=le;exports.AuthVisualCarousel=be;
|
|
2
|
-
//# sourceMappingURL=AuthPanel-C_2JBE7t.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AuthPanel-C_2JBE7t.cjs","sources":["../src/components/AuthLoginPanel.tsx","../src/components/AuthRegisterPanel.tsx","../src/components/AuthPageShell.tsx","../src/components/AuthVisualCarousel.tsx","../src/components/AuthPanel.tsx"],"sourcesContent":["import {\n ArrowRight,\n Layers3,\n Loader2,\n LockKeyhole,\n MessageCircle,\n UserRound,\n} from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n ButtonComponent,\n InputComponent,\n LabelComponent,\n TabsComponent,\n TabsContentComponent,\n TabsListComponent,\n TabsTriggerComponent,\n} from '../types/component-types';\n\nexport type AuthLoginMethod = 'password' | 'sms';\nexport type AuthValidationResult = string | undefined | null;\n\nexport interface AuthUIComponents {\n Button: ButtonComponent;\n Input: InputComponent;\n Label: LabelComponent;\n Tabs: TabsComponent;\n TabsList: TabsListComponent;\n TabsTrigger: TabsTriggerComponent;\n TabsContent: TabsContentComponent;\n}\n\nexport interface AuthSocialProvider {\n id: string;\n label: ReactNode;\n icon?: ReactNode;\n disabled?: boolean;\n onClick?: () => Promise<void> | void;\n}\n\nexport interface AuthSmsCodeResult {\n smsId?: string;\n smsType?: string;\n}\n\nexport interface AuthPasswordLoginPayload {\n username: string;\n password: string;\n}\n\nexport interface AuthSmsLoginPayload {\n phone: string;\n code: string;\n smsId?: string;\n smsType?: string;\n}\n\nexport interface AuthLoginPanelProps {\n components?: AuthUIComponents;\n title?: ReactNode;\n description?: ReactNode;\n brandIcon?: ReactNode;\n defaultMethod?: AuthLoginMethod;\n enabledMethods?: AuthLoginMethod[];\n error?: ReactNode;\n extraActions?: ReactNode;\n footer?: ReactNode;\n socialProviders?: AuthSocialProvider[];\n className?: string;\n smsCountdownSeconds?: number;\n validatePhone?: (phone: string) => AuthValidationResult;\n validatePassword?: (payload: AuthPasswordLoginPayload) => AuthValidationResult;\n onPasswordLogin?: (payload: AuthPasswordLoginPayload) => Promise<void> | void;\n onSendSmsCode?: (\n phone: string\n ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n onSmsLogin?: (payload: AuthSmsLoginPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n if (phone.length <= 3) return phone;\n if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthLoginPanel({\n components,\n title = '欢迎登录',\n description = '使用账号密码或手机号验证码进入系统',\n brandIcon,\n defaultMethod = 'password',\n enabledMethods = ['password', 'sms'],\n error,\n extraActions,\n footer,\n socialProviders,\n className,\n smsCountdownSeconds = 60,\n validatePhone = defaultValidatePhone,\n validatePassword,\n onPasswordLogin,\n onSendSmsCode,\n onSmsLogin,\n}: AuthLoginPanelProps) {\n const [activeMethod, setActiveMethod] = useState<AuthLoginMethod>(\n enabledMethods.includes(defaultMethod) ? defaultMethod : enabledMethods[0]\n );\n const [phone, setPhone] = useState('');\n const [smsId, setSmsId] = useState<string | undefined>();\n const [smsType, setSmsType] = useState<string | undefined>();\n const [localError, setLocalError] = useState<ReactNode>();\n const [passwordPending, setPasswordPending] = useState(false);\n const [smsPending, setSmsPending] = useState(false);\n const [codePending, setCodePending] = useState(false);\n const [countdown, setCountdown] = useState(0);\n\n const methods = useMemo(\n () =>\n enabledMethods.filter(\n (method, index, array) => array.indexOf(method) === index\n ),\n [enabledMethods]\n );\n const shouldShowTabs = methods.length > 1;\n const displayedError = localError || error;\n\n useEffect(() => {\n if (countdown <= 0) return;\n const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n return () => clearTimeout(timer);\n }, [countdown]);\n\n if (!components) {\n return (\n <div className=\"p-4 text-center text-destructive\">\n 错误:请通过 components prop 注入 UI 组件\n </div>\n );\n }\n\n const { Button, Input, Label, Tabs, TabsList, TabsTrigger, TabsContent } =\n components;\n\n const handlePasswordSubmit = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const payload = {\n username: String(formData.get('username') || '').trim(),\n password: String(formData.get('password') || ''),\n };\n\n const validationError =\n !payload.username || !payload.password\n ? '请输入账号和密码'\n : validatePassword?.(payload);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setPasswordPending(true);\n setLocalError(undefined);\n await onPasswordLogin?.(payload);\n } catch (err) {\n setLocalError(getErrorMessage(err, '登录失败,请稍后重试'));\n } finally {\n setPasswordPending(false);\n }\n };\n\n const handleSendCode = async () => {\n const validationError = validatePhone(phone);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setCodePending(true);\n setLocalError(undefined);\n const result = await onSendSmsCode?.(phone);\n setSmsId(result?.smsId);\n setSmsType(result?.smsType);\n setCountdown(smsCountdownSeconds);\n } catch (err) {\n setLocalError(getErrorMessage(err, '发送验证码失败,请稍后重试'));\n } finally {\n setCodePending(false);\n }\n };\n\n const handleSmsSubmit = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const code = String(formData.get('code') || '').trim();\n const validationError = validatePhone(phone);\n\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n if (!code) {\n setLocalError('请输入验证码');\n return;\n }\n\n try {\n setSmsPending(true);\n setLocalError(undefined);\n await onSmsLogin?.({ phone, code, smsId, smsType });\n } catch (err) {\n setLocalError(getErrorMessage(err, '验证码错误或已过期'));\n } finally {\n setSmsPending(false);\n }\n };\n\n const renderHeader = () => (\n <div className=\"mb-7\">\n <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n </div>\n <h1 className=\"text-2xl font-semibold\">{title}</h1>\n {description && (\n <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n {description}\n </p>\n )}\n </div>\n );\n\n const renderSocialProviders = () =>\n socialProviders?.length ? (\n <div className=\"mb-6 grid gap-2\">\n {socialProviders.map((provider) => (\n <Button\n key={provider.id}\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-full\"\n disabled={provider.disabled}\n onClick={provider.onClick}\n >\n {provider.icon && (\n <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n {provider.icon}\n </span>\n )}\n {provider.label}\n </Button>\n ))}\n </div>\n ) : null;\n\n const renderPasswordForm = () => (\n <form className=\"flex flex-col\" onSubmit={handlePasswordSubmit}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-username\">用户名</Label>\n <div className=\"relative\">\n <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-username\"\n name=\"username\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入用户名\"\n autoComplete=\"username\"\n required\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-password\">密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-password\"\n name=\"password\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请输入密码\"\n autoComplete=\"current-password\"\n required\n />\n </div>\n </div>\n <Button\n type=\"submit\"\n className=\"mt-4 h-11 w-full\"\n disabled={passwordPending}\n >\n {passwordPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 登录中...\n </>\n ) : (\n <>\n 登录\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n );\n\n const renderSmsForm = () => (\n <form className=\"flex flex-col\" onSubmit={handleSmsSubmit}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-phone\">手机号</Label>\n <div className=\"flex gap-2\">\n <div className=\"relative w-full\">\n <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-phone\"\n name=\"phone\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入手机号\"\n value={formatPhone(phone)}\n onChange={(event) => setPhone(normalizePhone(event.target.value))}\n required\n maxLength={13}\n inputMode=\"numeric\"\n />\n </div>\n <Button\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n onClick={handleSendCode}\n disabled={!phone || codePending || countdown > 0}\n >\n {codePending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : countdown > 0 ? (\n `${countdown}秒`\n ) : (\n '发送验证码'\n )}\n </Button>\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-code\">验证码</Label>\n <Input\n id=\"auth-code\"\n name=\"code\"\n className=\"bg-background/80 backdrop-blur\"\n placeholder=\"请输入验证码\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n required\n />\n </div>\n <Button type=\"submit\" className=\"mt-4 h-11 w-full\" disabled={smsPending}>\n {smsPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 验证中...\n </>\n ) : (\n <>\n 验证并登录\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n );\n\n const renderForms = () => {\n if (!shouldShowTabs) {\n return methods[0] === 'sms' ? renderSmsForm() : renderPasswordForm();\n }\n\n return (\n <Tabs\n value={activeMethod}\n onValueChange={(value) => setActiveMethod(value as AuthLoginMethod)}\n className=\"w-full\"\n >\n <TabsList className=\"mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur\">\n {methods.includes('password') && (\n <TabsTrigger value=\"password\">账号密码登录</TabsTrigger>\n )}\n {methods.includes('sms') && (\n <TabsTrigger value=\"sms\">手机号登录</TabsTrigger>\n )}\n </TabsList>\n <TabsContent value=\"password\">{renderPasswordForm()}</TabsContent>\n <TabsContent value=\"sms\">{renderSmsForm()}</TabsContent>\n </Tabs>\n );\n };\n\n return (\n <div\n className={cn(\n 'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n className\n )}\n >\n {renderHeader()}\n {renderSocialProviders()}\n {renderForms()}\n {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n {displayedError && (\n <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n {displayedError}\n </div>\n )}\n {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n </div>\n );\n}\n","import {\n ArrowRight,\n Layers3,\n Loader2,\n LockKeyhole,\n MessageCircle,\n UserRound,\n} from 'lucide-react';\nimport { useEffect, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport type {\n AuthSmsCodeResult,\n AuthSocialProvider,\n AuthUIComponents,\n AuthValidationResult,\n} from './AuthLoginPanel';\n\nexport interface AuthRegisterPayload {\n username: string;\n password: string;\n confirmPassword: string;\n phone: string;\n code: string;\n smsId?: string;\n smsType?: string;\n termsAccepted: boolean;\n}\n\nexport interface AuthRegisterPanelProps {\n components?: AuthUIComponents;\n title?: ReactNode;\n description?: ReactNode;\n brandIcon?: ReactNode;\n requirePhoneVerification?: boolean;\n requireTermsAccepted?: boolean;\n termsLabel?: ReactNode;\n error?: ReactNode;\n extraActions?: ReactNode;\n footer?: ReactNode;\n socialProviders?: AuthSocialProvider[];\n className?: string;\n smsCountdownSeconds?: number;\n validatePhone?: (phone: string) => AuthValidationResult;\n validatePassword?: (payload: AuthRegisterPayload) => AuthValidationResult;\n validateRegister?: (payload: AuthRegisterPayload) => AuthValidationResult;\n onSendSmsCode?: (\n phone: string\n ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n onRegister?: (payload: AuthRegisterPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n if (phone.length <= 3) return phone;\n if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthRegisterPanel({\n components,\n title = '创建账号',\n description = '填写账号信息并完成手机号验证',\n brandIcon,\n requirePhoneVerification = true,\n requireTermsAccepted = false,\n termsLabel = '我已阅读并同意服务条款',\n error,\n extraActions,\n footer,\n socialProviders,\n className,\n smsCountdownSeconds = 60,\n validatePhone = defaultValidatePhone,\n validatePassword,\n validateRegister,\n onSendSmsCode,\n onRegister,\n}: AuthRegisterPanelProps) {\n const [phone, setPhone] = useState('');\n const [smsId, setSmsId] = useState<string | undefined>();\n const [smsType, setSmsType] = useState<string | undefined>();\n const [termsAccepted, setTermsAccepted] = useState(false);\n const [localError, setLocalError] = useState<ReactNode>();\n const [registerPending, setRegisterPending] = useState(false);\n const [codePending, setCodePending] = useState(false);\n const [countdown, setCountdown] = useState(0);\n const displayedError = localError || error;\n\n useEffect(() => {\n if (countdown <= 0) return;\n const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n return () => clearTimeout(timer);\n }, [countdown]);\n\n if (!components) {\n return (\n <div className=\"p-4 text-center text-destructive\">\n 错误:请通过 components prop 注入 UI 组件\n </div>\n );\n }\n\n const { Button, Input, Label } = components;\n\n const handleSendCode = async () => {\n const validationError = validatePhone(phone);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setCodePending(true);\n setLocalError(undefined);\n const result = await onSendSmsCode?.(phone);\n setSmsId(result?.smsId);\n setSmsType(result?.smsType);\n setCountdown(smsCountdownSeconds);\n } catch (err) {\n setLocalError(getErrorMessage(err, '发送验证码失败,请稍后重试'));\n } finally {\n setCodePending(false);\n }\n };\n\n const handleRegister = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const payload: AuthRegisterPayload = {\n username: String(formData.get('username') || '').trim(),\n password: String(formData.get('password') || ''),\n confirmPassword: String(formData.get('confirmPassword') || ''),\n phone,\n code: String(formData.get('code') || '').trim(),\n smsId,\n smsType,\n termsAccepted,\n };\n\n const validationError =\n (!payload.username && '请输入用户名') ||\n (!payload.password && '请输入密码') ||\n (payload.password !== payload.confirmPassword && '两次输入的密码不一致') ||\n (requirePhoneVerification && validatePhone(phone)) ||\n (requirePhoneVerification && !payload.code && '请输入验证码') ||\n (requireTermsAccepted && !termsAccepted && '请先同意服务条款') ||\n validatePassword?.(payload) ||\n validateRegister?.(payload);\n\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setRegisterPending(true);\n setLocalError(undefined);\n await onRegister?.(payload);\n } catch (err) {\n setLocalError(getErrorMessage(err, '注册失败,请稍后重试'));\n } finally {\n setRegisterPending(false);\n }\n };\n\n const renderSocialProviders = () =>\n socialProviders?.length ? (\n <div className=\"mb-6 grid gap-2\">\n {socialProviders.map((provider) => (\n <Button\n key={provider.id}\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-full\"\n disabled={provider.disabled}\n onClick={provider.onClick}\n >\n {provider.icon && (\n <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n {provider.icon}\n </span>\n )}\n {provider.label}\n </Button>\n ))}\n </div>\n ) : null;\n\n return (\n <div\n className={cn(\n 'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n className\n )}\n >\n <div className=\"mb-7\">\n <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n </div>\n <h1 className=\"text-2xl font-semibold\">{title}</h1>\n {description && (\n <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n {description}\n </p>\n )}\n </div>\n\n {renderSocialProviders()}\n\n <form className=\"flex flex-col\" onSubmit={handleRegister}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-username\">用户名</Label>\n <div className=\"relative\">\n <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-username\"\n name=\"username\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入用户名\"\n autoComplete=\"username\"\n required\n />\n </div>\n </div>\n\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-password\">密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-password\"\n name=\"password\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请输入密码\"\n autoComplete=\"new-password\"\n required\n />\n </div>\n </div>\n\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-confirm-password\">确认密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-confirm-password\"\n name=\"confirmPassword\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请再次输入密码\"\n autoComplete=\"new-password\"\n required\n />\n </div>\n </div>\n\n {requirePhoneVerification && (\n <>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-phone\">手机号</Label>\n <div className=\"flex gap-2\">\n <div className=\"relative w-full\">\n <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-phone\"\n name=\"phone\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入手机号\"\n value={formatPhone(phone)}\n onChange={(event) =>\n setPhone(normalizePhone(event.target.value))\n }\n required\n maxLength={13}\n inputMode=\"numeric\"\n />\n </div>\n <Button\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n onClick={handleSendCode}\n disabled={!phone || codePending || countdown > 0}\n >\n {codePending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : countdown > 0 ? (\n `${countdown}秒`\n ) : (\n '发送验证码'\n )}\n </Button>\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-code\">验证码</Label>\n <Input\n id=\"auth-register-code\"\n name=\"code\"\n className=\"bg-background/80 backdrop-blur\"\n placeholder=\"请输入验证码\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n required\n />\n </div>\n </>\n )}\n\n {requireTermsAccepted && (\n <label className=\"flex items-start gap-2 text-sm text-muted-foreground\">\n <input\n type=\"checkbox\"\n className=\"mt-0.5 h-4 w-4 rounded border-input\"\n checked={termsAccepted}\n onChange={(event) => setTermsAccepted(event.target.checked)}\n />\n <span>{termsLabel}</span>\n </label>\n )}\n\n <Button\n type=\"submit\"\n className=\"mt-4 h-11 w-full\"\n disabled={registerPending}\n >\n {registerPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 注册中...\n </>\n ) : (\n <>\n 创建账号\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n\n {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n {displayedError && (\n <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n {displayedError}\n </div>\n )}\n {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n </div>\n );\n}\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthPageShellProps {\n children: ReactNode;\n visual?: ReactNode;\n overlay?: ReactNode;\n className?: string;\n contentClassName?: string;\n panelClassName?: string;\n}\n\nexport function AuthPageShell({\n children,\n visual,\n overlay,\n className,\n contentClassName,\n panelClassName,\n}: AuthPageShellProps) {\n return (\n <div className={cn('min-h-screen', className)}>\n <main className=\"relative flex min-h-screen w-full overflow-hidden\">\n {visual && <div className=\"absolute inset-0\">{visual}</div>}\n {overlay ?? <div className=\"absolute inset-0 z-10 bg-black/35\" />}\n <div\n className={cn(\n 'relative z-20 flex min-h-screen w-full items-center justify-center px-4 py-6 sm:px-6 lg:p-12 xl:p-16',\n contentClassName\n )}\n >\n <div className={cn('w-full min-w-0 max-w-[420px]', panelClassName)}>\n {children}\n </div>\n </div>\n </main>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthVisualCarouselItem {\n image: string;\n alt: string;\n title?: ReactNode;\n description?: ReactNode;\n eyebrow?: ReactNode;\n}\n\nexport interface AuthVisualCarouselProps {\n items: AuthVisualCarouselItem[];\n intervalMs?: number;\n showIndicators?: boolean;\n showText?: boolean;\n className?: string;\n imageClassName?: string;\n contentClassName?: string;\n ariaLabel?: string;\n}\n\nexport function AuthVisualCarousel({\n items,\n intervalMs = 5000,\n showIndicators = true,\n showText = true,\n className,\n imageClassName,\n contentClassName,\n ariaLabel = '认证页视觉轮播',\n}: AuthVisualCarouselProps) {\n const [currentSlide, setCurrentSlide] = useState(0);\n const [isPaused, setIsPaused] = useState(false);\n const hasItems = items.length > 0;\n const currentItem = hasItems ? items[currentSlide] : undefined;\n\n const goToSlide = (index: number) => {\n if (!hasItems) return;\n setCurrentSlide((index + items.length) % items.length);\n };\n\n const nextSlide = () => goToSlide(currentSlide + 1);\n const previousSlide = () => goToSlide(currentSlide - 1);\n\n useEffect(() => {\n if (!hasItems || isPaused || intervalMs <= 0 || items.length < 2) return;\n const timer = setTimeout(() => {\n setCurrentSlide((slide) => (slide + 1) % items.length);\n }, intervalMs);\n return () => clearTimeout(timer);\n }, [hasItems, intervalMs, isPaused, items.length, currentSlide]);\n\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n previousSlide();\n }\n if (event.key === 'ArrowRight') {\n event.preventDefault();\n nextSlide();\n }\n };\n\n if (!hasItems) {\n return (\n <div\n className={cn(\n 'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950',\n className\n )}\n aria-label={ariaLabel}\n role=\"region\"\n />\n );\n }\n\n return (\n <div\n className={cn(\n 'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none',\n className\n )}\n tabIndex={0}\n aria-label={ariaLabel}\n role=\"region\"\n onKeyDown={handleKeyDown}\n onMouseEnter={() => setIsPaused(true)}\n onMouseLeave={() => setIsPaused(false)}\n onFocus={() => setIsPaused(true)}\n onBlur={() => setIsPaused(false)}\n >\n {items.map((item, index) => (\n <img\n key={`${item.image}-${index}`}\n src={item.image}\n alt={item.alt}\n className={cn(\n 'absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out',\n index === currentSlide ? 'opacity-100' : 'opacity-0',\n imageClassName\n )}\n aria-hidden={index !== currentSlide}\n />\n ))}\n\n <div className=\"absolute inset-0 bg-gradient-to-r from-slate-950/80 via-slate-950/30 to-slate-950/10\" />\n <div className=\"absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/78 via-slate-950/30 to-transparent pb-16 pt-24\" />\n\n {(showText || showIndicators) && (\n <div\n className={cn(\n 'absolute inset-x-5 bottom-6 text-white sm:inset-x-8 sm:bottom-8 lg:inset-x-12 lg:bottom-10',\n contentClassName\n )}\n >\n {showText && currentItem && (\n <div className=\"max-w-[min(28rem,calc(100vw-2.5rem))]\">\n {currentItem.eyebrow && (\n <p className=\"mb-2 text-[0.68rem] font-medium uppercase tracking-normal text-cyan-100/80 sm:text-xs\">\n {currentItem.eyebrow}\n </p>\n )}\n {currentItem.title && (\n <h2 className=\"text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl\">\n {currentItem.title}\n </h2>\n )}\n {currentItem.description && (\n <p className=\"mt-2 line-clamp-3 text-sm leading-6 text-slate-100/80 sm:text-base\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n\n {showIndicators && items.length > 1 && (\n <div className=\"mt-5 flex items-center gap-2\">\n {items.map((item, index) => (\n <button\n key={`${item.image}-indicator-${index}`}\n type=\"button\"\n className={cn(\n 'h-1.5 rounded-full transition-all',\n index === currentSlide\n ? 'w-8 bg-white'\n : 'w-3 bg-white/40 hover:bg-white/70'\n )}\n aria-label={`切换到第 ${index + 1} 张轮播图`}\n aria-current={index === currentSlide}\n onClick={() => goToSlide(index)}\n />\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { AuthLoginPanelProps, AuthUIComponents } from './AuthLoginPanel';\nimport { AuthLoginPanel } from './AuthLoginPanel';\nimport type { AuthRegisterPanelProps } from './AuthRegisterPanel';\nimport { AuthRegisterPanel } from './AuthRegisterPanel';\n\nexport type AuthPanelMode = 'login' | 'register';\n\nexport interface AuthPanelProps {\n components?: AuthUIComponents;\n mode?: AuthPanelMode;\n defaultMode?: AuthPanelMode;\n onModeChange?: (mode: AuthPanelMode) => void;\n loginProps?: Omit<AuthLoginPanelProps, 'components' | 'footer'> & {\n footer?: ReactNode;\n };\n registerProps?: Omit<AuthRegisterPanelProps, 'components' | 'footer'> & {\n footer?: ReactNode;\n };\n loginLabel?: ReactNode;\n registerLabel?: ReactNode;\n}\n\nexport function AuthPanel({\n components,\n mode,\n defaultMode = 'login',\n onModeChange,\n loginProps,\n registerProps,\n loginLabel = '已有账号?登录',\n registerLabel = '没有账号?注册',\n}: AuthPanelProps) {\n const [internalMode, setInternalMode] = useState<AuthPanelMode>(defaultMode);\n const currentMode = mode ?? internalMode;\n\n const setMode = (nextMode: AuthPanelMode) => {\n if (!mode) {\n setInternalMode(nextMode);\n }\n onModeChange?.(nextMode);\n };\n\n if (currentMode === 'register') {\n return (\n <AuthRegisterPanel\n {...registerProps}\n components={components}\n footer={\n registerProps?.footer ?? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-4 hover:underline\"\n onClick={() => setMode('login')}\n >\n {loginLabel}\n </button>\n )\n }\n />\n );\n }\n\n return (\n <AuthLoginPanel\n {...loginProps}\n components={components}\n footer={\n loginProps?.footer ?? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-4 hover:underline\"\n onClick={() => setMode('register')}\n >\n {registerLabel}\n </button>\n )\n }\n />\n );\n}\n"],"names":["defaultValidatePhone","phone","getErrorMessage","error","fallback","normalizePhone","value","formatPhone","AuthLoginPanel","components","title","description","brandIcon","defaultMethod","enabledMethods","extraActions","footer","socialProviders","className","smsCountdownSeconds","validatePhone","validatePassword","onPasswordLogin","onSendSmsCode","onSmsLogin","activeMethod","setActiveMethod","useState","setPhone","smsId","setSmsId","smsType","setSmsType","localError","setLocalError","passwordPending","setPasswordPending","smsPending","setSmsPending","codePending","setCodePending","countdown","setCountdown","methods","useMemo","method","index","array","shouldShowTabs","displayedError","useEffect","timer","jsx","Button","Input","Label","Tabs","TabsList","TabsTrigger","TabsContent","handlePasswordSubmit","event","formData","payload","validationError","err","handleSendCode","result","handleSmsSubmit","code","renderHeader","jsxs","Layers3","renderSocialProviders","provider","renderPasswordForm","UserRound","LockKeyhole","Fragment","Loader2","ArrowRight","renderSmsForm","MessageCircle","renderForms","cn","AuthRegisterPanel","requirePhoneVerification","requireTermsAccepted","termsLabel","validateRegister","onRegister","termsAccepted","setTermsAccepted","registerPending","setRegisterPending","handleRegister","AuthPageShell","children","visual","overlay","contentClassName","panelClassName","AuthVisualCarousel","items","intervalMs","showIndicators","showText","imageClassName","ariaLabel","currentSlide","setCurrentSlide","isPaused","setIsPaused","hasItems","currentItem","goToSlide","nextSlide","previousSlide","slide","handleKeyDown","item","AuthPanel","mode","defaultMode","onModeChange","loginProps","registerProps","loginLabel","registerLabel","internalMode","setInternalMode","currentMode","setMode","nextMode"],"mappings":"0IAkFMA,GAAwBC,GAC5B,gBAAgB,KAAKA,CAAK,EAAI,OAAY,YAEtCC,GAAkB,CAACC,EAAgBC,IACnCD,aAAiB,OAASA,EAAM,QAAgBA,EAAM,QACtD,OAAOA,GAAU,UAAYA,EAAcA,EACxCC,EAGHC,GAAkBC,GAAkBA,EAAM,QAAQ,MAAO,EAAE,EAAE,MAAM,EAAG,EAAE,EAExEC,GAAeN,GACfA,EAAM,QAAU,EAAUA,EAC1BA,EAAM,QAAU,EAAU,GAAGA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,GAC7D,GAAGA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,GAG7D,SAASO,GAAe,CAC7B,WAAAC,EACA,MAAAC,EAAQ,OACR,YAAAC,EAAc,oBACd,UAAAC,EACA,cAAAC,EAAgB,WAChB,eAAAC,EAAiB,CAAC,WAAY,KAAK,EACnC,MAAAX,EACA,aAAAY,EACA,OAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,oBAAAC,EAAsB,GACtB,cAAAC,EAAgBpB,GAChB,iBAAAqB,EACA,gBAAAC,EACA,cAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SACtCb,EAAe,SAASD,CAAa,EAAIA,EAAgBC,EAAe,CAAC,CAAA,EAErE,CAACb,EAAO2B,CAAQ,EAAID,EAAAA,SAAS,EAAE,EAC/B,CAACE,EAAOC,CAAQ,EAAIH,WAAA,EACpB,CAACI,EAASC,CAAU,EAAIL,WAAA,EACxB,CAACM,EAAYC,CAAa,EAAIP,WAAA,EAC9B,CAACQ,EAAiBC,CAAkB,EAAIT,EAAAA,SAAS,EAAK,EACtD,CAACU,EAAYC,CAAa,EAAIX,EAAAA,SAAS,EAAK,EAC5C,CAACY,EAAaC,CAAc,EAAIb,EAAAA,SAAS,EAAK,EAC9C,CAACc,EAAWC,CAAY,EAAIf,EAAAA,SAAS,CAAC,EAEtCgB,EAAUC,EAAAA,QACd,IACE9B,EAAe,OACb,CAAC+B,EAAQC,EAAOC,IAAUA,EAAM,QAAQF,CAAM,IAAMC,CAAA,EAExD,CAAChC,CAAc,CAAA,EAEXkC,EAAiBL,EAAQ,OAAS,EAClCM,EAAiBhB,GAAc9B,EAQrC,GANA+C,EAAAA,UAAU,IAAM,CACd,GAAIT,GAAa,EAAG,OACpB,MAAMU,EAAQ,WAAW,IAAMT,EAAcpC,GAAUA,EAAQ,CAAC,EAAG,GAAI,EACvE,MAAO,IAAM,aAAa6C,CAAK,CACjC,EAAG,CAACV,CAAS,CAAC,EAEV,CAAChC,EACH,OACE2C,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAmC,SAAA,kCAElD,EAIJ,KAAM,CAAE,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAa,YAAAC,GACzDlD,EAEImD,EAAuB,MAAOC,GAAsC,CACxEA,EAAM,eAAA,EACN,MAAMC,EAAW,IAAI,SAASD,EAAM,aAAa,EAC3CE,EAAU,CACd,SAAU,OAAOD,EAAS,IAAI,UAAU,GAAK,EAAE,EAAE,KAAA,EACjD,SAAU,OAAOA,EAAS,IAAI,UAAU,GAAK,EAAE,CAAA,EAG3CE,EACJ,CAACD,EAAQ,UAAY,CAACA,EAAQ,SAC1B,WACA1C,GAAA,YAAAA,EAAmB0C,GACzB,GAAIC,EAAiB,CACnB9B,EAAc8B,CAAe,EAC7B,MACF,CAEA,GAAI,CACF5B,EAAmB,EAAI,EACvBF,EAAc,MAAS,EACvB,MAAMZ,GAAA,YAAAA,EAAkByC,GAC1B,OAASE,GAAK,CACZ/B,EAAchC,GAAgB+D,GAAK,YAAY,CAAC,CAClD,QAAA,CACE7B,EAAmB,EAAK,CAC1B,CACF,EAEM8B,GAAiB,SAAY,CACjC,MAAMF,EAAkB5C,EAAcnB,CAAK,EAC3C,GAAI+D,EAAiB,CACnB9B,EAAc8B,CAAe,EAC7B,MACF,CAEA,GAAI,CACFxB,EAAe,EAAI,EACnBN,EAAc,MAAS,EACvB,MAAMiC,EAAS,MAAM5C,GAAA,YAAAA,EAAgBtB,IACrC6B,EAASqC,GAAA,YAAAA,EAAQ,KAAK,EACtBnC,EAAWmC,GAAA,YAAAA,EAAQ,OAAO,EAC1BzB,EAAavB,CAAmB,CAClC,OAAS8C,EAAK,CACZ/B,EAAchC,GAAgB+D,EAAK,eAAe,CAAC,CACrD,QAAA,CACEzB,EAAe,EAAK,CACtB,CACF,EAEM4B,GAAkB,MAAOP,GAAsC,CACnEA,EAAM,eAAA,EACN,MAAMC,EAAW,IAAI,SAASD,EAAM,aAAa,EAC3CQ,EAAO,OAAOP,EAAS,IAAI,MAAM,GAAK,EAAE,EAAE,KAAA,EAC1CE,EAAkB5C,EAAcnB,CAAK,EAE3C,GAAI+D,EAAiB,CACnB9B,EAAc8B,CAAe,EAC7B,MACF,CACA,GAAI,CAACK,EAAM,CACTnC,EAAc,QAAQ,EACtB,MACF,CAEA,GAAI,CACFI,EAAc,EAAI,EAClBJ,EAAc,MAAS,EACvB,MAAMV,GAAA,YAAAA,EAAa,CAAE,MAAAvB,EAAO,KAAAoE,EAAM,MAAAxC,EAAO,QAAAE,IAC3C,OAASkC,GAAK,CACZ/B,EAAchC,GAAgB+D,GAAK,WAAW,CAAC,CACjD,QAAA,CACE3B,EAAc,EAAK,CACrB,CACF,EAEMgC,GAAe,IACnBC,yBAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0GACZ,SAAAxC,2BAAc4D,EAAAA,QAAA,CAAQ,UAAU,UAAU,CAAA,CAC7C,EACApB,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yBAA0B,SAAA1C,EAAM,EAC7CC,GACCyC,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,+CACV,SAAAzC,CAAA,CACH,CAAA,EAEJ,EAGI8D,GAAwB,IAC5BxD,GAAA,MAAAA,EAAiB,OACfmC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kBACZ,SAAAnC,EAAgB,IAAKyD,GACpBH,EAAAA,kBAAAA,KAAClB,EAAA,CAEC,KAAK,SACL,QAAQ,UACR,UAAU,cACV,SAAUqB,EAAS,SACnB,QAASA,EAAS,QAEjB,SAAA,CAAAA,EAAS,MACRtB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uDACb,WAAS,KACZ,EAEDsB,EAAS,KAAA,CAAA,EAZLA,EAAS,EAAA,CAcjB,EACH,EACE,KAEAC,GAAqB,IACzBvB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAUQ,EACxC,SAAAW,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,gBAAgB,SAAA,MAAG,EAClCgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACwB,EAAAA,UAAA,CAAU,UAAU,4FAAA,CAA6F,EAClHxB,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,gBACH,KAAK,WACL,UAAU,sCACV,YAAY,SACZ,aAAa,WACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EACAiB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,gBAAgB,SAAA,KAAE,EACjCgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACyB,EAAAA,YAAA,CAAY,UAAU,4FAAA,CAA6F,EACpHzB,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,gBACH,KAAK,WACL,UAAU,sCACV,KAAK,WACL,YAAY,QACZ,aAAa,mBACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EACAF,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAK,SACL,UAAU,mBACV,SAAUlB,EAET,WACCoC,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAA1B,EAAAA,kBAAAA,IAAC2B,EAAAA,QAAA,CAAQ,UAAU,2BAAA,CAA4B,EAAE,QAAA,CAAA,CAEnD,EAEAR,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CAAE,SAAA,CAAA,KAEA1B,EAAAA,kBAAAA,IAAC4B,EAAAA,WAAA,CAAW,UAAU,cAAA,CAAe,CAAA,CAAA,CACvC,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CACF,EAGIC,GAAgB,IACpB7B,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAUgB,GACxC,SAAAG,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,aAAa,SAAA,MAAG,EAC/BgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,aACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kBACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAAC8B,EAAAA,cAAA,CAAc,UAAU,iGAAA,CAAkG,EAC3H9B,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,aACH,KAAK,QACL,UAAU,sCACV,YAAY,SACZ,MAAO/C,GAAYN,CAAK,EACxB,SAAW4D,GAAUjC,EAASvB,GAAewD,EAAM,OAAO,KAAK,CAAC,EAChE,SAAQ,GACR,UAAW,GACX,UAAU,SAAA,CAAA,CACZ,EACF,EACAT,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAK,SACL,QAAQ,UACR,UAAU,2EACV,QAASa,GACT,SAAU,CAACjE,GAASsC,GAAeE,EAAY,EAE9C,SAAAF,EACCa,EAAAA,kBAAAA,IAAC2B,EAAAA,QAAA,CAAQ,UAAU,uBAAuB,EACxCtC,EAAY,EACd,GAAGA,CAAS,IAEZ,OAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,EACA8B,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,YAAY,SAAA,MAAG,EAC9BH,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,YACH,KAAK,OACL,UAAU,iCACV,YAAY,SACZ,UAAU,UACV,aAAa,gBACb,SAAQ,EAAA,CAAA,CACV,EACF,EACAF,EAAAA,kBAAAA,IAACC,GAAO,KAAK,SAAS,UAAU,mBAAmB,SAAUhB,EAC1D,SAAAA,EACCkC,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAA1B,EAAAA,kBAAAA,IAAC2B,EAAAA,QAAA,CAAQ,UAAU,2BAAA,CAA4B,EAAE,QAAA,CAAA,CAEnD,EAEAR,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CAAE,SAAA,CAAA,QAEA1B,EAAAA,kBAAAA,IAAC4B,EAAAA,WAAA,CAAW,UAAU,cAAA,CAAe,CAAA,CAAA,CACvC,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,EAGIG,GAAc,IACbnC,EAKHuB,EAAAA,kBAAAA,KAACf,EAAA,CACC,MAAO/B,EACP,cAAgBnB,GAAUoB,EAAgBpB,CAAwB,EAClE,UAAU,SAEV,SAAA,CAAAiE,EAAAA,kBAAAA,KAACd,EAAA,CAAS,UAAU,mEACjB,SAAA,CAAAd,EAAQ,SAAS,UAAU,2BACzBe,EAAA,CAAY,MAAM,WAAW,SAAA,SAAM,EAErCf,EAAQ,SAAS,KAAK,2BACpBe,EAAA,CAAY,MAAM,MAAM,SAAA,OAAA,CAAK,CAAA,EAElC,EACAN,EAAAA,kBAAAA,IAACO,EAAA,CAAY,MAAM,WAAY,cAAqB,EACpDP,EAAAA,kBAAAA,IAACO,EAAA,CAAY,MAAM,MAAO,aAAc,CAAE,CAAA,CAAA,CAAA,EAlBrChB,EAAQ,CAAC,IAAM,MAAQsC,GAAA,EAAkBN,GAAA,EAuBpD,OACEJ,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWa,EAAAA,GACT,4LACAlE,CAAA,EAGD,SAAA,CAAAoD,GAAA,EACAG,GAAA,EACAU,GAAA,EACApE,GAAgBqC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,SAAArC,EAAa,EACpDkC,GACCG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iGACZ,SAAAH,EACH,EAEDjC,GAAUoC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAApC,CAAA,CAAO,CAAA,CAAA,CAAA,CAG7E,CC1XA,MAAMhB,GAAwBC,GAC5B,gBAAgB,KAAKA,CAAK,EAAI,OAAY,YAEtCC,GAAkB,CAACC,EAAgBC,IACnCD,aAAiB,OAASA,EAAM,QAAgBA,EAAM,QACtD,OAAOA,GAAU,UAAYA,EAAcA,EACxCC,EAGHC,GAAkBC,GAAkBA,EAAM,QAAQ,MAAO,EAAE,EAAE,MAAM,EAAG,EAAE,EAExEC,GAAeN,GACfA,EAAM,QAAU,EAAUA,EAC1BA,EAAM,QAAU,EAAU,GAAGA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,GAC7D,GAAGA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,EAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,GAG7D,SAASoF,GAAkB,CAChC,WAAA5E,EACA,MAAAC,EAAQ,OACR,YAAAC,EAAc,iBACd,UAAAC,EACA,yBAAA0E,EAA2B,GAC3B,qBAAAC,EAAuB,GACvB,WAAAC,EAAa,cACb,MAAArF,EACA,aAAAY,EACA,OAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,oBAAAC,EAAsB,GACtB,cAAAC,EAAgBpB,GAChB,iBAAAqB,EACA,iBAAAoE,EACA,cAAAlE,EACA,WAAAmE,CACF,EAA2B,CACzB,KAAM,CAACzF,EAAO2B,CAAQ,EAAID,EAAAA,SAAS,EAAE,EAC/B,CAACE,EAAOC,CAAQ,EAAIH,WAAA,EACpB,CAACI,EAASC,CAAU,EAAIL,WAAA,EACxB,CAACgE,EAAeC,CAAgB,EAAIjE,EAAAA,SAAS,EAAK,EAClD,CAACM,EAAYC,CAAa,EAAIP,WAAA,EAC9B,CAACkE,EAAiBC,CAAkB,EAAInE,EAAAA,SAAS,EAAK,EACtD,CAACY,EAAaC,CAAc,EAAIb,EAAAA,SAAS,EAAK,EAC9C,CAACc,EAAWC,CAAY,EAAIf,EAAAA,SAAS,CAAC,EACtCsB,EAAiBhB,GAAc9B,EAQrC,GANA+C,EAAAA,UAAU,IAAM,CACd,GAAIT,GAAa,EAAG,OACpB,MAAMU,EAAQ,WAAW,IAAMT,EAAcpC,GAAUA,EAAQ,CAAC,EAAG,GAAI,EACvE,MAAO,IAAM,aAAa6C,CAAK,CACjC,EAAG,CAACV,CAAS,CAAC,EAEV,CAAChC,EACH,OACE2C,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAmC,SAAA,kCAElD,EAIJ,KAAM,CAAE,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,CAAA,EAAU9C,EAE3ByD,EAAiB,SAAY,CACjC,MAAMF,EAAkB5C,EAAcnB,CAAK,EAC3C,GAAI+D,EAAiB,CACnB9B,EAAc8B,CAAe,EAC7B,MACF,CAEA,GAAI,CACFxB,EAAe,EAAI,EACnBN,EAAc,MAAS,EACvB,MAAMiC,EAAS,MAAM5C,GAAA,YAAAA,EAAgBtB,IACrC6B,EAASqC,GAAA,YAAAA,EAAQ,KAAK,EACtBnC,EAAWmC,GAAA,YAAAA,EAAQ,OAAO,EAC1BzB,EAAavB,CAAmB,CAClC,OAAS8C,EAAK,CACZ/B,EAAchC,GAAgB+D,EAAK,eAAe,CAAC,CACrD,QAAA,CACEzB,EAAe,EAAK,CACtB,CACF,EAEMuD,EAAiB,MAAOlC,GAAsC,CAClEA,EAAM,eAAA,EACN,MAAMC,EAAW,IAAI,SAASD,EAAM,aAAa,EAC3CE,EAA+B,CACnC,SAAU,OAAOD,EAAS,IAAI,UAAU,GAAK,EAAE,EAAE,KAAA,EACjD,SAAU,OAAOA,EAAS,IAAI,UAAU,GAAK,EAAE,EAC/C,gBAAiB,OAAOA,EAAS,IAAI,iBAAiB,GAAK,EAAE,EAC7D,MAAA7D,EACA,KAAM,OAAO6D,EAAS,IAAI,MAAM,GAAK,EAAE,EAAE,KAAA,EACzC,MAAAjC,EACA,QAAAE,EACA,cAAA4D,CAAA,EAGI3B,EACH,CAACD,EAAQ,UAAY,UACrB,CAACA,EAAQ,UAAY,SACrBA,EAAQ,WAAaA,EAAQ,iBAAmB,cAChDuB,GAA4BlE,EAAcnB,CAAK,GAC/CqF,GAA4B,CAACvB,EAAQ,MAAQ,UAC7CwB,GAAwB,CAACI,GAAiB,aAC3CtE,GAAA,YAAAA,EAAmB0C,MACnB0B,GAAA,YAAAA,EAAmB1B,IAErB,GAAIC,EAAiB,CACnB9B,EAAc8B,CAAe,EAC7B,MACF,CAEA,GAAI,CACF8B,EAAmB,EAAI,EACvB5D,EAAc,MAAS,EACvB,MAAMwD,GAAA,YAAAA,EAAa3B,GACrB,OAASE,EAAK,CACZ/B,EAAchC,GAAgB+D,EAAK,YAAY,CAAC,CAClD,QAAA,CACE6B,EAAmB,EAAK,CAC1B,CACF,EAEMrB,EAAwB,IAC5BxD,GAAA,MAAAA,EAAiB,OACfmC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kBACZ,SAAAnC,EAAgB,IAAKyD,GACpBH,EAAAA,kBAAAA,KAAClB,EAAA,CAEC,KAAK,SACL,QAAQ,UACR,UAAU,cACV,SAAUqB,EAAS,SACnB,QAASA,EAAS,QAEjB,SAAA,CAAAA,EAAS,MACRtB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uDACb,WAAS,KACZ,EAEDsB,EAAS,KAAA,CAAA,EAZLA,EAAS,EAAA,CAcjB,EACH,EACE,KAEN,OACEH,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWa,EAAAA,GACT,4LACAlE,CAAA,EAGF,SAAA,CAAAqD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0GACZ,SAAAxC,2BAAc4D,EAAAA,QAAA,CAAQ,UAAU,UAAU,CAAA,CAC7C,EACApB,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yBAA0B,SAAA1C,EAAM,EAC7CC,GACCyC,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,+CACV,SAAAzC,CAAA,CACH,CAAA,EAEJ,EAEC8D,EAAA,EAEDrB,EAAAA,kBAAAA,IAAC,QAAK,UAAU,gBAAgB,SAAU2C,EACxC,SAAAxB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,yBAAyB,SAAA,MAAG,EAC3CgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACwB,EAAAA,UAAA,CAAU,UAAU,4FAAA,CAA6F,EAClHxB,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,yBACH,KAAK,WACL,UAAU,sCACV,YAAY,SACZ,aAAa,WACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EAEAiB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,yBAAyB,SAAA,KAAE,EAC1CgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACyB,EAAAA,YAAA,CAAY,UAAU,4FAAA,CAA6F,EACpHzB,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,yBACH,KAAK,WACL,UAAU,sCACV,KAAK,WACL,YAAY,QACZ,aAAa,eACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EAEAiB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,iCAAiC,SAAA,OAAI,EACpDgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACyB,EAAAA,YAAA,CAAY,UAAU,4FAAA,CAA6F,EACpHzB,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,iCACH,KAAK,kBACL,UAAU,sCACV,KAAK,WACL,YAAY,UACZ,aAAa,eACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EAECgC,GACCf,EAAAA,kBAAAA,KAAAO,6BAAA,CACE,SAAA,CAAAP,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,sBAAsB,SAAA,MAAG,EACxCgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,aACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kBACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAAC8B,EAAAA,cAAA,CAAc,UAAU,iGAAA,CAAkG,EAC3H9B,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,sBACH,KAAK,QACL,UAAU,sCACV,YAAY,SACZ,MAAO/C,GAAYN,CAAK,EACxB,SAAW4D,GACTjC,EAASvB,GAAewD,EAAM,OAAO,KAAK,CAAC,EAE7C,SAAQ,GACR,UAAW,GACX,UAAU,SAAA,CAAA,CACZ,EACF,EACAT,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAK,SACL,QAAQ,UACR,UAAU,2EACV,QAASa,EACT,SAAU,CAACjE,GAASsC,GAAeE,EAAY,EAE9C,SAAAF,EACCa,EAAAA,kBAAAA,IAAC2B,EAAAA,QAAA,CAAQ,UAAU,uBAAuB,EACxCtC,EAAY,EACd,GAAGA,CAAS,IAEZ,OAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,EACA8B,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAnB,EAAAA,kBAAAA,IAACG,EAAA,CAAM,QAAQ,qBAAqB,SAAA,MAAG,EACvCH,EAAAA,kBAAAA,IAACE,EAAA,CACC,GAAG,qBACH,KAAK,OACL,UAAU,iCACV,YAAY,SACZ,UAAU,UACV,aAAa,gBACb,SAAQ,EAAA,CAAA,CACV,CAAA,CACF,CAAA,EACF,EAGDiC,GACChB,EAAAA,kBAAAA,KAAC,QAAA,CAAM,UAAU,uDACf,SAAA,CAAAnB,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAK,WACL,UAAU,sCACV,QAASuC,EACT,SAAW9B,GAAU+B,EAAiB/B,EAAM,OAAO,OAAO,CAAA,CAAA,EAE5DT,EAAAA,kBAAAA,IAAC,QAAM,SAAAoC,CAAA,CAAW,CAAA,EACpB,EAGFpC,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAK,SACL,UAAU,mBACV,SAAUwC,EAET,WACCtB,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAA1B,EAAAA,kBAAAA,IAAC2B,EAAAA,QAAA,CAAQ,UAAU,2BAAA,CAA4B,EAAE,QAAA,CAAA,CAEnD,EAEAR,EAAAA,kBAAAA,KAAAO,EAAAA,kBAAAA,SAAA,CAAE,SAAA,CAAA,OAEA1B,EAAAA,kBAAAA,IAAC4B,EAAAA,WAAA,CAAW,UAAU,cAAA,CAAe,CAAA,CAAA,CACvC,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CACF,EAECjE,GAAgBqC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,SAAArC,EAAa,EACpDkC,GACCG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,iGACZ,SAAAH,EACH,EAEDjC,GAAUoC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAApC,CAAA,CAAO,CAAA,CAAA,CAAA,CAG7E,CChWO,SAASgF,GAAc,CAC5B,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,UAAAjF,EACA,iBAAAkF,EACA,eAAAC,CACF,EAAuB,CACrB,OACEjD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWgC,EAAAA,GAAG,eAAgBlE,CAAS,EAC1C,SAAAqD,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,oDACb,SAAA,CAAA2B,GAAU9C,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mBAAoB,SAAA8C,EAAO,EACpDC,GAAW/C,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,EAC/DA,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWgC,EAAAA,GACT,uGACAgB,CAAA,EAGF,iCAAC,MAAA,CAAI,UAAWhB,EAAAA,GAAG,+BAAgCiB,CAAc,EAC9D,SAAAJ,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ,CCfO,SAASK,GAAmB,CACjC,MAAAC,EACA,WAAAC,EAAa,IACb,eAAAC,EAAiB,GACjB,SAAAC,EAAW,GACX,UAAAxF,EACA,eAAAyF,EACA,iBAAAP,EACA,UAAAQ,EAAY,SACd,EAA4B,CAC1B,KAAM,CAACC,EAAcC,CAAe,EAAInF,EAAAA,SAAS,CAAC,EAC5C,CAACoF,EAAUC,CAAW,EAAIrF,EAAAA,SAAS,EAAK,EACxCsF,EAAWV,EAAM,OAAS,EAC1BW,EAAcD,EAAWV,EAAMM,CAAY,EAAI,OAE/CM,EAAarE,GAAkB,CAC9BmE,GACLH,GAAiBhE,EAAQyD,EAAM,QAAUA,EAAM,MAAM,CACvD,EAEMa,EAAY,IAAMD,EAAUN,EAAe,CAAC,EAC5CQ,EAAgB,IAAMF,EAAUN,EAAe,CAAC,EAEtD3D,EAAAA,UAAU,IAAM,CACd,GAAI,CAAC+D,GAAYF,GAAYP,GAAc,GAAKD,EAAM,OAAS,EAAG,OAClE,MAAMpD,EAAQ,WAAW,IAAM,CAC7B2D,EAAiBQ,IAAWA,EAAQ,GAAKf,EAAM,MAAM,CACvD,EAAGC,CAAU,EACb,MAAO,IAAM,aAAarD,CAAK,CACjC,EAAG,CAAC8D,EAAUT,EAAYO,EAAUR,EAAM,OAAQM,CAAY,CAAC,EAE/D,MAAMU,EAAiB1D,GAAyC,CAC1DA,EAAM,MAAQ,cAChBA,EAAM,eAAA,EACNwD,EAAA,GAEExD,EAAM,MAAQ,eAChBA,EAAM,eAAA,EACNuD,EAAA,EAEJ,EAEA,OAAKH,EAcH1C,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWa,EAAAA,GACT,iFACAlE,CAAA,EAEF,SAAU,EACV,aAAY0F,EACZ,KAAK,SACL,UAAWW,EACX,aAAc,IAAMP,EAAY,EAAI,EACpC,aAAc,IAAMA,EAAY,EAAK,EACrC,QAAS,IAAMA,EAAY,EAAI,EAC/B,OAAQ,IAAMA,EAAY,EAAK,EAE9B,SAAA,CAAAT,EAAM,IAAI,CAACiB,EAAM1E,IAChBM,EAAAA,kBAAAA,IAAC,MAAA,CAEC,IAAKoE,EAAK,MACV,IAAKA,EAAK,IACV,UAAWpC,EAAAA,GACT,uFACAtC,IAAU+D,EAAe,cAAgB,YACzCF,CAAA,EAEF,cAAa7D,IAAU+D,CAAA,EARlB,GAAGW,EAAK,KAAK,IAAI1E,CAAK,EAAA,CAU9B,EAEDM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,sFAAA,CAAuF,EACtGA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4GAAA,CAA6G,GAE1HsD,GAAYD,IACZlC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWa,EAAAA,GACT,6FACAgB,CAAA,EAGD,SAAA,CAAAM,GAAYQ,GACX3C,yBAAC,MAAA,CAAI,UAAU,wCACZ,SAAA,CAAA2C,EAAY,SACX9D,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,wFACV,WAAY,QACf,EAED8D,EAAY,OACX9D,EAAAA,kBAAAA,IAAC,MAAG,UAAU,8DACX,WAAY,MACf,EAED8D,EAAY,aACX9D,EAAAA,kBAAAA,IAAC,KAAE,UAAU,qEACV,WAAY,WAAA,CACf,CAAA,EAEJ,EAGDqD,GAAkBF,EAAM,OAAS,GAChCnD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,+BACZ,SAAAmD,EAAM,IAAI,CAACiB,EAAM1E,IAChBM,EAAAA,kBAAAA,IAAC,SAAA,CAEC,KAAK,SACL,UAAWgC,EAAAA,GACT,oCACAtC,IAAU+D,EACN,eACA,mCAAA,EAEN,aAAY,QAAQ/D,EAAQ,CAAC,QAC7B,eAAcA,IAAU+D,EACxB,QAAS,IAAMM,EAAUrE,CAAK,CAAA,EAVzB,GAAG0E,EAAK,KAAK,cAAc1E,CAAK,EAAA,CAYxC,CAAA,CACH,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,EAzFFM,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWgC,EAAAA,GACT,oEACAlE,CAAA,EAEF,aAAY0F,EACZ,KAAK,QAAA,CAAA,CAuFb,CCxIO,SAASa,GAAU,CACxB,WAAAhH,EACA,KAAAiH,EACA,YAAAC,EAAc,QACd,aAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,UACb,cAAAC,EAAgB,SAClB,EAAmB,CACjB,KAAM,CAACC,EAAcC,CAAe,EAAIvG,EAAAA,SAAwBgG,CAAW,EACrEQ,EAAcT,GAAQO,EAEtBG,EAAWC,GAA4B,CACtCX,GACHQ,EAAgBG,CAAQ,EAE1BT,GAAA,MAAAA,EAAeS,EACjB,EAEA,OAAIF,IAAgB,WAEhB/E,EAAAA,kBAAAA,IAACiC,GAAA,CACE,GAAGyC,EACJ,WAAArH,EACA,QACEqH,GAAA,YAAAA,EAAe,SACb1E,EAAAA,kBAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,kDACV,QAAS,IAAMgF,EAAQ,OAAO,EAE7B,SAAAL,CAAA,CAAA,CACH,CAAA,EAQR3E,EAAAA,kBAAAA,IAAC5C,GAAA,CACE,GAAGqH,EACJ,WAAApH,EACA,QACEoH,GAAA,YAAAA,EAAY,SACVzE,EAAAA,kBAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,kDACV,QAAS,IAAMgF,EAAQ,UAAU,EAEhC,SAAAJ,CAAA,CAAA,CACH,CAAA,CAKV"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AuthPanel-D2HFX8eN.js","sources":["../src/components/AuthLoginPanel.tsx","../src/components/AuthRegisterPanel.tsx","../src/components/AuthPageShell.tsx","../src/components/AuthVisualCarousel.tsx","../src/components/AuthPanel.tsx"],"sourcesContent":["import {\n ArrowRight,\n Layers3,\n Loader2,\n LockKeyhole,\n MessageCircle,\n UserRound,\n} from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n ButtonComponent,\n InputComponent,\n LabelComponent,\n TabsComponent,\n TabsContentComponent,\n TabsListComponent,\n TabsTriggerComponent,\n} from '../types/component-types';\n\nexport type AuthLoginMethod = 'password' | 'sms';\nexport type AuthValidationResult = string | undefined | null;\n\nexport interface AuthUIComponents {\n Button: ButtonComponent;\n Input: InputComponent;\n Label: LabelComponent;\n Tabs: TabsComponent;\n TabsList: TabsListComponent;\n TabsTrigger: TabsTriggerComponent;\n TabsContent: TabsContentComponent;\n}\n\nexport interface AuthSocialProvider {\n id: string;\n label: ReactNode;\n icon?: ReactNode;\n disabled?: boolean;\n onClick?: () => Promise<void> | void;\n}\n\nexport interface AuthSmsCodeResult {\n smsId?: string;\n smsType?: string;\n}\n\nexport interface AuthPasswordLoginPayload {\n username: string;\n password: string;\n}\n\nexport interface AuthSmsLoginPayload {\n phone: string;\n code: string;\n smsId?: string;\n smsType?: string;\n}\n\nexport interface AuthLoginPanelProps {\n components?: AuthUIComponents;\n title?: ReactNode;\n description?: ReactNode;\n brandIcon?: ReactNode;\n defaultMethod?: AuthLoginMethod;\n enabledMethods?: AuthLoginMethod[];\n error?: ReactNode;\n extraActions?: ReactNode;\n footer?: ReactNode;\n socialProviders?: AuthSocialProvider[];\n className?: string;\n smsCountdownSeconds?: number;\n validatePhone?: (phone: string) => AuthValidationResult;\n validatePassword?: (payload: AuthPasswordLoginPayload) => AuthValidationResult;\n onPasswordLogin?: (payload: AuthPasswordLoginPayload) => Promise<void> | void;\n onSendSmsCode?: (\n phone: string\n ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n onSmsLogin?: (payload: AuthSmsLoginPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n if (phone.length <= 3) return phone;\n if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthLoginPanel({\n components,\n title = '欢迎登录',\n description = '使用账号密码或手机号验证码进入系统',\n brandIcon,\n defaultMethod = 'password',\n enabledMethods = ['password', 'sms'],\n error,\n extraActions,\n footer,\n socialProviders,\n className,\n smsCountdownSeconds = 60,\n validatePhone = defaultValidatePhone,\n validatePassword,\n onPasswordLogin,\n onSendSmsCode,\n onSmsLogin,\n}: AuthLoginPanelProps) {\n const [activeMethod, setActiveMethod] = useState<AuthLoginMethod>(\n enabledMethods.includes(defaultMethod) ? defaultMethod : enabledMethods[0]\n );\n const [phone, setPhone] = useState('');\n const [smsId, setSmsId] = useState<string | undefined>();\n const [smsType, setSmsType] = useState<string | undefined>();\n const [localError, setLocalError] = useState<ReactNode>();\n const [passwordPending, setPasswordPending] = useState(false);\n const [smsPending, setSmsPending] = useState(false);\n const [codePending, setCodePending] = useState(false);\n const [countdown, setCountdown] = useState(0);\n\n const methods = useMemo(\n () =>\n enabledMethods.filter(\n (method, index, array) => array.indexOf(method) === index\n ),\n [enabledMethods]\n );\n const shouldShowTabs = methods.length > 1;\n const displayedError = localError || error;\n\n useEffect(() => {\n if (countdown <= 0) return;\n const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n return () => clearTimeout(timer);\n }, [countdown]);\n\n if (!components) {\n return (\n <div className=\"p-4 text-center text-destructive\">\n 错误:请通过 components prop 注入 UI 组件\n </div>\n );\n }\n\n const { Button, Input, Label, Tabs, TabsList, TabsTrigger, TabsContent } =\n components;\n\n const handlePasswordSubmit = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const payload = {\n username: String(formData.get('username') || '').trim(),\n password: String(formData.get('password') || ''),\n };\n\n const validationError =\n !payload.username || !payload.password\n ? '请输入账号和密码'\n : validatePassword?.(payload);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setPasswordPending(true);\n setLocalError(undefined);\n await onPasswordLogin?.(payload);\n } catch (err) {\n setLocalError(getErrorMessage(err, '登录失败,请稍后重试'));\n } finally {\n setPasswordPending(false);\n }\n };\n\n const handleSendCode = async () => {\n const validationError = validatePhone(phone);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setCodePending(true);\n setLocalError(undefined);\n const result = await onSendSmsCode?.(phone);\n setSmsId(result?.smsId);\n setSmsType(result?.smsType);\n setCountdown(smsCountdownSeconds);\n } catch (err) {\n setLocalError(getErrorMessage(err, '发送验证码失败,请稍后重试'));\n } finally {\n setCodePending(false);\n }\n };\n\n const handleSmsSubmit = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const code = String(formData.get('code') || '').trim();\n const validationError = validatePhone(phone);\n\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n if (!code) {\n setLocalError('请输入验证码');\n return;\n }\n\n try {\n setSmsPending(true);\n setLocalError(undefined);\n await onSmsLogin?.({ phone, code, smsId, smsType });\n } catch (err) {\n setLocalError(getErrorMessage(err, '验证码错误或已过期'));\n } finally {\n setSmsPending(false);\n }\n };\n\n const renderHeader = () => (\n <div className=\"mb-7\">\n <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n </div>\n <h1 className=\"text-2xl font-semibold\">{title}</h1>\n {description && (\n <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n {description}\n </p>\n )}\n </div>\n );\n\n const renderSocialProviders = () =>\n socialProviders?.length ? (\n <div className=\"mb-6 grid gap-2\">\n {socialProviders.map((provider) => (\n <Button\n key={provider.id}\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-full\"\n disabled={provider.disabled}\n onClick={provider.onClick}\n >\n {provider.icon && (\n <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n {provider.icon}\n </span>\n )}\n {provider.label}\n </Button>\n ))}\n </div>\n ) : null;\n\n const renderPasswordForm = () => (\n <form className=\"flex flex-col\" onSubmit={handlePasswordSubmit}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-username\">用户名</Label>\n <div className=\"relative\">\n <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-username\"\n name=\"username\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入用户名\"\n autoComplete=\"username\"\n required\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-password\">密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-password\"\n name=\"password\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请输入密码\"\n autoComplete=\"current-password\"\n required\n />\n </div>\n </div>\n <Button\n type=\"submit\"\n className=\"mt-4 h-11 w-full\"\n disabled={passwordPending}\n >\n {passwordPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 登录中...\n </>\n ) : (\n <>\n 登录\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n );\n\n const renderSmsForm = () => (\n <form className=\"flex flex-col\" onSubmit={handleSmsSubmit}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-phone\">手机号</Label>\n <div className=\"flex gap-2\">\n <div className=\"relative w-full\">\n <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-phone\"\n name=\"phone\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入手机号\"\n value={formatPhone(phone)}\n onChange={(event) => setPhone(normalizePhone(event.target.value))}\n required\n maxLength={13}\n inputMode=\"numeric\"\n />\n </div>\n <Button\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n onClick={handleSendCode}\n disabled={!phone || codePending || countdown > 0}\n >\n {codePending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : countdown > 0 ? (\n `${countdown}秒`\n ) : (\n '发送验证码'\n )}\n </Button>\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-code\">验证码</Label>\n <Input\n id=\"auth-code\"\n name=\"code\"\n className=\"bg-background/80 backdrop-blur\"\n placeholder=\"请输入验证码\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n required\n />\n </div>\n <Button type=\"submit\" className=\"mt-4 h-11 w-full\" disabled={smsPending}>\n {smsPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 验证中...\n </>\n ) : (\n <>\n 验证并登录\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n );\n\n const renderForms = () => {\n if (!shouldShowTabs) {\n return methods[0] === 'sms' ? renderSmsForm() : renderPasswordForm();\n }\n\n return (\n <Tabs\n value={activeMethod}\n onValueChange={(value) => setActiveMethod(value as AuthLoginMethod)}\n className=\"w-full\"\n >\n <TabsList className=\"mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur\">\n {methods.includes('password') && (\n <TabsTrigger value=\"password\">账号密码登录</TabsTrigger>\n )}\n {methods.includes('sms') && (\n <TabsTrigger value=\"sms\">手机号登录</TabsTrigger>\n )}\n </TabsList>\n <TabsContent value=\"password\">{renderPasswordForm()}</TabsContent>\n <TabsContent value=\"sms\">{renderSmsForm()}</TabsContent>\n </Tabs>\n );\n };\n\n return (\n <div\n className={cn(\n 'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n className\n )}\n >\n {renderHeader()}\n {renderSocialProviders()}\n {renderForms()}\n {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n {displayedError && (\n <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n {displayedError}\n </div>\n )}\n {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n </div>\n );\n}\n","import {\n ArrowRight,\n Layers3,\n Loader2,\n LockKeyhole,\n MessageCircle,\n UserRound,\n} from 'lucide-react';\nimport { useEffect, useState } from 'react';\nimport type { FormEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport type {\n AuthSmsCodeResult,\n AuthSocialProvider,\n AuthUIComponents,\n AuthValidationResult,\n} from './AuthLoginPanel';\n\nexport interface AuthRegisterPayload {\n username: string;\n password: string;\n confirmPassword: string;\n phone: string;\n code: string;\n smsId?: string;\n smsType?: string;\n termsAccepted: boolean;\n}\n\nexport interface AuthRegisterPanelProps {\n components?: AuthUIComponents;\n title?: ReactNode;\n description?: ReactNode;\n brandIcon?: ReactNode;\n requirePhoneVerification?: boolean;\n requireTermsAccepted?: boolean;\n termsLabel?: ReactNode;\n error?: ReactNode;\n extraActions?: ReactNode;\n footer?: ReactNode;\n socialProviders?: AuthSocialProvider[];\n className?: string;\n smsCountdownSeconds?: number;\n validatePhone?: (phone: string) => AuthValidationResult;\n validatePassword?: (payload: AuthRegisterPayload) => AuthValidationResult;\n validateRegister?: (payload: AuthRegisterPayload) => AuthValidationResult;\n onSendSmsCode?: (\n phone: string\n ) => Promise<AuthSmsCodeResult | void> | AuthSmsCodeResult | void;\n onRegister?: (payload: AuthRegisterPayload) => Promise<void> | void;\n}\n\nconst defaultValidatePhone = (phone: string) =>\n /^1[3-9]\\d{9}$/.test(phone) ? undefined : '请输入正确的手机号';\n\nconst getErrorMessage = (error: unknown, fallback: string) => {\n if (error instanceof Error && error.message) return error.message;\n if (typeof error === 'string' && error) return error;\n return fallback;\n};\n\nconst normalizePhone = (value: string) => value.replace(/\\D/g, '').slice(0, 11);\n\nconst formatPhone = (phone: string) => {\n if (phone.length <= 3) return phone;\n if (phone.length <= 7) return `${phone.slice(0, 3)} ${phone.slice(3)}`;\n return `${phone.slice(0, 3)} ${phone.slice(3, 7)} ${phone.slice(7)}`;\n};\n\nexport function AuthRegisterPanel({\n components,\n title = '创建账号',\n description = '填写账号信息并完成手机号验证',\n brandIcon,\n requirePhoneVerification = true,\n requireTermsAccepted = false,\n termsLabel = '我已阅读并同意服务条款',\n error,\n extraActions,\n footer,\n socialProviders,\n className,\n smsCountdownSeconds = 60,\n validatePhone = defaultValidatePhone,\n validatePassword,\n validateRegister,\n onSendSmsCode,\n onRegister,\n}: AuthRegisterPanelProps) {\n const [phone, setPhone] = useState('');\n const [smsId, setSmsId] = useState<string | undefined>();\n const [smsType, setSmsType] = useState<string | undefined>();\n const [termsAccepted, setTermsAccepted] = useState(false);\n const [localError, setLocalError] = useState<ReactNode>();\n const [registerPending, setRegisterPending] = useState(false);\n const [codePending, setCodePending] = useState(false);\n const [countdown, setCountdown] = useState(0);\n const displayedError = localError || error;\n\n useEffect(() => {\n if (countdown <= 0) return;\n const timer = setTimeout(() => setCountdown((value) => value - 1), 1000);\n return () => clearTimeout(timer);\n }, [countdown]);\n\n if (!components) {\n return (\n <div className=\"p-4 text-center text-destructive\">\n 错误:请通过 components prop 注入 UI 组件\n </div>\n );\n }\n\n const { Button, Input, Label } = components;\n\n const handleSendCode = async () => {\n const validationError = validatePhone(phone);\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setCodePending(true);\n setLocalError(undefined);\n const result = await onSendSmsCode?.(phone);\n setSmsId(result?.smsId);\n setSmsType(result?.smsType);\n setCountdown(smsCountdownSeconds);\n } catch (err) {\n setLocalError(getErrorMessage(err, '发送验证码失败,请稍后重试'));\n } finally {\n setCodePending(false);\n }\n };\n\n const handleRegister = async (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n const formData = new FormData(event.currentTarget);\n const payload: AuthRegisterPayload = {\n username: String(formData.get('username') || '').trim(),\n password: String(formData.get('password') || ''),\n confirmPassword: String(formData.get('confirmPassword') || ''),\n phone,\n code: String(formData.get('code') || '').trim(),\n smsId,\n smsType,\n termsAccepted,\n };\n\n const validationError =\n (!payload.username && '请输入用户名') ||\n (!payload.password && '请输入密码') ||\n (payload.password !== payload.confirmPassword && '两次输入的密码不一致') ||\n (requirePhoneVerification && validatePhone(phone)) ||\n (requirePhoneVerification && !payload.code && '请输入验证码') ||\n (requireTermsAccepted && !termsAccepted && '请先同意服务条款') ||\n validatePassword?.(payload) ||\n validateRegister?.(payload);\n\n if (validationError) {\n setLocalError(validationError);\n return;\n }\n\n try {\n setRegisterPending(true);\n setLocalError(undefined);\n await onRegister?.(payload);\n } catch (err) {\n setLocalError(getErrorMessage(err, '注册失败,请稍后重试'));\n } finally {\n setRegisterPending(false);\n }\n };\n\n const renderSocialProviders = () =>\n socialProviders?.length ? (\n <div className=\"mb-6 grid gap-2\">\n {socialProviders.map((provider) => (\n <Button\n key={provider.id}\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-full\"\n disabled={provider.disabled}\n onClick={provider.onClick}\n >\n {provider.icon && (\n <span className=\"mr-2 inline-flex h-4 w-4 items-center justify-center\">\n {provider.icon}\n </span>\n )}\n {provider.label}\n </Button>\n ))}\n </div>\n ) : null;\n\n return (\n <div\n className={cn(\n 'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8',\n className\n )}\n >\n <div className=\"mb-7\">\n <div className=\"mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm\">\n {brandIcon || <Layers3 className=\"h-5 w-5\" />}\n </div>\n <h1 className=\"text-2xl font-semibold\">{title}</h1>\n {description && (\n <p className=\"mt-2 text-sm leading-6 text-muted-foreground\">\n {description}\n </p>\n )}\n </div>\n\n {renderSocialProviders()}\n\n <form className=\"flex flex-col\" onSubmit={handleRegister}>\n <div className=\"flex flex-col gap-4\">\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-username\">用户名</Label>\n <div className=\"relative\">\n <UserRound className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-username\"\n name=\"username\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入用户名\"\n autoComplete=\"username\"\n required\n />\n </div>\n </div>\n\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-password\">密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-password\"\n name=\"password\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请输入密码\"\n autoComplete=\"new-password\"\n required\n />\n </div>\n </div>\n\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-confirm-password\">确认密码</Label>\n <div className=\"relative\">\n <LockKeyhole className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-confirm-password\"\n name=\"confirmPassword\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n type=\"password\"\n placeholder=\"请再次输入密码\"\n autoComplete=\"new-password\"\n required\n />\n </div>\n </div>\n\n {requirePhoneVerification && (\n <>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-phone\">手机号</Label>\n <div className=\"flex gap-2\">\n <div className=\"relative w-full\">\n <MessageCircle className=\"pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n id=\"auth-register-phone\"\n name=\"phone\"\n className=\"bg-background/80 pl-9 backdrop-blur\"\n placeholder=\"请输入手机号\"\n value={formatPhone(phone)}\n onChange={(event) =>\n setPhone(normalizePhone(event.target.value))\n }\n required\n maxLength={13}\n inputMode=\"numeric\"\n />\n </div>\n <Button\n type=\"button\"\n variant=\"outline\"\n className=\"h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90\"\n onClick={handleSendCode}\n disabled={!phone || codePending || countdown > 0}\n >\n {codePending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : countdown > 0 ? (\n `${countdown}秒`\n ) : (\n '发送验证码'\n )}\n </Button>\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label htmlFor=\"auth-register-code\">验证码</Label>\n <Input\n id=\"auth-register-code\"\n name=\"code\"\n className=\"bg-background/80 backdrop-blur\"\n placeholder=\"请输入验证码\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n required\n />\n </div>\n </>\n )}\n\n {requireTermsAccepted && (\n <label className=\"flex items-start gap-2 text-sm text-muted-foreground\">\n <input\n type=\"checkbox\"\n className=\"mt-0.5 h-4 w-4 rounded border-input\"\n checked={termsAccepted}\n onChange={(event) => setTermsAccepted(event.target.checked)}\n />\n <span>{termsLabel}</span>\n </label>\n )}\n\n <Button\n type=\"submit\"\n className=\"mt-4 h-11 w-full\"\n disabled={registerPending}\n >\n {registerPending ? (\n <>\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n 注册中...\n </>\n ) : (\n <>\n 创建账号\n <ArrowRight className=\"ml-2 h-4 w-4\" />\n </>\n )}\n </Button>\n </div>\n </form>\n\n {extraActions && <div className=\"mt-5\">{extraActions}</div>}\n {displayedError && (\n <div className=\"mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400\">\n {displayedError}\n </div>\n )}\n {footer && <div className=\"mt-6 text-sm text-muted-foreground\">{footer}</div>}\n </div>\n );\n}\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthPageShellProps {\n children: ReactNode;\n visual?: ReactNode;\n overlay?: ReactNode;\n className?: string;\n contentClassName?: string;\n panelClassName?: string;\n}\n\nexport function AuthPageShell({\n children,\n visual,\n overlay,\n className,\n contentClassName,\n panelClassName,\n}: AuthPageShellProps) {\n return (\n <div className={cn('min-h-screen', className)}>\n <main className=\"relative flex min-h-screen w-full overflow-hidden\">\n {visual && <div className=\"absolute inset-0\">{visual}</div>}\n {overlay ?? <div className=\"absolute inset-0 z-10 bg-black/35\" />}\n <div\n className={cn(\n 'relative z-20 flex min-h-screen w-full items-center justify-center px-4 py-6 sm:px-6 lg:p-12 xl:p-16',\n contentClassName\n )}\n >\n <div className={cn('w-full min-w-0 max-w-[420px]', panelClassName)}>\n {children}\n </div>\n </div>\n </main>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport type { KeyboardEvent, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface AuthVisualCarouselItem {\n image: string;\n alt: string;\n title?: ReactNode;\n description?: ReactNode;\n eyebrow?: ReactNode;\n}\n\nexport interface AuthVisualCarouselProps {\n items: AuthVisualCarouselItem[];\n intervalMs?: number;\n showIndicators?: boolean;\n showText?: boolean;\n className?: string;\n imageClassName?: string;\n contentClassName?: string;\n ariaLabel?: string;\n}\n\nexport function AuthVisualCarousel({\n items,\n intervalMs = 5000,\n showIndicators = true,\n showText = true,\n className,\n imageClassName,\n contentClassName,\n ariaLabel = '认证页视觉轮播',\n}: AuthVisualCarouselProps) {\n const [currentSlide, setCurrentSlide] = useState(0);\n const [isPaused, setIsPaused] = useState(false);\n const hasItems = items.length > 0;\n const currentItem = hasItems ? items[currentSlide] : undefined;\n\n const goToSlide = (index: number) => {\n if (!hasItems) return;\n setCurrentSlide((index + items.length) % items.length);\n };\n\n const nextSlide = () => goToSlide(currentSlide + 1);\n const previousSlide = () => goToSlide(currentSlide - 1);\n\n useEffect(() => {\n if (!hasItems || isPaused || intervalMs <= 0 || items.length < 2) return;\n const timer = setTimeout(() => {\n setCurrentSlide((slide) => (slide + 1) % items.length);\n }, intervalMs);\n return () => clearTimeout(timer);\n }, [hasItems, intervalMs, isPaused, items.length, currentSlide]);\n\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n previousSlide();\n }\n if (event.key === 'ArrowRight') {\n event.preventDefault();\n nextSlide();\n }\n };\n\n if (!hasItems) {\n return (\n <div\n className={cn(\n 'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950',\n className\n )}\n aria-label={ariaLabel}\n role=\"region\"\n />\n );\n }\n\n return (\n <div\n className={cn(\n 'relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none',\n className\n )}\n tabIndex={0}\n aria-label={ariaLabel}\n role=\"region\"\n onKeyDown={handleKeyDown}\n onMouseEnter={() => setIsPaused(true)}\n onMouseLeave={() => setIsPaused(false)}\n onFocus={() => setIsPaused(true)}\n onBlur={() => setIsPaused(false)}\n >\n {items.map((item, index) => (\n <img\n key={`${item.image}-${index}`}\n src={item.image}\n alt={item.alt}\n className={cn(\n 'absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out',\n index === currentSlide ? 'opacity-100' : 'opacity-0',\n imageClassName\n )}\n aria-hidden={index !== currentSlide}\n />\n ))}\n\n <div className=\"absolute inset-0 bg-gradient-to-r from-slate-950/80 via-slate-950/30 to-slate-950/10\" />\n <div className=\"absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/78 via-slate-950/30 to-transparent pb-16 pt-24\" />\n\n {(showText || showIndicators) && (\n <div\n className={cn(\n 'absolute inset-x-5 bottom-6 text-white sm:inset-x-8 sm:bottom-8 lg:inset-x-12 lg:bottom-10',\n contentClassName\n )}\n >\n {showText && currentItem && (\n <div className=\"max-w-[min(28rem,calc(100vw-2.5rem))]\">\n {currentItem.eyebrow && (\n <p className=\"mb-2 text-[0.68rem] font-medium uppercase tracking-normal text-cyan-100/80 sm:text-xs\">\n {currentItem.eyebrow}\n </p>\n )}\n {currentItem.title && (\n <h2 className=\"text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl\">\n {currentItem.title}\n </h2>\n )}\n {currentItem.description && (\n <p className=\"mt-2 line-clamp-3 text-sm leading-6 text-slate-100/80 sm:text-base\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n\n {showIndicators && items.length > 1 && (\n <div className=\"mt-5 flex items-center gap-2\">\n {items.map((item, index) => (\n <button\n key={`${item.image}-indicator-${index}`}\n type=\"button\"\n className={cn(\n 'h-1.5 rounded-full transition-all',\n index === currentSlide\n ? 'w-8 bg-white'\n : 'w-3 bg-white/40 hover:bg-white/70'\n )}\n aria-label={`切换到第 ${index + 1} 张轮播图`}\n aria-current={index === currentSlide}\n onClick={() => goToSlide(index)}\n />\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { AuthLoginPanelProps, AuthUIComponents } from './AuthLoginPanel';\nimport { AuthLoginPanel } from './AuthLoginPanel';\nimport type { AuthRegisterPanelProps } from './AuthRegisterPanel';\nimport { AuthRegisterPanel } from './AuthRegisterPanel';\n\nexport type AuthPanelMode = 'login' | 'register';\n\nexport interface AuthPanelProps {\n components?: AuthUIComponents;\n mode?: AuthPanelMode;\n defaultMode?: AuthPanelMode;\n onModeChange?: (mode: AuthPanelMode) => void;\n loginProps?: Omit<AuthLoginPanelProps, 'components' | 'footer'> & {\n footer?: ReactNode;\n };\n registerProps?: Omit<AuthRegisterPanelProps, 'components' | 'footer'> & {\n footer?: ReactNode;\n };\n loginLabel?: ReactNode;\n registerLabel?: ReactNode;\n}\n\nexport function AuthPanel({\n components,\n mode,\n defaultMode = 'login',\n onModeChange,\n loginProps,\n registerProps,\n loginLabel = '已有账号?登录',\n registerLabel = '没有账号?注册',\n}: AuthPanelProps) {\n const [internalMode, setInternalMode] = useState<AuthPanelMode>(defaultMode);\n const currentMode = mode ?? internalMode;\n\n const setMode = (nextMode: AuthPanelMode) => {\n if (!mode) {\n setInternalMode(nextMode);\n }\n onModeChange?.(nextMode);\n };\n\n if (currentMode === 'register') {\n return (\n <AuthRegisterPanel\n {...registerProps}\n components={components}\n footer={\n registerProps?.footer ?? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-4 hover:underline\"\n onClick={() => setMode('login')}\n >\n {loginLabel}\n </button>\n )\n }\n />\n );\n }\n\n return (\n <AuthLoginPanel\n {...loginProps}\n components={components}\n footer={\n loginProps?.footer ?? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-4 hover:underline\"\n onClick={() => setMode('register')}\n >\n {registerLabel}\n </button>\n )\n }\n />\n );\n}\n"],"names":["defaultValidatePhone","phone","getErrorMessage","error","fallback","normalizePhone","value","formatPhone","AuthLoginPanel","components","title","description","brandIcon","defaultMethod","enabledMethods","extraActions","footer","socialProviders","className","smsCountdownSeconds","validatePhone","validatePassword","onPasswordLogin","onSendSmsCode","onSmsLogin","activeMethod","setActiveMethod","useState","setPhone","smsId","setSmsId","smsType","setSmsType","localError","setLocalError","passwordPending","setPasswordPending","smsPending","setSmsPending","codePending","setCodePending","countdown","setCountdown","methods","useMemo","method","index","array","shouldShowTabs","displayedError","useEffect","timer","jsx","Button","Input","Label","Tabs","TabsList","TabsTrigger","TabsContent","handlePasswordSubmit","event","formData","payload","validationError","err","handleSendCode","result","handleSmsSubmit","code","renderHeader","jsxs","Layers3","renderSocialProviders","provider","renderPasswordForm","UserRound","LockKeyhole","Fragment","Loader2","ArrowRight","renderSmsForm","MessageCircle","renderForms","cn","AuthRegisterPanel","requirePhoneVerification","requireTermsAccepted","termsLabel","validateRegister","onRegister","termsAccepted","setTermsAccepted","registerPending","setRegisterPending","handleRegister","AuthPageShell","children","visual","overlay","contentClassName","panelClassName","AuthVisualCarousel","items","intervalMs","showIndicators","showText","imageClassName","ariaLabel","currentSlide","setCurrentSlide","isPaused","setIsPaused","hasItems","currentItem","goToSlide","nextSlide","previousSlide","slide","handleKeyDown","item","AuthPanel","mode","defaultMode","onModeChange","loginProps","registerProps","loginLabel","registerLabel","internalMode","setInternalMode","currentMode","setMode","nextMode"],"mappings":";;;;AAkFA,MAAMA,KAAuB,CAACC,MAC5B,gBAAgB,KAAKA,CAAK,IAAI,SAAY,aAEtCC,KAAkB,CAACC,GAAgBC,MACnCD,aAAiB,SAASA,EAAM,UAAgBA,EAAM,UACtD,OAAOA,KAAU,YAAYA,IAAcA,IACxCC,GAGHC,KAAiB,CAACC,MAAkBA,EAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,EAAE,GAExEC,KAAc,CAACN,MACfA,EAAM,UAAU,IAAUA,IAC1BA,EAAM,UAAU,IAAU,GAAGA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,KAC7D,GAAGA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC;AAG7D,SAASO,GAAe;AAAA,EAC7B,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB,CAAC,YAAY,KAAK;AAAA,EACnC,OAAAX;AAAA,EACA,cAAAY;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,eAAAC,IAAgBpB;AAAAA,EAChB,kBAAAqB;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtCb,EAAe,SAASD,CAAa,IAAIA,IAAgBC,EAAe,CAAC;AAAA,EAAA,GAErE,CAACb,GAAO2B,CAAQ,IAAID,EAAS,EAAE,GAC/B,CAACE,GAAOC,CAAQ,IAAIH,EAAA,GACpB,CAACI,GAASC,CAAU,IAAIL,EAAA,GACxB,CAACM,GAAYC,CAAa,IAAIP,EAAA,GAC9B,CAACQ,GAAiBC,CAAkB,IAAIT,EAAS,EAAK,GACtD,CAACU,GAAYC,CAAa,IAAIX,EAAS,EAAK,GAC5C,CAACY,GAAaC,CAAc,IAAIb,EAAS,EAAK,GAC9C,CAACc,GAAWC,CAAY,IAAIf,EAAS,CAAC,GAEtCgB,IAAUC;AAAA,IACd,MACE9B,EAAe;AAAA,MACb,CAAC+B,GAAQC,GAAOC,MAAUA,EAAM,QAAQF,CAAM,MAAMC;AAAA,IAAA;AAAA,IAExD,CAAChC,CAAc;AAAA,EAAA,GAEXkC,IAAiBL,EAAQ,SAAS,GAClCM,IAAiBhB,KAAc9B;AAQrC,MANA+C,GAAU,MAAM;AACd,QAAIT,KAAa,EAAG;AACpB,UAAMU,IAAQ,WAAW,MAAMT,EAAa,CAACpC,MAAUA,IAAQ,CAAC,GAAG,GAAI;AACvE,WAAO,MAAM,aAAa6C,CAAK;AAAA,EACjC,GAAG,CAACV,CAAS,CAAC,GAEV,CAAChC;AACH,WACE2C,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAmC,UAAA,mCAElD;AAIJ,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,aAAAC,GAAa,aAAAC,MACzDlD,GAEImD,IAAuB,OAAOC,MAAsC;AACxE,IAAAA,EAAM,eAAA;AACN,UAAMC,IAAW,IAAI,SAASD,EAAM,aAAa,GAC3CE,IAAU;AAAA,MACd,UAAU,OAAOD,EAAS,IAAI,UAAU,KAAK,EAAE,EAAE,KAAA;AAAA,MACjD,UAAU,OAAOA,EAAS,IAAI,UAAU,KAAK,EAAE;AAAA,IAAA,GAG3CE,IACJ,CAACD,EAAQ,YAAY,CAACA,EAAQ,WAC1B,aACA1C,KAAA,gBAAAA,EAAmB0C;AACzB,QAAIC,GAAiB;AACnB,MAAA9B,EAAc8B,CAAe;AAC7B;AAAA,IACF;AAEA,QAAI;AACF,MAAA5B,EAAmB,EAAI,GACvBF,EAAc,MAAS,GACvB,OAAMZ,KAAA,gBAAAA,EAAkByC;AAAA,IAC1B,SAASE,IAAK;AACZ,MAAA/B,EAAchC,GAAgB+D,IAAK,YAAY,CAAC;AAAA,IAClD,UAAA;AACE,MAAA7B,EAAmB,EAAK;AAAA,IAC1B;AAAA,EACF,GAEM8B,KAAiB,YAAY;AACjC,UAAMF,IAAkB5C,EAAcnB,CAAK;AAC3C,QAAI+D,GAAiB;AACnB,MAAA9B,EAAc8B,CAAe;AAC7B;AAAA,IACF;AAEA,QAAI;AACF,MAAAxB,EAAe,EAAI,GACnBN,EAAc,MAAS;AACvB,YAAMiC,IAAS,OAAM5C,KAAA,gBAAAA,EAAgBtB;AACrC,MAAA6B,EAASqC,KAAA,gBAAAA,EAAQ,KAAK,GACtBnC,EAAWmC,KAAA,gBAAAA,EAAQ,OAAO,GAC1BzB,EAAavB,CAAmB;AAAA,IAClC,SAAS8C,GAAK;AACZ,MAAA/B,EAAchC,GAAgB+D,GAAK,eAAe,CAAC;AAAA,IACrD,UAAA;AACE,MAAAzB,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEM4B,KAAkB,OAAOP,MAAsC;AACnE,IAAAA,EAAM,eAAA;AACN,UAAMC,IAAW,IAAI,SAASD,EAAM,aAAa,GAC3CQ,IAAO,OAAOP,EAAS,IAAI,MAAM,KAAK,EAAE,EAAE,KAAA,GAC1CE,IAAkB5C,EAAcnB,CAAK;AAE3C,QAAI+D,GAAiB;AACnB,MAAA9B,EAAc8B,CAAe;AAC7B;AAAA,IACF;AACA,QAAI,CAACK,GAAM;AACT,MAAAnC,EAAc,QAAQ;AACtB;AAAA,IACF;AAEA,QAAI;AACF,MAAAI,EAAc,EAAI,GAClBJ,EAAc,MAAS,GACvB,OAAMV,KAAA,gBAAAA,EAAa,EAAE,OAAAvB,GAAO,MAAAoE,GAAM,OAAAxC,GAAO,SAAAE;IAC3C,SAASkC,IAAK;AACZ,MAAA/B,EAAchC,GAAgB+D,IAAK,WAAW,CAAC;AAAA,IACjD,UAAA;AACE,MAAA3B,EAAc,EAAK;AAAA,IACrB;AAAA,EACF,GAEMgC,KAAe,MACnBC,gBAAAA,OAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,IAAAnB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2GACZ,UAAAxC,2BAAc4D,IAAA,EAAQ,WAAU,WAAU,EAAA,CAC7C;AAAA,IACApB,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0BAA0B,UAAA1C,GAAM;AAAA,IAC7CC,KACCyC,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gDACV,UAAAzC,EAAA,CACH;AAAA,EAAA,GAEJ,GAGI8D,KAAwB,MAC5BxD,KAAA,QAAAA,EAAiB,SACfmC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mBACZ,UAAAnC,EAAgB,IAAI,CAACyD,MACpBH,gBAAAA,EAAAA;AAAAA,IAAClB;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAUqB,EAAS;AAAA,MACnB,SAASA,EAAS;AAAA,MAEjB,UAAA;AAAA,QAAAA,EAAS,QACRtB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wDACb,YAAS,MACZ;AAAA,QAEDsB,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAZLA,EAAS;AAAA,EAAA,CAcjB,GACH,IACE,MAEAC,KAAqB,MACzBvB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAUQ,GACxC,UAAAW,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,iBAAgB,UAAA,OAAG;AAAA,MAClCgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAAnB,gBAAAA,EAAAA,IAACwB,IAAA,EAAU,WAAU,6FAAA,CAA6F;AAAA,QAClHxB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,cAAa;AAAA,YACb,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACAiB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,iBAAgB,UAAA,MAAE;AAAA,MACjCgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAAnB,gBAAAA,EAAAA,IAACyB,IAAA,EAAY,WAAU,6FAAA,CAA6F;AAAA,QACpHzB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,cAAa;AAAA,YACb,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACAF,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAUlB;AAAA,QAET,cACCoC,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EACE,UAAA;AAAA,UAAA1B,gBAAAA,EAAAA,IAAC2B,GAAA,EAAQ,WAAU,4BAAA,CAA4B;AAAA,UAAE;AAAA,QAAA,EAAA,CAEnD,IAEAR,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EAAE,UAAA;AAAA,UAAA;AAAA,UAEA1B,gBAAAA,EAAAA,IAAC4B,IAAA,EAAW,WAAU,eAAA,CAAe;AAAA,QAAA,EAAA,CACvC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CACF,EAAA,CACF,GAGIC,KAAgB,MACpB7B,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAgB,UAAUgB,IACxC,UAAAG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,cAAa,UAAA,OAAG;AAAA,MAC/BgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,UAAAnB,gBAAAA,EAAAA,IAAC8B,IAAA,EAAc,WAAU,kGAAA,CAAkG;AAAA,UAC3H9B,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAU;AAAA,cACV,aAAY;AAAA,cACZ,OAAO/C,GAAYN,CAAK;AAAA,cACxB,UAAU,CAAC4D,MAAUjC,EAASvB,GAAewD,EAAM,OAAO,KAAK,CAAC;AAAA,cAChE,UAAQ;AAAA,cACR,WAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QACAT,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAASa;AAAA,YACT,UAAU,CAACjE,KAASsC,KAAeE,IAAY;AAAA,YAE9C,UAAAF,IACCa,gBAAAA,EAAAA,IAAC2B,GAAA,EAAQ,WAAU,wBAAuB,IACxCtC,IAAY,IACd,GAAGA,CAAS,MAEZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA8B,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,aAAY,UAAA,OAAG;AAAA,MAC9BH,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAU;AAAA,UACV,cAAa;AAAA,UACb,UAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,GACF;AAAA,IACAF,gBAAAA,EAAAA,IAACC,KAAO,MAAK,UAAS,WAAU,oBAAmB,UAAUhB,GAC1D,UAAAA,IACCkC,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EACE,UAAA;AAAA,MAAA1B,gBAAAA,EAAAA,IAAC2B,GAAA,EAAQ,WAAU,4BAAA,CAA4B;AAAA,MAAE;AAAA,IAAA,EAAA,CAEnD,IAEAR,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAEA1B,gBAAAA,EAAAA,IAAC4B,IAAA,EAAW,WAAU,eAAA,CAAe;AAAA,IAAA,EAAA,CACvC,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF,GAGIG,KAAc,MACbnC,IAKHuB,gBAAAA,EAAAA;AAAAA,IAACf;AAAA,IAAA;AAAA,MACC,OAAO/B;AAAA,MACP,eAAe,CAACnB,MAAUoB,EAAgBpB,CAAwB;AAAA,MAClE,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAiE,gBAAAA,EAAAA,KAACd,GAAA,EAAS,WAAU,oEACjB,UAAA;AAAA,UAAAd,EAAQ,SAAS,UAAU,2BACzBe,GAAA,EAAY,OAAM,YAAW,UAAA,UAAM;AAAA,UAErCf,EAAQ,SAAS,KAAK,2BACpBe,GAAA,EAAY,OAAM,OAAM,UAAA,QAAA,CAAK;AAAA,QAAA,GAElC;AAAA,QACAN,gBAAAA,EAAAA,IAACO,GAAA,EAAY,OAAM,YAAY,gBAAqB;AAAA,QACpDP,gBAAAA,EAAAA,IAACO,GAAA,EAAY,OAAM,OAAO,eAAc,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlBrChB,EAAQ,CAAC,MAAM,QAAQsC,GAAA,IAAkBN,GAAA;AAuBpD,SACEJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWa;AAAA,QACT;AAAA,QACAlE;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAoD,GAAA;AAAA,QACAG,GAAA;AAAA,QACAU,GAAA;AAAA,QACApE,KAAgBqC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAArC,GAAa;AAAA,QACpDkC,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kGACZ,UAAAH,GACH;AAAA,QAEDjC,KAAUoC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAsC,UAAApC,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7E;AC1XA,MAAMhB,KAAuB,CAACC,MAC5B,gBAAgB,KAAKA,CAAK,IAAI,SAAY,aAEtCC,KAAkB,CAACC,GAAgBC,MACnCD,aAAiB,SAASA,EAAM,UAAgBA,EAAM,UACtD,OAAOA,KAAU,YAAYA,IAAcA,IACxCC,GAGHC,KAAiB,CAACC,MAAkBA,EAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,EAAE,GAExEC,KAAc,CAACN,MACfA,EAAM,UAAU,IAAUA,IAC1BA,EAAM,UAAU,IAAU,GAAGA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC,KAC7D,GAAGA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,GAAG,CAAC,CAAC,IAAIA,EAAM,MAAM,CAAC,CAAC;AAG7D,SAASoF,GAAkB;AAAA,EAChC,YAAA5E;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,0BAAA0E,IAA2B;AAAA,EAC3B,sBAAAC,IAAuB;AAAA,EACvB,YAAAC,IAAa;AAAA,EACb,OAAArF;AAAA,EACA,cAAAY;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,eAAAC,IAAgBpB;AAAA,EAChB,kBAAAqB;AAAA,EACA,kBAAAoE;AAAA,EACA,eAAAlE;AAAA,EACA,YAAAmE;AACF,GAA2B;AACzB,QAAM,CAACzF,GAAO2B,CAAQ,IAAID,EAAS,EAAE,GAC/B,CAACE,GAAOC,CAAQ,IAAIH,EAAA,GACpB,CAACI,GAASC,CAAU,IAAIL,EAAA,GACxB,CAACgE,GAAeC,CAAgB,IAAIjE,EAAS,EAAK,GAClD,CAACM,GAAYC,CAAa,IAAIP,EAAA,GAC9B,CAACkE,GAAiBC,CAAkB,IAAInE,EAAS,EAAK,GACtD,CAACY,GAAaC,CAAc,IAAIb,EAAS,EAAK,GAC9C,CAACc,GAAWC,CAAY,IAAIf,EAAS,CAAC,GACtCsB,IAAiBhB,KAAc9B;AAQrC,MANA+C,GAAU,MAAM;AACd,QAAIT,KAAa,EAAG;AACpB,UAAMU,IAAQ,WAAW,MAAMT,EAAa,CAACpC,MAAUA,IAAQ,CAAC,GAAG,GAAI;AACvE,WAAO,MAAM,aAAa6C,CAAK;AAAA,EACjC,GAAG,CAACV,CAAS,CAAC,GAEV,CAAChC;AACH,WACE2C,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAmC,UAAA,mCAElD;AAIJ,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,EAAA,IAAU9C,GAE3ByD,IAAiB,YAAY;AACjC,UAAMF,IAAkB5C,EAAcnB,CAAK;AAC3C,QAAI+D,GAAiB;AACnB,MAAA9B,EAAc8B,CAAe;AAC7B;AAAA,IACF;AAEA,QAAI;AACF,MAAAxB,EAAe,EAAI,GACnBN,EAAc,MAAS;AACvB,YAAMiC,IAAS,OAAM5C,KAAA,gBAAAA,EAAgBtB;AACrC,MAAA6B,EAASqC,KAAA,gBAAAA,EAAQ,KAAK,GACtBnC,EAAWmC,KAAA,gBAAAA,EAAQ,OAAO,GAC1BzB,EAAavB,CAAmB;AAAA,IAClC,SAAS8C,GAAK;AACZ,MAAA/B,EAAchC,GAAgB+D,GAAK,eAAe,CAAC;AAAA,IACrD,UAAA;AACE,MAAAzB,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEMuD,IAAiB,OAAOlC,MAAsC;AAClE,IAAAA,EAAM,eAAA;AACN,UAAMC,IAAW,IAAI,SAASD,EAAM,aAAa,GAC3CE,IAA+B;AAAA,MACnC,UAAU,OAAOD,EAAS,IAAI,UAAU,KAAK,EAAE,EAAE,KAAA;AAAA,MACjD,UAAU,OAAOA,EAAS,IAAI,UAAU,KAAK,EAAE;AAAA,MAC/C,iBAAiB,OAAOA,EAAS,IAAI,iBAAiB,KAAK,EAAE;AAAA,MAC7D,OAAA7D;AAAA,MACA,MAAM,OAAO6D,EAAS,IAAI,MAAM,KAAK,EAAE,EAAE,KAAA;AAAA,MACzC,OAAAjC;AAAA,MACA,SAAAE;AAAA,MACA,eAAA4D;AAAA,IAAA,GAGI3B,IACH,CAACD,EAAQ,YAAY,YACrB,CAACA,EAAQ,YAAY,WACrBA,EAAQ,aAAaA,EAAQ,mBAAmB,gBAChDuB,KAA4BlE,EAAcnB,CAAK,KAC/CqF,KAA4B,CAACvB,EAAQ,QAAQ,YAC7CwB,KAAwB,CAACI,KAAiB,eAC3CtE,KAAA,gBAAAA,EAAmB0C,QACnB0B,KAAA,gBAAAA,EAAmB1B;AAErB,QAAIC,GAAiB;AACnB,MAAA9B,EAAc8B,CAAe;AAC7B;AAAA,IACF;AAEA,QAAI;AACF,MAAA8B,EAAmB,EAAI,GACvB5D,EAAc,MAAS,GACvB,OAAMwD,KAAA,gBAAAA,EAAa3B;AAAA,IACrB,SAASE,GAAK;AACZ,MAAA/B,EAAchC,GAAgB+D,GAAK,YAAY,CAAC;AAAA,IAClD,UAAA;AACE,MAAA6B,EAAmB,EAAK;AAAA,IAC1B;AAAA,EACF,GAEMrB,IAAwB,MAC5BxD,KAAA,QAAAA,EAAiB,SACfmC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mBACZ,UAAAnC,EAAgB,IAAI,CAACyD,MACpBH,gBAAAA,EAAAA;AAAAA,IAAClB;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAUqB,EAAS;AAAA,MACnB,SAASA,EAAS;AAAA,MAEjB,UAAA;AAAA,QAAAA,EAAS,QACRtB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wDACb,YAAS,MACZ;AAAA,QAEDsB,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAZLA,EAAS;AAAA,EAAA,CAcjB,GACH,IACE;AAEN,SACEH,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWa;AAAA,QACT;AAAA,QACAlE;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAqD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,UAAAnB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2GACZ,UAAAxC,2BAAc4D,IAAA,EAAQ,WAAU,WAAU,EAAA,CAC7C;AAAA,UACApB,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0BAA0B,UAAA1C,GAAM;AAAA,UAC7CC,KACCyC,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gDACV,UAAAzC,EAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC8D,EAAA;AAAA,QAEDrB,gBAAAA,EAAAA,IAAC,UAAK,WAAU,iBAAgB,UAAU2C,GACxC,UAAAxB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,0BAAyB,UAAA,OAAG;AAAA,YAC3CgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,cAAAnB,gBAAAA,EAAAA,IAACwB,IAAA,EAAU,WAAU,6FAAA,CAA6F;AAAA,cAClHxB,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,UAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAEAiB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,0BAAyB,UAAA,MAAE;AAAA,YAC1CgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,cAAAnB,gBAAAA,EAAAA,IAACyB,IAAA,EAAY,WAAU,6FAAA,CAA6F;AAAA,cACpHzB,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,UAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAEAiB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,kCAAiC,UAAA,QAAI;AAAA,YACpDgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,cAAAnB,gBAAAA,EAAAA,IAACyB,IAAA,EAAY,WAAU,6FAAA,CAA6F;AAAA,cACpHzB,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,UAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAECgC,KACCf,gBAAAA,EAAAA,KAAAO,YAAA,EACE,UAAA;AAAA,YAAAP,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,cAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,uBAAsB,UAAA,OAAG;AAAA,cACxCgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,gBAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,kBAAAnB,gBAAAA,EAAAA,IAAC8B,IAAA,EAAc,WAAU,kGAAA,CAAkG;AAAA,kBAC3H9B,gBAAAA,EAAAA;AAAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,IAAG;AAAA,sBACH,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,aAAY;AAAA,sBACZ,OAAO/C,GAAYN,CAAK;AAAA,sBACxB,UAAU,CAAC4D,MACTjC,EAASvB,GAAewD,EAAM,OAAO,KAAK,CAAC;AAAA,sBAE7C,UAAQ;AAAA,sBACR,WAAW;AAAA,sBACX,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACZ,GACF;AAAA,gBACAT,gBAAAA,EAAAA;AAAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,WAAU;AAAA,oBACV,SAASa;AAAA,oBACT,UAAU,CAACjE,KAASsC,KAAeE,IAAY;AAAA,oBAE9C,UAAAF,IACCa,gBAAAA,EAAAA,IAAC2B,GAAA,EAAQ,WAAU,wBAAuB,IACxCtC,IAAY,IACd,GAAGA,CAAS,MAEZ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YACA8B,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,cAAAnB,gBAAAA,EAAAA,IAACG,GAAA,EAAM,SAAQ,sBAAqB,UAAA,OAAG;AAAA,cACvCH,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,cAAa;AAAA,kBACb,UAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAGDiC,KACChB,gBAAAA,EAAAA,KAAC,SAAA,EAAM,WAAU,wDACf,UAAA;AAAA,YAAAnB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAASuC;AAAA,gBACT,UAAU,CAAC9B,MAAU+B,EAAiB/B,EAAM,OAAO,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAE5DT,gBAAAA,EAAAA,IAAC,UAAM,UAAAoC,EAAA,CAAW;AAAA,UAAA,GACpB;AAAA,UAGFpC,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAUwC;AAAA,cAET,cACCtB,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EACE,UAAA;AAAA,gBAAA1B,gBAAAA,EAAAA,IAAC2B,GAAA,EAAQ,WAAU,4BAAA,CAA4B;AAAA,gBAAE;AAAA,cAAA,EAAA,CAEnD,IAEAR,gBAAAA,EAAAA,KAAAO,EAAAA,UAAA,EAAE,UAAA;AAAA,gBAAA;AAAA,gBAEA1B,gBAAAA,EAAAA,IAAC4B,IAAA,EAAW,WAAU,eAAA,CAAe;AAAA,cAAA,EAAA,CACvC;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EAAA,CACF,EAAA,CACF;AAAA,QAECjE,KAAgBqC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,QAAQ,UAAArC,GAAa;AAAA,QACpDkC,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kGACZ,UAAAH,GACH;AAAA,QAEDjC,KAAUoC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAsC,UAAApC,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7E;AChWO,SAASgF,GAAc;AAAA,EAC5B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAjF;AAAA,EACA,kBAAAkF;AAAA,EACA,gBAAAC;AACF,GAAuB;AACrB,SACEjD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWgC,EAAG,gBAAgBlE,CAAS,GAC1C,UAAAqD,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,qDACb,UAAA;AAAA,IAAA2B,KAAU9C,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oBAAoB,UAAA8C,GAAO;AAAA,IACpDC,KAAW/C,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,IAC/DA,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWgC;AAAA,UACT;AAAA,UACAgB;AAAA,QAAA;AAAA,QAGF,gCAAC,OAAA,EAAI,WAAWhB,EAAG,gCAAgCiB,CAAc,GAC9D,UAAAJ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;ACfO,SAASK,GAAmB;AAAA,EACjC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,WAAAxF;AAAA,EACA,gBAAAyF;AAAA,EACA,kBAAAP;AAAA,EACA,WAAAQ,IAAY;AACd,GAA4B;AAC1B,QAAM,CAACC,GAAcC,CAAe,IAAInF,EAAS,CAAC,GAC5C,CAACoF,GAAUC,CAAW,IAAIrF,EAAS,EAAK,GACxCsF,IAAWV,EAAM,SAAS,GAC1BW,IAAcD,IAAWV,EAAMM,CAAY,IAAI,QAE/CM,IAAY,CAACrE,MAAkB;AACnC,IAAKmE,KACLH,GAAiBhE,IAAQyD,EAAM,UAAUA,EAAM,MAAM;AAAA,EACvD,GAEMa,IAAY,MAAMD,EAAUN,IAAe,CAAC,GAC5CQ,IAAgB,MAAMF,EAAUN,IAAe,CAAC;AAEtD,EAAA3D,GAAU,MAAM;AACd,QAAI,CAAC+D,KAAYF,KAAYP,KAAc,KAAKD,EAAM,SAAS,EAAG;AAClE,UAAMpD,IAAQ,WAAW,MAAM;AAC7B,MAAA2D,EAAgB,CAACQ,OAAWA,IAAQ,KAAKf,EAAM,MAAM;AAAA,IACvD,GAAGC,CAAU;AACb,WAAO,MAAM,aAAarD,CAAK;AAAA,EACjC,GAAG,CAAC8D,GAAUT,GAAYO,GAAUR,EAAM,QAAQM,CAAY,CAAC;AAE/D,QAAMU,IAAgB,CAAC1D,MAAyC;AAC9D,IAAIA,EAAM,QAAQ,gBAChBA,EAAM,eAAA,GACNwD,EAAA,IAEExD,EAAM,QAAQ,iBAChBA,EAAM,eAAA,GACNuD,EAAA;AAAA,EAEJ;AAEA,SAAKH,IAcH1C,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWa;AAAA,QACT;AAAA,QACAlE;AAAA,MAAA;AAAA,MAEF,UAAU;AAAA,MACV,cAAY0F;AAAA,MACZ,MAAK;AAAA,MACL,WAAWW;AAAA,MACX,cAAc,MAAMP,EAAY,EAAI;AAAA,MACpC,cAAc,MAAMA,EAAY,EAAK;AAAA,MACrC,SAAS,MAAMA,EAAY,EAAI;AAAA,MAC/B,QAAQ,MAAMA,EAAY,EAAK;AAAA,MAE9B,UAAA;AAAA,QAAAT,EAAM,IAAI,CAACiB,GAAM1E,MAChBM,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,KAAKoE,EAAK;AAAA,YACV,KAAKA,EAAK;AAAA,YACV,WAAWpC;AAAA,cACT;AAAA,cACAtC,MAAU+D,IAAe,gBAAgB;AAAA,cACzCF;AAAA,YAAA;AAAA,YAEF,eAAa7D,MAAU+D;AAAA,UAAA;AAAA,UARlB,GAAGW,EAAK,KAAK,IAAI1E,CAAK;AAAA,QAAA,CAU9B;AAAA,QAEDM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uFAAA,CAAuF;AAAA,QACtGA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6GAAA,CAA6G;AAAA,SAE1HsD,KAAYD,MACZlC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWa;AAAA,cACT;AAAA,cACAgB;AAAA,YAAA;AAAA,YAGD,UAAA;AAAA,cAAAM,KAAYQ,KACX3C,gBAAAA,OAAC,OAAA,EAAI,WAAU,yCACZ,UAAA;AAAA,gBAAA2C,EAAY,WACX9D,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,yFACV,YAAY,SACf;AAAA,gBAED8D,EAAY,SACX9D,gBAAAA,EAAAA,IAAC,QAAG,WAAU,+DACX,YAAY,OACf;AAAA,gBAED8D,EAAY,eACX9D,gBAAAA,EAAAA,IAAC,OAAE,WAAU,sEACV,YAAY,YAAA,CACf;AAAA,cAAA,GAEJ;AAAA,cAGDqD,KAAkBF,EAAM,SAAS,KAChCnD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gCACZ,UAAAmD,EAAM,IAAI,CAACiB,GAAM1E,MAChBM,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,WAAWgC;AAAA,oBACT;AAAA,oBACAtC,MAAU+D,IACN,iBACA;AAAA,kBAAA;AAAA,kBAEN,cAAY,QAAQ/D,IAAQ,CAAC;AAAA,kBAC7B,gBAAcA,MAAU+D;AAAA,kBACxB,SAAS,MAAMM,EAAUrE,CAAK;AAAA,gBAAA;AAAA,gBAVzB,GAAG0E,EAAK,KAAK,cAAc1E,CAAK;AAAA,cAAA,CAYxC,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA,IAzFFM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWgC;AAAA,QACT;AAAA,QACAlE;AAAA,MAAA;AAAA,MAEF,cAAY0F;AAAA,MACZ,MAAK;AAAA,IAAA;AAAA,EAAA;AAuFb;ACxIO,SAASa,GAAU;AAAA,EACxB,YAAAhH;AAAA,EACA,MAAAiH;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,GAAmB;AACjB,QAAM,CAACC,GAAcC,CAAe,IAAIvG,EAAwBgG,CAAW,GACrEQ,IAAcT,KAAQO,GAEtBG,IAAU,CAACC,MAA4B;AAC3C,IAAKX,KACHQ,EAAgBG,CAAQ,GAE1BT,KAAA,QAAAA,EAAeS;AAAA,EACjB;AAEA,SAAIF,MAAgB,aAEhB/E,gBAAAA,EAAAA;AAAAA,IAACiC;AAAA,IAAA;AAAA,MACE,GAAGyC;AAAA,MACJ,YAAArH;AAAA,MACA,SACEqH,KAAA,gBAAAA,EAAe,WACb1E,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMgF,EAAQ,OAAO;AAAA,UAE7B,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,IAQR3E,gBAAAA,EAAAA;AAAAA,IAAC5C;AAAA,IAAA;AAAA,MACE,GAAGqH;AAAA,MACJ,YAAApH;AAAA,MACA,SACEoH,KAAA,gBAAAA,EAAY,WACVzE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMgF,EAAQ,UAAU;AAAA,UAEhC,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKV;"}
|