@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/filelist/filelist.js.map

@@ -1 +1 @@
-{"version":3,"file":"filelist/filelist.js","sources":["../../../src/filelist/filelist.tsx"],"sourcesContent":["import {\n  Check,\n  Download,\n  Eye,\n  File,\n  FileArchive,\n  FileAudio2,\n  FileCode2,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo2,\n  Trash2,\n} from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { ImagePreview } from '../image';\nimport { Modal } from '../modal';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { fileExtension, fileKind, fileName, formatFileSize, safeFileUrl } from './model';\n\nexport interface FileItem {\n  uid?: string;\n  url?: string;\n  name?: string;\n  size?: number;\n  type?: string;\n  status?: 'ready' | 'uploading' | 'done' | 'error' | 'cancelled';\n  percent?: number;\n  error?: string;\n  originFile?: globalThis.File;\n}\nexport interface FileListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {\n  items: readonly FileItem[];\n  downloadable?: boolean;\n  previewable?: boolean;\n  removable?: boolean;\n  onPreview?: (file: FileItem) => void;\n  onDownload?: (file: FileItem) => void;\n  onRemove?: (file: FileItem) => void | boolean | Promise<void> | Promise<boolean>;\n  renderActions?: (file: FileItem, actions: ReactNode) => ReactNode;\n  emptyContent?: ReactNode;\n  disabled?: boolean;\n  listType?: 'text' | 'picture' | 'picture-card';\n}\nconst icons = {\n  image: FileImage,\n  video: FileVideo2,\n  audio: FileAudio2,\n  document: FileText,\n  sheet: FileSpreadsheet,\n  archive: FileArchive,\n  code: FileCode2,\n  file: File,\n};\nconst itemKey = (file: FileItem, index: number) =>\n  file.uid ?? `${file.url ?? fileName(file)}-${index}`;\nexport function FileList({\n  items,\n  downloadable = true,\n  previewable = true,\n  removable = false,\n  onPreview,\n  onDownload,\n  onRemove,\n  renderActions,\n  emptyContent,\n  disabled = false,\n  listType = 'text',\n  className,\n  ...props\n}: FileListProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const keys = items.map(itemKey);\n  useListMotion(root, JSON.stringify(keys), '.leaf-file-list__item[data-motion-key]');\n  const [preview, setPreview] = useState<FileItem | null>(null);\n  const [pending, setPending] = useState<string[]>([]);\n  const [error, setError] = useState('');\n  const selected = preview\n    ? items.find((file) =>\n        preview.uid\n          ? file.uid === preview.uid\n          : preview.url\n            ? file.url === preview.url\n            : file === preview,\n      )\n    : undefined;\n  const images = items.filter((file) => fileKind(file) === 'image' && safeFileUrl(file.url));\n  const kind = selected ? fileKind(selected) : undefined;\n  const previewUrl = safeFileUrl(selected?.url);\n  const index = selected ? images.indexOf(selected) : -1;\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-file-list', `leaf-file-list--${listType}`, className)}\n      data-disabled={disabled || undefined}\n    >\n      {items.length ? (\n        <ul className=\"leaf-file-list__items\">\n          {items.map((file, index) => {\n            const key = itemKey(file, index);\n            const name = fileName(file);\n            const kind = fileKind(file);\n            const Icon = icons[kind];\n            const url = safeFileUrl(file.url);\n            const size = file.size ?? file.originFile?.size;\n            const isPending = pending.includes(key);\n            const canPreview = previewable && url && ['image', 'video', 'audio'].includes(kind);\n            const actions = (\n              <>\n                {canPreview && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={disabled}\n                    startIcon={<Eye size={16} />}\n                    aria-label={`${t('预览', 'Preview')} ${name}`}\n                    title={t('预览', 'Preview')}\n                    onClick={() => (onPreview ? onPreview(file) : setPreview(file))}\n                  />\n                )}\n                {downloadable &&\n                  url &&\n                  (onDownload ? (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      disabled={disabled}\n                      startIcon={<Download size={16} />}\n                      aria-label={`${t('下载', 'Download')} ${name}`}\n                      title={t('下载', 'Download')}\n                      onClick={() => onDownload(file)}\n                    />\n                  ) : (\n                    <a\n                      className=\"leaf-file-list__action\"\n                      href={disabled ? undefined : url}\n                      download={name}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={`${t('下载', 'Download')} ${name}`}\n                      title={t('下载', 'Download')}\n                      aria-disabled={disabled || undefined}\n                      tabIndex={disabled ? -1 : undefined}\n                    >\n                      <Download size={16} aria-hidden=\"true\" />\n                    </a>\n                  ))}\n                {removable && onRemove && (\n                  <Button\n                    className=\"leaf-file-list__remove\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={disabled || isPending}\n                    loading={isPending}\n                    startIcon={<Trash2 size={15} />}\n                    aria-label={`${t('移除', 'Remove')} ${name}`}\n                    title={t('移除', 'Remove')}\n                    onClick={async () => {\n                      if (isPending) return;\n                      setPending((previous) => [...previous, key]);\n                      setError('');\n                      try {\n                        await onRemove(file);\n                      } catch (reason) {\n                        setError(reason instanceof Error ? reason.message : String(reason));\n                      } finally {\n                        setPending((previous) => previous.filter((value) => value !== key));\n                      }\n                    }}\n                  />\n                )}\n              </>\n            );\n            const percent = Math.max(0, Math.min(100, file.percent ?? 0));\n            return (\n              <li\n                key={key}\n                className=\"leaf-file-list__item\"\n                data-status={file.status}\n                data-motion-key={key}\n              >\n                <span\n                  className=\"leaf-file-list__icon\"\n                  data-kind={kind}\n                  data-extension={fileExtension(file)}\n                >\n                  {listType !== 'text' && kind === 'image' && url ? (\n                    <img src={url} alt=\"\" loading=\"lazy\" />\n                  ) : (\n                    <Icon size={21} aria-hidden=\"true\" />\n                  )}\n                </span>\n                <div className=\"leaf-file-list__details\">\n                  <span className=\"leaf-file-list__name\" title={name}>\n                    {name}\n                  </span>\n                  <span className=\"leaf-file-list__meta\">\n                    <span className=\"leaf-file-list__type\">\n                      {fileExtension(file).toUpperCase() || t('文件', 'FILE')}\n                    </span>\n                    {size !== undefined && formatFileSize(size) && (\n                      <span>{formatFileSize(size)}</span>\n                    )}\n                    {file.status === 'uploading' && (\n                      <span>\n                        {t('上传中', 'Uploading')} {Math.round(percent)}%\n                      </span>\n                    )}\n                    {file.status === 'error' && (\n                      <span className=\"leaf-file-list__error\">\n                        {file.error ?? t('上传失败', 'Upload failed')}\n                      </span>\n                    )}\n                    {file.status === 'cancelled' && <span>{t('已取消', 'Cancelled')}</span>}\n                    {file.status === 'done' && (\n                      <span className=\"leaf-file-list__complete\">\n                        <Check size={12} aria-hidden=\"true\" /> {t('上传完成', 'Upload complete')}\n                      </span>\n                    )}\n                    {file.status === 'ready' && <span>{t('待上传', 'Ready')}</span>}\n                  </span>\n                  {file.status === 'uploading' && (\n                    <div\n                      className=\"leaf-file-list__progress\"\n                      role=\"progressbar\"\n                      aria-label={`${t('上传进度', 'Upload progress')} ${name}`}\n                      aria-valuemin={0}\n                      aria-valuemax={100}\n                      aria-valuenow={Math.round(percent)}\n                    >\n                      <span style={{ width: `${percent}%` }} />\n                    </div>\n                  )}\n                </div>\n                <div className=\"leaf-file-list__actions\">\n                  {renderActions ? renderActions(file, actions) : actions}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <div className=\"leaf-file-list__empty\">{emptyContent ?? t('暂无文件', 'No files')}</div>\n      )}\n      {error && (\n        <p role=\"alert\" className=\"leaf-file-list__error\">\n          {error}\n        </p>\n      )}\n      <ImagePreview\n        items={images.map((file) => ({\n          src: file.url ?? '',\n          alt: fileName(file),\n          downloadName: fileName(file),\n        }))}\n        open={Boolean(previewUrl && kind === 'image' && index >= 0)}\n        index={Math.max(0, index)}\n        onIndexChange={(next) => setPreview(images[next] ?? null)}\n        onClose={() => setPreview(null)}\n        downloadable={downloadable}\n      />\n      <Modal\n        open={Boolean(previewUrl && (kind === 'video' || kind === 'audio'))}\n        title={selected ? fileName(selected) : ''}\n        footer={null}\n        width={800}\n        onClose={() => setPreview(null)}\n        className=\"leaf-file-list__media-modal\"\n      >\n        {previewUrl && kind === 'video' && (\n          <video\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </video>\n        )}\n        {previewUrl && kind === 'audio' && (\n          <audio\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </audio>\n        )}\n      </Modal>\n    </div>\n  );\n}\n"],"names":["icons","FileImage","FileVideo2","FileAudio2","FileText","FileSpreadsheet","FileArchive","FileCode2","File","itemKey","file","index","fileName","FileList","items","downloadable","previewable","removable","onPreview","onDownload","onRemove","renderActions","emptyContent","disabled","listType","className","props","t","useText","root","useRef","keys","useListMotion","JSON","preview","setPreview","useState","pending","setPending","error","setError","selected","undefined","images","fileKind","safeFileUrl","kind","previewUrl","classes","key","name","Icon","url","size","isPending","canPreview","actions","Button","Eye","Download","Trash2","previous","reason","Error","String","value","percent","Math","fileExtension","formatFileSize","Check","ImagePreview","Boolean","next","Modal"],"mappings":"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"}
+{"version":3,"file":"filelist/filelist.js","sources":["../../../src/filelist/filelist.tsx"],"sourcesContent":["import {\n  Check,\n  CircleAlert,\n  Clock3,\n  Download,\n  Eye,\n  File,\n  FileArchive,\n  FileAudio2,\n  FileCode2,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo2,\n  Paperclip,\n  Trash2,\n} from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { ImagePreviewControl as ImagePreview } from '../image/image';\nimport { ModalBase } from '../modal/modal';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport { fileExtension, fileKind, fileName, formatFileSize, safeFileUrl } from './model';\n\nexport interface FileItem {\n  uid?: string;\n  url?: string;\n  name?: string;\n  size?: number;\n  type?: string;\n  status?: 'ready' | 'uploading' | 'done' | 'error' | 'cancelled';\n  percent?: number;\n  error?: string;\n  originFile?: globalThis.File;\n}\nexport interface FileListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {\n  items: readonly FileItem[];\n  downloadable?: boolean;\n  previewable?: boolean;\n  removable?: boolean;\n  onPreview?: (file: FileItem) => void;\n  onDownload?: (file: FileItem) => void;\n  onRemove?: (file: FileItem) => void | boolean | Promise<void> | Promise<boolean>;\n  renderActions?: (file: FileItem, actions: ReactNode) => ReactNode;\n  emptyContent?: ReactNode;\n  disabled?: boolean;\n  listType?: 'text' | 'picture' | 'picture-card';\n}\nconst icons = {\n  image: FileImage,\n  video: FileVideo2,\n  audio: FileAudio2,\n  document: FileText,\n  sheet: FileSpreadsheet,\n  archive: FileArchive,\n  code: FileCode2,\n  file: File,\n};\n\nfunction FileVisual({ file, listType }: { file: FileItem; listType: FileListProps['listType'] }) {\n  const kind = fileKind(file);\n  const Icon = icons[kind];\n  const url = safeFileUrl(file.url);\n  const [failedUrl, setFailedUrl] = useState<string>();\n  const thumbnail = Boolean(listType !== 'text' && kind === 'image' && url && failedUrl !== url);\n  return (\n    <span\n      className=\"leaf-file-list__icon\"\n      data-kind={kind}\n      data-extension={fileExtension(file)}\n      data-thumbnail={thumbnail || undefined}\n      aria-hidden=\"true\"\n    >\n      <Icon size={22} />\n      {thumbnail && (\n        <img src={url} alt=\"\" loading=\"lazy\" decoding=\"async\" onError={() => setFailedUrl(url)} />\n      )}\n    </span>\n  );\n}\n\ninterface FileRowProps\n  extends Pick<\n    FileListProps,\n    'downloadable' | 'previewable' | 'removable' | 'onDownload' | 'onRemove' | 'renderActions'\n  > {\n  file: FileItem;\n  motionKey: string;\n  disabled: boolean;\n  listType: FileListProps['listType'];\n  onPreview: (file: FileItem) => void;\n}\nfunction FileRow({\n  file,\n  motionKey,\n  disabled,\n  listType,\n  downloadable,\n  previewable,\n  removable,\n  onDownload,\n  onRemove,\n  onPreview,\n  renderActions,\n}: FileRowProps) {\n  const t = useText();\n  const format = useFormattedText();\n  const [removing, setRemoving] = useState(false);\n  const [removeError, setRemoveError] = useState('');\n  const pending = useRef(false);\n  const mounted = useRef(true);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  const name = fileName(file);\n  const kind = fileKind(file);\n  const url = safeFileUrl(file.url);\n  const extension = fileExtension(file).toUpperCase();\n  const size = file.size ?? file.originFile?.size;\n  const formattedSize = size === undefined ? '' : formatFileSize(size);\n  const percent = Number.isFinite(file.percent) ? Math.max(0, Math.min(100, file.percent ?? 0)) : 0;\n  const canPreview = previewable && url && ['image', 'video', 'audio'].includes(kind);\n  const status =\n    file.status === 'uploading' ? (\n      <>\n        {t('fileList.uploading')} <span>{Math.round(percent)}%</span>\n      </>\n    ) : file.status === 'done' ? (\n      <>\n        <Check size={13} aria-hidden=\"true\" />\n        {t('fileList.uploadComplete')}\n      </>\n    ) : file.status === 'error' ? (\n      <>\n        <CircleAlert size={13} aria-hidden=\"true\" />\n        {t('fileList.uploadFailed')}\n      </>\n    ) : file.status === 'cancelled' ? (\n      t('fileList.cancelled')\n    ) : file.status === 'ready' ? (\n      <>\n        <Clock3 size={13} aria-hidden=\"true\" />\n        {t('fileList.ready')}\n      </>\n    ) : null;\n  const actions = (\n    <>\n      {canPreview && (\n        <ButtonControl\n          className=\"leaf-file-list__action\"\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={disabled}\n          startIcon={<Eye size={16} />}\n          aria-label={format('fileList.preview', { name })}\n          title={t('common.preview')}\n          onClick={() => onPreview(file)}\n        />\n      )}\n      {downloadable &&\n        url &&\n        (onDownload ? (\n          <ButtonControl\n            className=\"leaf-file-list__action\"\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={disabled}\n            startIcon={<Download size={16} />}\n            aria-label={format('fileList.download', { name })}\n            title={t('common.download')}\n            onClick={() => onDownload(file)}\n          />\n        ) : (\n          <a\n            className=\"leaf-file-list__action\"\n            href={disabled ? undefined : url}\n            download={name}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label={format('fileList.download', { name })}\n            title={t('common.download')}\n            aria-disabled={disabled || undefined}\n            role={disabled ? 'link' : undefined}\n            tabIndex={disabled ? -1 : undefined}\n          >\n            <Download size={16} aria-hidden=\"true\" />\n          </a>\n        ))}\n      {removable && onRemove && (\n        <ButtonControl\n          className=\"leaf-file-list__action leaf-file-list__remove\"\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={disabled}\n          loading={removing}\n          startIcon={<Trash2 size={16} />}\n          aria-label={format('fileList.remove', { name })}\n          title={t('common.remove')}\n          onClick={async () => {\n            if (pending.current) return;\n            pending.current = true;\n            setRemoving(true);\n            setRemoveError('');\n            try {\n              await onRemove(file);\n            } catch (reason) {\n              if (mounted.current)\n                setRemoveError(reason instanceof Error ? reason.message : String(reason));\n            } finally {\n              pending.current = false;\n              if (mounted.current) setRemoving(false);\n            }\n          }}\n        />\n      )}\n    </>\n  );\n  const renderedActions = renderActions ? renderActions(file, actions) : actions;\n  return (\n    <li\n      className=\"leaf-file-list__item\"\n      data-status={file.status}\n      data-motion-key={motionKey}\n      aria-busy={file.status === 'uploading' || removing || undefined}\n    >\n      <FileVisual file={file} listType={listType} />\n      <div className=\"leaf-file-list__details\">\n        <span className=\"leaf-file-list__name\" title={name}>\n          {name}\n        </span>\n        <div className=\"leaf-file-list__meta\">\n          <span className=\"leaf-file-list__type\">{extension || t('fileList.fileType')}</span>\n          {formattedSize && <span className=\"leaf-file-list__size\">{formattedSize}</span>}\n        </div>\n      </div>\n      {status && (\n        <span className=\"leaf-file-list__status\" data-status={file.status}>\n          {status}\n        </span>\n      )}\n      {file.status === 'uploading' && (\n        <div\n          className=\"leaf-file-list__progress\"\n          role=\"progressbar\"\n          aria-label={format('fileList.uploadProgress', { name })}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={Math.round(percent)}\n        >\n          <span style={{ width: `${percent}%` }} />\n        </div>\n      )}\n      {(removeError || (file.status === 'error' && file.error)) && (\n        <p className=\"leaf-file-list__error\" role={removeError ? 'alert' : undefined}>\n          {removeError || file.error}\n        </p>\n      )}\n      {renderedActions !== null && renderedActions !== false && (\n        <div className=\"leaf-file-list__actions\">{renderedActions}</div>\n      )}\n    </li>\n  );\n}\n\nexport function FileListControl({\n  items,\n  downloadable = true,\n  previewable = true,\n  removable = false,\n  onPreview,\n  onDownload,\n  onRemove,\n  renderActions,\n  emptyContent,\n  disabled = false,\n  listType = 'text',\n  className,\n  ...props\n}: FileListProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const occurrences = new Map<string, number>();\n  const keys = items.map((file) => {\n    const identity = file.uid ?? file.url ?? fileName(file);\n    const occurrence = occurrences.get(identity) ?? 0;\n    occurrences.set(identity, occurrence + 1);\n    return JSON.stringify([identity, occurrence]);\n  });\n  useListMotion(root, JSON.stringify(keys), '.leaf-file-list__item[data-motion-key]', listType);\n  const [preview, setPreview] = useState<FileItem | null>(null);\n  const selected = preview\n    ? items.find((file) =>\n        preview.uid\n          ? file.uid === preview.uid\n          : preview.url\n            ? file.url === preview.url\n            : file === preview,\n      )\n    : undefined;\n  const images = items.filter((file) => fileKind(file) === 'image' && safeFileUrl(file.url));\n  const kind = selected ? fileKind(selected) : undefined;\n  const previewUrl = safeFileUrl(selected?.url);\n  const index = selected ? images.indexOf(selected) : -1;\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-file-list', `leaf-file-list--${listType}`, className)}\n      data-disabled={disabled || undefined}\n    >\n      {items.length ? (\n        <ul className=\"leaf-file-list__items\">\n          {items.map((file, position) => (\n            <FileRow\n              key={keys[position]}\n              motionKey={keys[position] ?? String(position)}\n              file={file}\n              listType={listType}\n              disabled={disabled}\n              downloadable={downloadable}\n              previewable={previewable}\n              removable={removable}\n              onDownload={onDownload}\n              onRemove={onRemove}\n              renderActions={renderActions}\n              onPreview={(file) => (onPreview ? onPreview(file) : setPreview(file))}\n            />\n          ))}\n        </ul>\n      ) : (\n        <div className=\"leaf-file-list__empty\">\n          {emptyContent ?? (\n            <>\n              <Paperclip size={22} aria-hidden=\"true\" />\n              <span>{t('fileList.noFiles')}</span>\n            </>\n          )}\n        </div>\n      )}\n      <ImagePreview\n        items={images.map((file) => ({\n          src: safeFileUrl(file.url) ?? '',\n          alt: fileName(file),\n          downloadName: fileName(file),\n        }))}\n        open={Boolean(previewUrl && kind === 'image' && index >= 0)}\n        index={Math.max(0, index)}\n        onIndexChange={(next) => setPreview(images[next] ?? null)}\n        onClose={() => setPreview(null)}\n        downloadable={downloadable && !disabled}\n      />\n      <ModalBase\n        open={Boolean(previewUrl && (kind === 'video' || kind === 'audio'))}\n        title={selected ? fileName(selected) : ''}\n        footer={null}\n        width={kind === 'audio' ? 520 : 800}\n        onClose={() => setPreview(null)}\n        className=\"leaf-file-list__media-modal\"\n      >\n        {previewUrl && kind === 'video' && (\n          <video\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </video>\n        )}\n        {previewUrl && kind === 'audio' && (\n          <audio\n            key={previewUrl}\n            controls\n            preload=\"metadata\"\n            src={previewUrl}\n            aria-label={selected ? fileName(selected) : ''}\n          >\n            <track kind=\"captions\" />\n          </audio>\n        )}\n      </ModalBase>\n    </div>\n  );\n}\n\nexport function FileList(rawProps: FileListProps) {\n  const props = useComponentProps('FileList', rawProps);\n  return <FileListControl {...props} />;\n}\n"],"names":["icons","FileImage","FileVideo2","FileAudio2","FileText","FileSpreadsheet","FileArchive","FileCode2","File","FileVisual","file","listType","kind","fileKind","Icon","url","safeFileUrl","failedUrl","setFailedUrl","useState","thumbnail","Boolean","fileExtension","undefined","FileRow","motionKey","disabled","downloadable","previewable","removable","onDownload","onRemove","onPreview","renderActions","t","useText","format","useFormattedText","removing","setRemoving","removeError","setRemoveError","pending","useRef","mounted","useEffect","name","fileName","extension","size","formattedSize","formatFileSize","percent","Number","Math","canPreview","status","Check","CircleAlert","Clock3","actions","ButtonControl","Eye","Download","Trash2","reason","Error","String","renderedActions","FileListControl","items","emptyContent","className","props","root","occurrences","Map","keys","identity","occurrence","JSON","useListMotion","preview","setPreview","selected","images","previewUrl","index","classes","position","Paperclip","ImagePreview","next","ModalBase","FileList","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/flex/flex.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes } from 'react';
+export type FlexGap = number | string;
+export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    gap?: FlexGap | readonly [FlexGap, FlexGap];
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    wrap?: boolean | 'nowrap' | 'wrap' | 'wrap-reverse';
+    inline?: boolean;
+}
+/** Lay out direct children without adding item wrappers. */
+export declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=flex.d.ts.map

package/dist/esm/flex/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../src/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5E,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAChE,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;IACzF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAUD,4DAA4D;AAC5D,eAAO,MAAM,IAAI,sGAsBf,CAAC"}

package/dist/esm/flex/flex.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+function gapValue(value) {
+    if ('number' == typeof value) return `${value}px`;
+    const sizes = {
+        sm: 8,
+        md: 16,
+        lg: 24
+    };
+    if ('sm' === value || 'md' === value || 'lg' === value) return `var(--leaf-spacing-${value}, ${sizes[value]}px)`;
+    return value;
+}
+const flex_Flex = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { direction = 'row', gap = 0, align = 'stretch', justify = 'start', wrap = false, inline = false, className, style, ...props } = useComponentProps('Flex', rawProps);
+    const layout = {
+        display: inline ? 'inline-flex' : 'flex',
+        flexDirection: direction,
+        gap: 'object' == typeof gap ? gap.map(gapValue).join(' ') : gapValue(gap),
+        alignItems: 'start' === align ? 'flex-start' : 'end' === align ? 'flex-end' : align,
+        justifyContent: 'start' === justify ? 'flex-start' : 'end' === justify ? 'flex-end' : justify,
+        flexWrap: 'boolean' == typeof wrap ? wrap ? 'wrap' : 'nowrap' : wrap,
+        ...style
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-flex', className),
+        style: layout
+    });
+});
+export { flex_Flex as Flex };
+
+//# sourceMappingURL=flex.js.map

package/dist/esm/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex/flex.js","sources":["../../../src/flex/flex.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\n\nexport type FlexGap = number | string;\n\nexport interface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  gap?: FlexGap | readonly [FlexGap, FlexGap];\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';\n  wrap?: boolean | 'nowrap' | 'wrap' | 'wrap-reverse';\n  inline?: boolean;\n}\n\nfunction gapValue(value: FlexGap) {\n  if (typeof value === 'number') return `${value}px`;\n  const sizes = { sm: 8, md: 16, lg: 24 };\n  if (value === 'sm' || value === 'md' || value === 'lg')\n    return `var(--leaf-spacing-${value}, ${sizes[value]}px)`;\n  return value;\n}\n\n/** Lay out direct children without adding item wrappers. */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(function Flex(rawProps: FlexProps, ref) {\n  const {\n    direction = 'row',\n    gap = 0,\n    align = 'stretch',\n    justify = 'start',\n    wrap = false,\n    inline = false,\n    className,\n    style,\n    ...props\n  } = useComponentProps('Flex', rawProps);\n  const layout: CSSProperties = {\n    display: inline ? 'inline-flex' : 'flex',\n    flexDirection: direction,\n    gap: typeof gap === 'object' ? gap.map(gapValue).join(' ') : gapValue(gap),\n    alignItems: align === 'start' ? 'flex-start' : align === 'end' ? 'flex-end' : align,\n    justifyContent: justify === 'start' ? 'flex-start' : justify === 'end' ? 'flex-end' : justify,\n    flexWrap: typeof wrap === 'boolean' ? (wrap ? 'wrap' : 'nowrap') : wrap,\n    ...style,\n  };\n  return <div {...props} ref={ref} className={classes('leaf-flex', className)} style={layout} />;\n});\n"],"names":["gapValue","value","sizes","Flex","forwardRef","rawProps","ref","direction","gap","align","justify","wrap","inline","className","style","props","useComponentProps","layout","classes"],"mappings":";;;;;AAeA,SAASA,SAASC,KAAc;IAC9B,IAAI,AAAiB,YAAjB,OAAOA,OAAoB,OAAO,GAAGA,MAAM,EAAE,CAAC;IAClD,MAAMC,QAAQ;QAAE,IAAI;QAAG,IAAI;QAAI,IAAI;IAAG;IACtC,IAAID,AAAU,SAAVA,SAAkBA,AAAU,SAAVA,SAAkBA,AAAU,SAAVA,OACtC,OAAO,CAAC,mBAAmB,EAAEA,MAAM,EAAE,EAAEC,KAAK,CAACD,MAAM,CAAC,GAAG,CAAC;IAC1D,OAAOA;AACT;AAGO,MAAME,YAAO,WAAHA,GAAGC,WAAsC,SAAcC,QAAmB,EAAEC,GAAG;IAC9F,MAAM,EACJC,YAAY,KAAK,EACjBC,MAAM,CAAC,EACPC,QAAQ,SAAS,EACjBC,UAAU,OAAO,EACjBC,OAAO,KAAK,EACZC,SAAS,KAAK,EACdC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGC,kBAAkB,QAAQX;IAC9B,MAAMY,SAAwB;QAC5B,SAASL,SAAS,gBAAgB;QAClC,eAAeL;QACf,KAAK,AAAe,YAAf,OAAOC,MAAmBA,IAAI,GAAG,CAACR,UAAU,IAAI,CAAC,OAAOA,SAASQ;QACtE,YAAYC,AAAU,YAAVA,QAAoB,eAAeA,AAAU,UAAVA,QAAkB,aAAaA;QAC9E,gBAAgBC,AAAY,YAAZA,UAAsB,eAAeA,AAAY,UAAZA,UAAoB,aAAaA;QACtF,UAAU,AAAgB,aAAhB,OAAOC,OAAsBA,OAAO,SAAS,WAAYA;QACnE,GAAGG,KAAK;IACV;IACA,OAAO,WAAP,GAAO,IAAC;QAAK,GAAGC,KAAK;QAAE,KAAKT;QAAK,WAAWY,QAAQ,aAAaL;QAAY,OAAOI;;AACtF"}

package/dist/esm/flex/index.d.ts

@@ -0,0 +1,2 @@
+export { Flex, type FlexGap, type FlexProps } from './flex.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/flex/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Flex } from "./flex.js";

package/dist/esm/floatbutton/floatbutton.d.ts

@@ -1,10 +1,10 @@
 import { type ReactNode } from 'react';
-import { type ButtonProps } from '../button/index.js';
+import { type ButtonProps } from '../button/button.js';
 export interface FloatButtonProps extends ButtonProps {
     tooltip?: ReactNode;
     fixed?: boolean;
 }
-export declare function FloatButton({ tooltip, fixed, className, ...props }: FloatButtonProps): import("react").JSX.Element;
+export declare function FloatButtonControl({ tooltip, fixed, className, ...props }: FloatButtonProps): import("react").JSX.Element;
 export interface FloatButtonAction {
     key: string;
     label: ReactNode;
@@ -14,6 +14,7 @@ export interface FloatButtonAction {
 }
 export interface FloatButtonGroupProps {
     actions: readonly FloatButtonAction[];
+    fixed?: boolean;
     expandable?: boolean;
     icon?: ReactNode;
     open?: boolean;
@@ -21,6 +22,7 @@ export interface FloatButtonGroupProps {
     onOpenChange?: (open: boolean) => void;
     className?: string;
 }
-export declare function FloatButtonGroup({ actions, expandable, icon, open: controlled, defaultOpen, onOpenChange, className, }: FloatButtonGroupProps): import("react").JSX.Element;
+export declare function FloatButtonGroup(rawProps: FloatButtonGroupProps): import("react").JSX.Element;
 export declare const FAB: typeof FloatButton;
+export declare function FloatButton(rawProps: FloatButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=floatbutton.d.ts.map

package/dist/esm/floatbutton/floatbutton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floatbutton.d.ts","sourceRoot":"","sources":["../../../src/floatbutton/floatbutton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AACjF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAKrD,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ3F;AACD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAiB,EACjB,IAAI,EACJ,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,+BAqFvB;AACD,eAAO,MAAM,GAAG,oBAAc,CAAC"}
+{"version":3,"file":"floatbutton.d.ts","sourceRoot":"","sources":["../../../src/floatbutton/floatbutton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AACjF,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMnE,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAQlB;AACD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,+BA+F/D;AACD,eAAO,MAAM,GAAG,oBAAc,CAAC;AAE/B,wBAAgB,WAAW,CAAC,QAAQ,EAAE,gBAAgB,+BAGrD"}

package/dist/esm/floatbutton/floatbutton.js

@@ -2,22 +2,24 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { inertProps } from "../shared/inert.js";
 import { useText } from "../shared/use-text.js";
-import { Tooltip } from "../tooltip/index.js";
-function FloatButton({ tooltip, fixed = true, className, ...props }) {
-    const button = /*#__PURE__*/ jsx(Button, {
+import { TooltipControl } from "../tooltip/tooltip.js";
+function FloatButtonControl({ tooltip, fixed = true, className, ...props }) {
+    const button = /*#__PURE__*/ jsx(ButtonControl, {
         ...props,
         className: classes('leaf-float-button', fixed && 'leaf-float-button--fixed', className)
     });
-    return tooltip ? /*#__PURE__*/ jsx(Tooltip, {
+    return tooltip ? /*#__PURE__*/ jsx(TooltipControl, {
         content: tooltip,
         children: button
     }) : button;
 }
-function FloatButtonGroup({ actions, expandable = true, icon, open: controlled, defaultOpen = false, onOpenChange, className }) {
+function FloatButtonGroup(rawProps) {
+    const { actions, fixed = true, expandable = true, icon, open: controlled, defaultOpen = false, onOpenChange, className } = useComponentProps('FloatButtonGroup', rawProps);
     const t = useText();
     const [internal, setInternal] = useState(defaultOpen), open = controlled ?? internal;
     const expanded = !expandable || open;
@@ -44,8 +46,8 @@ function FloatButtonGroup({ actions, expandable = true, icon, open: controlled,
     ]);
     return /*#__PURE__*/ jsxs("fieldset", {
         ref: root,
-        "aria-label": t('快捷操作', 'Quick actions'),
-        className: classes('leaf-float-group', className),
+        "aria-label": t('floatButton.quickActions'),
+        className: classes('leaf-float-group', fixed && 'leaf-float-group--fixed', className),
         onKeyDown: (event)=>{
             if ('Escape' === event.key) {
                 event.preventDefault();
@@ -68,7 +70,7 @@ function FloatButtonGroup({ actions, expandable = true, icon, open: controlled,
                                 style: {
                                     '--leaf-float-order': actions.length - index - 1
                                 },
-                                children: /*#__PURE__*/ jsx(FloatButton, {
+                                children: /*#__PURE__*/ jsx(FloatButtonControl, {
                                     fixed: false,
                                     tooltip: action.label,
                                     "aria-label": 'string' == typeof action.label ? action.label : action.key,
@@ -84,9 +86,9 @@ function FloatButtonGroup({ actions, expandable = true, icon, open: controlled,
                     })
                 })
             }),
-            expandable && /*#__PURE__*/ jsx(FloatButton, {
+            expandable && /*#__PURE__*/ jsx(FloatButtonControl, {
                 fixed: false,
-                "aria-label": t('快捷操作', 'Quick actions'),
+                "aria-label": t('floatButton.quickActions'),
                 "aria-expanded": open,
                 startIcon: /*#__PURE__*/ jsx("span", {
                     className: "leaf-float-group__trigger-icon",
@@ -101,6 +103,12 @@ function FloatButtonGroup({ actions, expandable = true, icon, open: controlled,
     });
 }
 const FAB = FloatButton;
-export { FAB, FloatButton, FloatButtonGroup };
+function FloatButton(rawProps) {
+    const props = useComponentProps('FloatButton', rawProps);
+    return /*#__PURE__*/ jsx(FloatButtonControl, {
+        ...props
+    });
+}
+export { FAB, FloatButton, FloatButtonControl, FloatButtonGroup };
 
 //# sourceMappingURL=floatbutton.js.map

package/dist/esm/floatbutton/floatbutton.js.map

@@ -1 +1 @@
-{"version":3,"file":"floatbutton/floatbutton.js","sources":["../../../src/floatbutton/floatbutton.tsx"],"sourcesContent":["import { Plus } from 'lucide-react';\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { Button, type ButtonProps } from '../button';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useText } from '../shared/use-text';\nimport { Tooltip } from '../tooltip';\nexport interface FloatButtonProps extends ButtonProps {\n  tooltip?: ReactNode;\n  fixed?: boolean;\n}\nexport function FloatButton({ tooltip, fixed = true, className, ...props }: FloatButtonProps) {\n  const button = (\n    <Button\n      {...props}\n      className={classes('leaf-float-button', fixed && 'leaf-float-button--fixed', className)}\n    />\n  );\n  return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button;\n}\nexport interface FloatButtonAction {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  onClick?: () => void;\n  disabled?: boolean;\n}\nexport interface FloatButtonGroupProps {\n  actions: readonly FloatButtonAction[];\n  expandable?: boolean;\n  icon?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n}\nexport function FloatButtonGroup({\n  actions,\n  expandable = true,\n  icon,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  className,\n}: FloatButtonGroupProps) {\n  const t = useText();\n  const [internal, setInternal] = useState(defaultOpen),\n    open = controlled ?? internal;\n  const expanded = !expandable || open;\n  const [visited, setVisited] = useState(expanded);\n  if (expanded && !visited) setVisited(true);\n  const root = useRef<HTMLFieldSetElement>(null);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (controlled === undefined) setInternal(next);\n      onOpenChange?.(next);\n    },\n    [controlled, onOpenChange],\n  );\n  useEffect(() => {\n    if (!open) return;\n    const outside = (event: PointerEvent) => {\n      if (!root.current?.contains(event.target as Node)) setOpen(false);\n    };\n    document.addEventListener('pointerdown', outside);\n    return () => document.removeEventListener('pointerdown', outside);\n  }, [open, setOpen]);\n  return (\n    <fieldset\n      ref={root}\n      aria-label={t('快捷操作', 'Quick actions')}\n      className={classes('leaf-float-group', className)}\n      onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          setOpen(false);\n          root.current?.querySelector<HTMLButtonElement>('[aria-expanded]')?.focus();\n        }\n      }}\n    >\n      <div\n        className=\"leaf-float-group__actions\"\n        data-open={expanded || undefined}\n        aria-hidden={!expanded || undefined}\n        {...inertProps(!expanded)}\n      >\n        <div className=\"leaf-float-group__actions-inner\">\n          <div className=\"leaf-float-group__actions-content\">\n            {visited &&\n              actions.map((action, index) => (\n                <div\n                  key={action.key}\n                  className=\"leaf-float-group__action\"\n                  style={\n                    { '--leaf-float-order': actions.length - index - 1 } as React.CSSProperties\n                  }\n                >\n                  <FloatButton\n                    fixed={false}\n                    tooltip={action.label}\n                    aria-label={typeof action.label === 'string' ? action.label : action.key}\n                    startIcon={action.icon}\n                    disabled={action.disabled}\n                    variant=\"outline\"\n                    onClick={() => {\n                      action.onClick?.();\n                      if (expandable) setOpen(false);\n                    }}\n                  />\n                </div>\n              ))}\n          </div>\n        </div>\n      </div>\n      {expandable && (\n        <FloatButton\n          fixed={false}\n          aria-label={t('快捷操作', 'Quick actions')}\n          aria-expanded={open}\n          startIcon={\n            <span className=\"leaf-float-group__trigger-icon\" data-open={open || undefined}>\n              {icon ?? <Plus size={20} />}\n            </span>\n          }\n          onClick={() => setOpen(!open)}\n        />\n      )}\n    </fieldset>\n  );\n}\nexport const FAB = FloatButton;\n"],"names":["FloatButton","tooltip","fixed","className","props","button","Button","classes","Tooltip","FloatButtonGroup","actions","expandable","icon","controlled","defaultOpen","onOpenChange","t","useText","internal","setInternal","useState","open","expanded","visited","setVisited","root","useRef","setOpen","useCallback","next","undefined","useEffect","outside","event","document","inertProps","action","index","Plus","FAB"],"mappings":";;;;;;;;;AAWO,SAASA,YAAY,EAAEC,OAAO,EAAEC,QAAQ,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAyB;IAC1F,MAAMC,SAAS,WAATA,GACJ,IAACC,QAAMA;QACJ,GAAGF,KAAK;QACT,WAAWG,QAAQ,qBAAqBL,SAAS,4BAA4BC;;IAGjF,OAAOF,UAAU,WAAVA,GAAU,IAACO,SAAOA;QAAC,SAASP;kBAAUI;SAAoBA;AACnE;AAiBO,SAASI,iBAAiB,EAC/BC,OAAO,EACPC,aAAa,IAAI,EACjBC,IAAI,EACJ,MAAMC,UAAU,EAChBC,cAAc,KAAK,EACnBC,YAAY,EACZZ,SAAS,EACa;IACtB,MAAMa,IAAIC;IACV,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASN,cACvCO,OAAOR,cAAcK;IACvB,MAAMI,WAAW,CAACX,cAAcU;IAChC,MAAM,CAACE,SAASC,WAAW,GAAGJ,SAASE;IACvC,IAAIA,YAAY,CAACC,SAASC,WAAW;IACrC,MAAMC,OAAOC,OAA4B;IACzC,MAAMC,UAAUC,YACd,CAACC;QACC,IAAIhB,AAAeiB,WAAfjB,YAA0BM,YAAYU;QAC1Cd,eAAec;IACjB,GACA;QAAChB;QAAYE;KAAa;IAE5BgB,UAAU;QACR,IAAI,CAACV,MAAM;QACX,MAAMW,UAAU,CAACC;YACf,IAAI,CAACR,KAAK,OAAO,EAAE,SAASQ,MAAM,MAAM,GAAWN,QAAQ;QAC7D;QACAO,SAAS,gBAAgB,CAAC,eAAeF;QACzC,OAAO,IAAME,SAAS,mBAAmB,CAAC,eAAeF;IAC3D,GAAG;QAACX;QAAMM;KAAQ;IAClB,OAAO,WAAP,GACE,KAAC;QACC,KAAKF;QACL,cAAYT,EAAE,QAAQ;QACtB,WAAWT,QAAQ,oBAAoBJ;QACvC,WAAW,CAAC8B;YACV,IAAIA,AAAc,aAAdA,MAAM,GAAG,EAAe;gBAC1BA,MAAM,cAAc;gBACpBN,QAAQ;gBACRF,KAAK,OAAO,EAAE,cAAiC,oBAAoB;YACrE;QACF;;0BAEA,IAAC;gBACC,WAAU;gBACV,aAAWH,YAAYQ;gBACvB,eAAa,CAACR,YAAYQ;gBACzB,GAAGK,WAAW,CAACb,SAAS;0BAEzB,kBAAC;oBAAI,WAAU;8BACb,kBAAC;wBAAI,WAAU;kCACZC,WACCb,QAAQ,GAAG,CAAC,CAAC0B,QAAQC,QAAAA,WAAAA,GACnB,IAAC;gCAEC,WAAU;gCACV,OACE;oCAAE,sBAAsB3B,QAAQ,MAAM,GAAG2B,QAAQ;gCAAE;0CAGrD,kBAACrC,aAAWA;oCACV,OAAO;oCACP,SAASoC,OAAO,KAAK;oCACrB,cAAY,AAAwB,YAAxB,OAAOA,OAAO,KAAK,GAAgBA,OAAO,KAAK,GAAGA,OAAO,GAAG;oCACxE,WAAWA,OAAO,IAAI;oCACtB,UAAUA,OAAO,QAAQ;oCACzB,SAAQ;oCACR,SAAS;wCACPA,OAAO,OAAO;wCACd,IAAIzB,YAAYgB,QAAQ;oCAC1B;;+BAhBGS,OAAO,GAAG;;;;YAuB1BzB,cAAc,WAAdA,GACC,IAACX,aAAWA;gBACV,OAAO;gBACP,cAAYgB,EAAE,QAAQ;gBACtB,iBAAeK;gBACf,yBACE,IAAC;oBAAK,WAAU;oBAAiC,aAAWA,QAAQS;8BACjElB,QAAQ,WAARA,GAAQ,IAAC0B,MAAIA;wBAAC,MAAM;;;gBAGzB,SAAS,IAAMX,QAAQ,CAACN;;;;AAKlC;AACO,MAAMkB,MAAMvC"}
+{"version":3,"file":"floatbutton/floatbutton.js","sources":["../../../src/floatbutton/floatbutton.tsx"],"sourcesContent":["import { Plus } from 'lucide-react';\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { ButtonControl, type ButtonProps } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useText } from '../shared/use-text';\nimport { TooltipControl as Tooltip } from '../tooltip/tooltip';\nexport interface FloatButtonProps extends ButtonProps {\n  tooltip?: ReactNode;\n  fixed?: boolean;\n}\nexport function FloatButtonControl({\n  tooltip,\n  fixed = true,\n  className,\n  ...props\n}: FloatButtonProps) {\n  const button = (\n    <ButtonControl\n      {...props}\n      className={classes('leaf-float-button', fixed && 'leaf-float-button--fixed', className)}\n    />\n  );\n  return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button;\n}\nexport interface FloatButtonAction {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  onClick?: () => void;\n  disabled?: boolean;\n}\nexport interface FloatButtonGroupProps {\n  actions: readonly FloatButtonAction[];\n  fixed?: boolean;\n  expandable?: boolean;\n  icon?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n}\nexport function FloatButtonGroup(rawProps: FloatButtonGroupProps) {\n  const {\n    actions,\n    fixed = true,\n    expandable = true,\n    icon,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    className,\n  } = useComponentProps('FloatButtonGroup', rawProps);\n  const t = useText();\n  const [internal, setInternal] = useState(defaultOpen),\n    open = controlled ?? internal;\n  const expanded = !expandable || open;\n  const [visited, setVisited] = useState(expanded);\n  if (expanded && !visited) setVisited(true);\n  const root = useRef<HTMLFieldSetElement>(null);\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (controlled === undefined) setInternal(next);\n      onOpenChange?.(next);\n    },\n    [controlled, onOpenChange],\n  );\n  useEffect(() => {\n    if (!open) return;\n    const outside = (event: PointerEvent) => {\n      if (!root.current?.contains(event.target as Node)) setOpen(false);\n    };\n    document.addEventListener('pointerdown', outside);\n    return () => document.removeEventListener('pointerdown', outside);\n  }, [open, setOpen]);\n  return (\n    <fieldset\n      ref={root}\n      aria-label={t('floatButton.quickActions')}\n      className={classes('leaf-float-group', fixed && 'leaf-float-group--fixed', className)}\n      onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          setOpen(false);\n          root.current?.querySelector<HTMLButtonElement>('[aria-expanded]')?.focus();\n        }\n      }}\n    >\n      <div\n        className=\"leaf-float-group__actions\"\n        data-open={expanded || undefined}\n        aria-hidden={!expanded || undefined}\n        {...inertProps(!expanded)}\n      >\n        <div className=\"leaf-float-group__actions-inner\">\n          <div className=\"leaf-float-group__actions-content\">\n            {visited &&\n              actions.map((action, index) => (\n                <div\n                  key={action.key}\n                  className=\"leaf-float-group__action\"\n                  style={\n                    { '--leaf-float-order': actions.length - index - 1 } as React.CSSProperties\n                  }\n                >\n                  <FloatButtonControl\n                    fixed={false}\n                    tooltip={action.label}\n                    aria-label={typeof action.label === 'string' ? action.label : action.key}\n                    startIcon={action.icon}\n                    disabled={action.disabled}\n                    variant=\"outline\"\n                    onClick={() => {\n                      action.onClick?.();\n                      if (expandable) setOpen(false);\n                    }}\n                  />\n                </div>\n              ))}\n          </div>\n        </div>\n      </div>\n      {expandable && (\n        <FloatButtonControl\n          fixed={false}\n          aria-label={t('floatButton.quickActions')}\n          aria-expanded={open}\n          startIcon={\n            <span className=\"leaf-float-group__trigger-icon\" data-open={open || undefined}>\n              {icon ?? <Plus size={20} />}\n            </span>\n          }\n          onClick={() => setOpen(!open)}\n        />\n      )}\n    </fieldset>\n  );\n}\nexport const FAB = FloatButton;\n\nexport function FloatButton(rawProps: FloatButtonProps) {\n  const props = useComponentProps('FloatButton', rawProps);\n  return <FloatButtonControl {...props} />;\n}\n"],"names":["FloatButtonControl","tooltip","fixed","className","props","button","ButtonControl","classes","Tooltip","FloatButtonGroup","rawProps","actions","expandable","icon","controlled","defaultOpen","onOpenChange","useComponentProps","t","useText","internal","setInternal","useState","open","expanded","visited","setVisited","root","useRef","setOpen","useCallback","next","undefined","useEffect","outside","event","document","inertProps","action","index","Plus","FAB","FloatButton"],"mappings":"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"}

package/dist/esm/floatbutton/index.d.ts

@@ -1,2 +1,3 @@
-export * from './floatbutton.js';
+export type { FloatButtonAction, FloatButtonGroupProps, FloatButtonProps } from './floatbutton.js';
+export { FAB, FloatButton, FloatButtonGroup } from './floatbutton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/floatbutton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/floatbutton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/floatbutton/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/floatbutton/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./floatbutton.js";
+export { FAB, FloatButton, FloatButtonGroup } from "./floatbutton.js";

package/dist/esm/form/form.d.ts

@@ -32,16 +32,16 @@ export declare function FieldScope({ children }: {
     children: ReactNode;
 }): import("react").JSX.Element;
 export declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<HTMLFormElement>>;
-export declare function FormField({ label, htmlFor, required, help, error, labelWidth, children, className, style, ...props }: FormFieldProps): import("react").JSX.Element;
+export declare function FormField(rawProps: FormFieldProps): import("react").JSX.Element;
 export interface FormGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     legend?: ReactNode;
     description?: ReactNode;
 }
-export declare function FormGroup({ legend, description, disabled, children, className, ...props }: FormGroupProps): import("react").JSX.Element;
+export declare function FormGroup(rawProps: FormGroupProps): import("react").JSX.Element;
 export interface FormErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     errors?: readonly FormError[];
     title?: ReactNode;
 }
-export declare function FormErrorSummary({ errors: suppliedErrors, title, className, ...props }: FormErrorSummaryProps): import("react").JSX.Element | null;
+export declare function FormErrorSummary(rawProps: FormErrorSummaryProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=form.d.ts.map

package/dist/esm/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAEvB,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AASD,UAAU,iBAAiB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,kCAI3B;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE/D;AAED,eAAO,MAAM,IAAI,uGAoEf,CAAC;AAGH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,+BA6GhB;AAED,MAAM,WAAW,cAAe,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AACD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAmBhB;AACD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,cAAc,EACtB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,sCA6BvB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAEvB,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AASD,UAAU,iBAAiB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,kCAI3B;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE/D;AAED,eAAO,MAAM,IAAI,uGAkEf,CAAC;AAGH,wBAAgB,SAAS,CAAC,QAAQ,EAAE,cAAc,+BA4HjD;AAED,MAAM,WAAW,cAAe,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AACD,wBAAgB,SAAS,CAAC,QAAQ,EAAE,cAAc,+BAuBjD;AACD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,sCAiC/D"}

package/dist/esm/form/form.js

@@ -1,6 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 const FormContext = /*#__PURE__*/ createContext({
@@ -26,7 +27,8 @@ function FieldScope({ children }) {
         children: children
     });
 }
-const form_Form = /*#__PURE__*/ forwardRef(function({ layout = 'horizontal', labelWidth = 'auto', labelAlign = 'right', disabled = false, className, style, children, ...props }, ref) {
+const form_Form = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { layout = 'horizontal', labelWidth = 'auto', labelAlign = 'right', disabled = false, className, style, children, ...props } = useComponentProps('Form', rawProps);
     const widths = useRef(new Map());
     const invalidFocusTimer = useRef(void 0);
     useEffect(()=>()=>clearTimeout(invalidFocusTimer.current), []);
@@ -85,7 +87,8 @@ const form_Form = /*#__PURE__*/ forwardRef(function({ layout = 'horizontal', lab
     });
 });
 form_Form.displayName = 'Form';
-function FormField({ label, htmlFor, required, help, error, labelWidth, children, className, style, ...props }) {
+function FormField(rawProps) {
+    const { label, htmlFor, required, help, error, labelWidth, children, className, style, ...props } = useComponentProps('FormField', rawProps);
     const form = useContext(FormContext);
     const { messages } = useLeafConfig();
     const generated = useId();
@@ -161,11 +164,11 @@ function FormField({ label, htmlFor, required, help, error, labelWidth, children
                 if (event.defaultPrevented) return;
                 event.preventDefault();
                 const target = event.target;
-                setValidationError(target.validity?.valueMissing ? messages.required : messages.invalid);
+                setValidationError(target.validity?.valueMissing ? messages.form.required : messages.form.invalid);
                 document.getElementById(inputId)?.focus();
             },
-            onInputCapture: (event)=>{
-                props.onInputCapture?.(event);
+            onInput: (event)=>{
+                props.onInput?.(event);
                 setValidationError(void 0);
             },
             children: [
@@ -201,7 +204,8 @@ function FormField({ label, htmlFor, required, help, error, labelWidth, children
         })
     });
 }
-function FormGroup({ legend, description, disabled, children, className, ...props }) {
+function FormGroup(rawProps) {
+    const { legend, description, disabled, children, className, ...props } = useComponentProps('FormGroup', rawProps);
     const inherited = useContext(FormContext);
     const context = useMemo(()=>({
             ...inherited,
@@ -229,9 +233,10 @@ function FormGroup({ legend, description, disabled, children, className, ...prop
         })
     });
 }
-function FormErrorSummary({ errors: suppliedErrors, title, className, ...props }) {
+function FormErrorSummary(rawProps) {
+    const { errors: suppliedErrors, title, className, ...props } = useComponentProps('FormErrorSummary', rawProps);
     const context = useContext(FormContext);
-    const { locale } = useLeafConfig();
+    const { messages } = useLeafConfig();
     const errors = suppliedErrors ?? context.errors;
     if (!errors.length) return null;
     return /*#__PURE__*/ jsxs("div", {
@@ -240,7 +245,7 @@ function FormErrorSummary({ errors: suppliedErrors, title, className, ...props }
         className: classes('leaf-form-error-summary', className),
         children: [
             /*#__PURE__*/ jsx("strong", {
-                children: title ?? ('en-US' === locale ? 'Please check the following fields' : '请检查以下字段')
+                children: title ?? messages.form.errorSummary
             }),
             /*#__PURE__*/ jsx("ul", {
                 children: errors.map((error)=>/*#__PURE__*/ jsx("li", {

package/dist/esm/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form/form.js","sources":["../../../src/form/form.tsx"],"sourcesContent":["import {\n  createContext,\n  type FieldsetHTMLAttributes,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement> {\n  layout?: 'horizontal' | 'vertical';\n  labelWidth?: number | 'auto';\n  labelAlign?: 'left' | 'right';\n  disabled?: boolean;\n}\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  label?: ReactNode;\n  htmlFor?: string;\n  required?: boolean;\n  help?: ReactNode;\n  error?: ReactNode;\n  labelWidth?: number;\n}\nexport interface FormError {\n  fieldId: string;\n  message: ReactNode;\n  label?: ReactNode;\n}\nconst FormContext = createContext({\n  layout: 'horizontal' as 'horizontal' | 'vertical',\n  labelAlign: 'right' as 'left' | 'right',\n  disabled: false,\n  measure: (_id: string, _width: number | null) => {},\n  errors: [] as readonly FormError[],\n  registerError: (_id: string, _error: FormError | null) => {},\n});\ninterface FieldContextValue {\n  id?: string;\n  labelId?: string;\n  descriptionId?: string;\n  error?: ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n}\nconst FieldContext = createContext<FieldContextValue | undefined>(undefined);\nexport function useFormField() {\n  const field = useContext(FieldContext);\n  const form = useContext(FormContext);\n  return form.disabled ? { ...field, disabled: true } : field;\n}\n\n/** Internal controls belong to the composite value, not to the outer field. */\nexport function FieldScope({ children }: { children: ReactNode }) {\n  return <FieldContext.Provider value={undefined}>{children}</FieldContext.Provider>;\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n  {\n    layout = 'horizontal',\n    labelWidth = 'auto',\n    labelAlign = 'right',\n    disabled = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const widths = useRef(new Map<string, number>());\n  const invalidFocusTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(invalidFocusTimer.current), []);\n  const [maximum, setMaximum] = useState(0);\n  const [errors, setErrors] = useState<readonly FormError[]>([]);\n  const registerError = useCallback((id: string, error: FormError | null) => {\n    setErrors((previous) =>\n      error\n        ? [...previous.filter((entry) => entry.fieldId !== id), error]\n        : previous.some((entry) => entry.fieldId === id)\n          ? previous.filter((entry) => entry.fieldId !== id)\n          : previous,\n    );\n  }, []);\n  const measure = useCallback((id: string, width: number | null) => {\n    if (width === null) widths.current.delete(id);\n    else widths.current.set(id, Math.ceil(width));\n    setMaximum(Math.max(0, ...widths.current.values()));\n  }, []);\n  const context = useMemo(\n    () => ({ layout, labelAlign, disabled, measure, errors, registerError }),\n    [layout, labelAlign, disabled, measure, errors, registerError],\n  );\n  const variables: LeafThemeStyle = {\n    '--leaf-form-label-width': `${labelWidth === 'auto' ? maximum : Math.max(0, labelWidth)}px`,\n    ...style,\n  };\n  return (\n    <FormContext.Provider value={context}>\n      <form\n        {...props}\n        ref={ref}\n        className={classes('leaf-form', `leaf-form--${layout}`, className)}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented || invalidFocusTimer.current !== undefined) return;\n          const target = event.target as HTMLElement;\n          // Native validation can run microtasks between invalid events; wait for the full batch.\n          invalidFocusTimer.current = setTimeout(() => {\n            invalidFocusTimer.current = undefined;\n            if (!target.isConnected) return;\n            const control = target\n              .closest('.leaf-form-field')\n              ?.querySelector<HTMLElement>(\n                'input:not([aria-hidden=\"true\"]), textarea, [role=\"combobox\"], button',\n              );\n            (control ?? target).focus();\n          });\n        }}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\nForm.displayName = 'Form';\n\nexport function FormField({\n  label,\n  htmlFor,\n  required,\n  help,\n  error,\n  labelWidth,\n  children,\n  className,\n  style,\n  ...props\n}: FormFieldProps) {\n  const form = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const generated = useId();\n  const inputId = htmlFor ?? `${generated}-control`;\n  const descriptionId = `${generated}-description`;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [validationError, setValidationError] = useState<string>();\n  const displayedError = error ?? validationError;\n  useEffect(() => {\n    form.registerError(\n      inputId,\n      displayedError ? { fieldId: inputId, message: displayedError, label } : null,\n    );\n    return () => form.registerError(inputId, null);\n  }, [form.registerError, inputId, displayedError, label]);\n  useEffect(() => {\n    if (label == null) return;\n    const element = labelRef.current;\n    if (!element) return;\n    const measure = () => form.measure(generated, element.getBoundingClientRect().width);\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(element);\n    return () => {\n      observer?.disconnect();\n      form.measure(generated, null);\n    };\n  }, [form.measure, generated, label]);\n  const root = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const owner = root.current?.closest('form');\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) setValidationError(undefined);\n      });\n    };\n    owner?.addEventListener('reset', reset);\n    return () => owner?.removeEventListener('reset', reset);\n  }, []);\n  const context: FieldContextValue = {\n    id: inputId,\n    labelId: label != null ? `${generated}-label` : undefined,\n    required,\n    disabled: form.disabled,\n    error: displayedError,\n    descriptionId: displayedError || help ? descriptionId : undefined,\n  };\n  const variables: LeafThemeStyle = {\n    ...(labelWidth !== undefined\n      ? { '--leaf-form-label-width': `${Math.max(0, labelWidth)}px` }\n      : {}),\n    ...style,\n  };\n  return (\n    <FieldContext.Provider value={context}>\n      <div\n        {...props}\n        ref={root}\n        className={classes(\n          'leaf-form-field',\n          `leaf-form-field--${form.layout}`,\n          `leaf-form-field--${form.labelAlign}`,\n          className,\n        )}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented) return;\n          event.preventDefault();\n          const target = event.target as HTMLInputElement;\n          setValidationError(target.validity?.valueMissing ? messages.required : messages.invalid);\n          document.getElementById(inputId)?.focus();\n        }}\n        onInputCapture={(event) => {\n          props.onInputCapture?.(event);\n          setValidationError(undefined);\n        }}\n      >\n        {label != null && (\n          <label id={`${generated}-label`} className=\"leaf-form-field__label\" htmlFor={inputId}>\n            <span ref={labelRef}>\n              {required && (\n                <span className=\"leaf-form-field__required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n              {label}\n            </span>\n          </label>\n        )}\n        <div className=\"leaf-form-field__body\">\n          {children}\n          {(displayedError || help) && (\n            <div\n              id={descriptionId}\n              className={classes(\n                'leaf-form-field__description',\n                Boolean(displayedError) && 'leaf-form-field__error',\n              )}\n              role={displayedError ? 'alert' : undefined}\n            >\n              {displayedError || help}\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldContext.Provider>\n  );\n}\n\nexport interface FormGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  legend?: ReactNode;\n  description?: ReactNode;\n}\nexport function FormGroup({\n  legend,\n  description,\n  disabled,\n  children,\n  className,\n  ...props\n}: FormGroupProps) {\n  const inherited = useContext(FormContext);\n  const context = useMemo(\n    () => ({ ...inherited, disabled: inherited.disabled || Boolean(disabled) }),\n    [inherited, disabled],\n  );\n  return (\n    <FormContext.Provider value={context}>\n      <fieldset\n        {...props}\n        disabled={context.disabled}\n        className={classes('leaf-form-group', className)}\n      >\n        {legend && <legend>{legend}</legend>}\n        {description && <p className=\"leaf-form-group__description\">{description}</p>}\n        {children}\n      </fieldset>\n    </FormContext.Provider>\n  );\n}\nexport interface FormErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  errors?: readonly FormError[];\n  title?: ReactNode;\n}\nexport function FormErrorSummary({\n  errors: suppliedErrors,\n  title,\n  className,\n  ...props\n}: FormErrorSummaryProps) {\n  const context = useContext(FormContext);\n  const { locale } = useLeafConfig();\n  const errors = suppliedErrors ?? context.errors;\n  if (!errors.length) return null;\n  return (\n    <div {...props} role=\"alert\" className={classes('leaf-form-error-summary', className)}>\n      <strong>\n        {title ?? (locale === 'en-US' ? 'Please check the following fields' : '请检查以下字段')}\n      </strong>\n      <ul>\n        {errors.map((error) => (\n          <li key={error.fieldId}>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const control = document.getElementById(error.fieldId);\n                control?.scrollIntoView?.({ block: 'center', behavior: 'auto' });\n                control?.focus();\n              }}\n            >\n              {error.label ? <>{error.label}: </> : null}\n              {error.message}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormContext","createContext","_id","_width","_error","FieldContext","undefined","useFormField","field","useContext","form","FieldScope","children","Form","forwardRef","layout","labelWidth","labelAlign","disabled","className","style","props","ref","widths","useRef","Map","invalidFocusTimer","useEffect","clearTimeout","maximum","setMaximum","useState","errors","setErrors","registerError","useCallback","id","error","previous","entry","measure","width","Math","context","useMemo","variables","classes","event","target","setTimeout","control","FormField","label","htmlFor","required","help","messages","useLeafConfig","generated","useId","inputId","descriptionId","labelRef","validationError","setValidationError","displayedError","element","observer","ResizeObserver","root","owner","reset","queueMicrotask","document","Boolean","FormGroup","legend","description","inherited","FormErrorSummary","suppliedErrors","title","locale"],"mappings":"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"}
+{"version":3,"file":"form/form.js","sources":["../../../src/form/form.tsx"],"sourcesContent":["import {\n  createContext,\n  type FieldsetHTMLAttributes,\n  type FormHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement> {\n  layout?: 'horizontal' | 'vertical';\n  labelWidth?: number | 'auto';\n  labelAlign?: 'left' | 'right';\n  disabled?: boolean;\n}\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  label?: ReactNode;\n  htmlFor?: string;\n  required?: boolean;\n  help?: ReactNode;\n  error?: ReactNode;\n  labelWidth?: number;\n}\nexport interface FormError {\n  fieldId: string;\n  message: ReactNode;\n  label?: ReactNode;\n}\nconst FormContext = createContext({\n  layout: 'horizontal' as 'horizontal' | 'vertical',\n  labelAlign: 'right' as 'left' | 'right',\n  disabled: false,\n  measure: (_id: string, _width: number | null) => {},\n  errors: [] as readonly FormError[],\n  registerError: (_id: string, _error: FormError | null) => {},\n});\ninterface FieldContextValue {\n  id?: string;\n  labelId?: string;\n  descriptionId?: string;\n  error?: ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n}\nconst FieldContext = createContext<FieldContextValue | undefined>(undefined);\nexport function useFormField() {\n  const field = useContext(FieldContext);\n  const form = useContext(FormContext);\n  return form.disabled ? { ...field, disabled: true } : field;\n}\n\n/** Internal controls belong to the composite value, not to the outer field. */\nexport function FieldScope({ children }: { children: ReactNode }) {\n  return <FieldContext.Provider value={undefined}>{children}</FieldContext.Provider>;\n}\n\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(rawProps: FormProps, ref) {\n  const {\n    layout = 'horizontal',\n    labelWidth = 'auto',\n    labelAlign = 'right',\n    disabled = false,\n    className,\n    style,\n    children,\n    ...props\n  } = useComponentProps('Form', rawProps);\n  const widths = useRef(new Map<string, number>());\n  const invalidFocusTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(invalidFocusTimer.current), []);\n  const [maximum, setMaximum] = useState(0);\n  const [errors, setErrors] = useState<readonly FormError[]>([]);\n  const registerError = useCallback((id: string, error: FormError | null) => {\n    setErrors((previous) =>\n      error\n        ? [...previous.filter((entry) => entry.fieldId !== id), error]\n        : previous.some((entry) => entry.fieldId === id)\n          ? previous.filter((entry) => entry.fieldId !== id)\n          : previous,\n    );\n  }, []);\n  const measure = useCallback((id: string, width: number | null) => {\n    if (width === null) widths.current.delete(id);\n    else widths.current.set(id, Math.ceil(width));\n    setMaximum(Math.max(0, ...widths.current.values()));\n  }, []);\n  const context = useMemo(\n    () => ({ layout, labelAlign, disabled, measure, errors, registerError }),\n    [layout, labelAlign, disabled, measure, errors, registerError],\n  );\n  const variables: LeafThemeStyle = {\n    '--leaf-form-label-width': `${labelWidth === 'auto' ? maximum : Math.max(0, labelWidth)}px`,\n    ...style,\n  };\n  return (\n    <FormContext.Provider value={context}>\n      <form\n        {...props}\n        ref={ref}\n        className={classes('leaf-form', `leaf-form--${layout}`, className)}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented || invalidFocusTimer.current !== undefined) return;\n          const target = event.target as HTMLElement;\n          // Native validation can run microtasks between invalid events; wait for the full batch.\n          invalidFocusTimer.current = setTimeout(() => {\n            invalidFocusTimer.current = undefined;\n            if (!target.isConnected) return;\n            const control = target\n              .closest('.leaf-form-field')\n              ?.querySelector<HTMLElement>(\n                'input:not([aria-hidden=\"true\"]), textarea, [role=\"combobox\"], button',\n              );\n            (control ?? target).focus();\n          });\n        }}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n});\nForm.displayName = 'Form';\n\nexport function FormField(rawProps: FormFieldProps) {\n  const {\n    label,\n    htmlFor,\n    required,\n    help,\n    error,\n    labelWidth,\n    children,\n    className,\n    style,\n    ...props\n  } = useComponentProps('FormField', rawProps);\n  const form = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const generated = useId();\n  const inputId = htmlFor ?? `${generated}-control`;\n  const descriptionId = `${generated}-description`;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [validationError, setValidationError] = useState<string>();\n  const displayedError = error ?? validationError;\n  useEffect(() => {\n    form.registerError(\n      inputId,\n      displayedError ? { fieldId: inputId, message: displayedError, label } : null,\n    );\n    return () => form.registerError(inputId, null);\n  }, [form.registerError, inputId, displayedError, label]);\n  useEffect(() => {\n    if (label == null) return;\n    const element = labelRef.current;\n    if (!element) return;\n    const measure = () => form.measure(generated, element.getBoundingClientRect().width);\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(element);\n    return () => {\n      observer?.disconnect();\n      form.measure(generated, null);\n    };\n  }, [form.measure, generated, label]);\n  const root = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const owner = root.current?.closest('form');\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) setValidationError(undefined);\n      });\n    };\n    owner?.addEventListener('reset', reset);\n    return () => owner?.removeEventListener('reset', reset);\n  }, []);\n  const context: FieldContextValue = {\n    id: inputId,\n    labelId: label != null ? `${generated}-label` : undefined,\n    required,\n    disabled: form.disabled,\n    error: displayedError,\n    descriptionId: displayedError || help ? descriptionId : undefined,\n  };\n  const variables: LeafThemeStyle = {\n    ...(labelWidth !== undefined\n      ? { '--leaf-form-label-width': `${Math.max(0, labelWidth)}px` }\n      : {}),\n    ...style,\n  };\n  return (\n    <FieldContext.Provider value={context}>\n      <div\n        {...props}\n        ref={root}\n        className={classes(\n          'leaf-form-field',\n          `leaf-form-field--${form.layout}`,\n          `leaf-form-field--${form.labelAlign}`,\n          className,\n        )}\n        style={variables}\n        onInvalidCapture={(event) => {\n          props.onInvalidCapture?.(event);\n          if (event.defaultPrevented) return;\n          event.preventDefault();\n          const target = event.target as HTMLInputElement;\n          setValidationError(\n            target.validity?.valueMissing ? messages.form.required : messages.form.invalid,\n          );\n          document.getElementById(inputId)?.focus();\n        }}\n        onInput={(event) => {\n          props.onInput?.(event);\n          // Capture-phase updates can restore a controlled input before its onChange runs.\n          setValidationError(undefined);\n        }}\n      >\n        {label != null && (\n          <label id={`${generated}-label`} className=\"leaf-form-field__label\" htmlFor={inputId}>\n            <span ref={labelRef}>\n              {required && (\n                <span className=\"leaf-form-field__required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n              {label}\n            </span>\n          </label>\n        )}\n        <div className=\"leaf-form-field__body\">\n          {children}\n          {(displayedError || help) && (\n            <div\n              id={descriptionId}\n              className={classes(\n                'leaf-form-field__description',\n                Boolean(displayedError) && 'leaf-form-field__error',\n              )}\n              role={displayedError ? 'alert' : undefined}\n            >\n              {displayedError || help}\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldContext.Provider>\n  );\n}\n\nexport interface FormGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  legend?: ReactNode;\n  description?: ReactNode;\n}\nexport function FormGroup(rawProps: FormGroupProps) {\n  const { legend, description, disabled, children, className, ...props } = useComponentProps(\n    'FormGroup',\n    rawProps,\n  );\n  const inherited = useContext(FormContext);\n  const context = useMemo(\n    () => ({ ...inherited, disabled: inherited.disabled || Boolean(disabled) }),\n    [inherited, disabled],\n  );\n  return (\n    <FormContext.Provider value={context}>\n      <fieldset\n        {...props}\n        disabled={context.disabled}\n        className={classes('leaf-form-group', className)}\n      >\n        {legend && <legend>{legend}</legend>}\n        {description && <p className=\"leaf-form-group__description\">{description}</p>}\n        {children}\n      </fieldset>\n    </FormContext.Provider>\n  );\n}\nexport interface FormErrorSummaryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  errors?: readonly FormError[];\n  title?: ReactNode;\n}\nexport function FormErrorSummary(rawProps: FormErrorSummaryProps) {\n  const {\n    errors: suppliedErrors,\n    title,\n    className,\n    ...props\n  } = useComponentProps('FormErrorSummary', rawProps);\n  const context = useContext(FormContext);\n  const { messages } = useLeafConfig();\n  const errors = suppliedErrors ?? context.errors;\n  if (!errors.length) return null;\n  return (\n    <div {...props} role=\"alert\" className={classes('leaf-form-error-summary', className)}>\n      <strong>{title ?? messages.form.errorSummary}</strong>\n      <ul>\n        {errors.map((error) => (\n          <li key={error.fieldId}>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const control = document.getElementById(error.fieldId);\n                control?.scrollIntoView?.({ block: 'center', behavior: 'auto' });\n                control?.focus();\n              }}\n            >\n              {error.label ? <>{error.label}: </> : null}\n              {error.message}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormContext","createContext","_id","_width","_error","FieldContext","undefined","useFormField","field","useContext","form","FieldScope","children","Form","forwardRef","rawProps","ref","layout","labelWidth","labelAlign","disabled","className","style","props","useComponentProps","widths","useRef","Map","invalidFocusTimer","useEffect","clearTimeout","maximum","setMaximum","useState","errors","setErrors","registerError","useCallback","id","error","previous","entry","measure","width","Math","context","useMemo","variables","classes","event","target","setTimeout","control","FormField","label","htmlFor","required","help","messages","useLeafConfig","generated","useId","inputId","descriptionId","labelRef","validationError","setValidationError","displayedError","element","observer","ResizeObserver","root","owner","reset","queueMicrotask","document","Boolean","FormGroup","legend","description","inherited","FormErrorSummary","suppliedErrors","title"],"mappings":"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"}

package/dist/esm/form/index.d.ts

@@ -2,5 +2,6 @@ export type { FormError, FormErrorSummaryProps, FormFieldProps, FormGroupProps,
 export { Form, FormErrorSummary, FormField, FormGroup } from './form.js';
 export type { FormListField, FormListOperations, FormListProps } from './list.js';
 export { FormList } from './list.js';
-export * from './validation.js';
+export type { FormValidationApi, FormValidationOptions } from './validation.js';
+export { useFormValidation } from './validation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,SAAS,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,SAAS,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/form/index.js

@@ -1,4 +1,4 @@
 "use client";
-export * from "./validation.js";
 export { Form, FormErrorSummary, FormField, FormGroup } from "./form.js";
 export { FormList } from "./list.js";
+export { useFormValidation } from "./validation.js";

package/dist/esm/form/list.d.ts

@@ -19,5 +19,5 @@ export interface FormListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, '
     itemKey?: (value: T) => string;
     children: (fields: readonly FormListField<T>[], operations: FormListOperations<T>) => ReactNode;
 }
-export declare function FormList<T>({ name, value, defaultValue, onChange, itemKey, children, className, ...props }: FormListProps<T>): import("react").JSX.Element;
+export declare function FormList<T>(rawProps: FormListProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=list.d.ts.map

package/dist/esm/form/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/form/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAGhG,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AACD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3C;AACD,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACjG;AACD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,KAAK,EACL,YAAiB,EACjB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,+BAgFlB"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/form/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAOhG,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AACD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3C;AACD,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACjG;AACD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,+BA0FrD"}