@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/form/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form/form.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/form/form.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/form/form.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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/cjs/browser/modules/form/index.cjs

@@ -1,35 +1,6 @@
 "use client";
 "use strict";
-var __webpack_modules__ = {
-    X2 (module) {
-        module.exports = require("./form.cjs");
-    },
-    An (module) {
-        module.exports = require("./list.cjs");
-    },
-    yu (module) {
-        module.exports = require("./validation.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -56,40 +27,31 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _form__rspack_import_0 = __webpack_require__("X2");
-    var _list__rspack_import_1 = __webpack_require__("An");
-    var _validation__rspack_import_2 = __webpack_require__("yu");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _validation__rspack_import_2)if ([
-        "FormField",
-        "FormErrorSummary",
-        "default",
-        "FormList",
-        "Form",
-        "FormGroup"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_validation__rspack_import_2[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    __webpack_require__.d(__webpack_exports__, {
-        Form: ()=>_form__rspack_import_0.Form,
-        FormErrorSummary: ()=>_form__rspack_import_0.FormErrorSummary,
-        FormField: ()=>_form__rspack_import_0.FormField,
-        FormGroup: ()=>_form__rspack_import_0.FormGroup,
-        FormList: ()=>_list__rspack_import_1.FormList
-    });
-})();
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Form: ()=>external_form_cjs_namespaceObject.Form,
+    FormErrorSummary: ()=>external_form_cjs_namespaceObject.FormErrorSummary,
+    FormField: ()=>external_form_cjs_namespaceObject.FormField,
+    FormGroup: ()=>external_form_cjs_namespaceObject.FormGroup,
+    FormList: ()=>external_list_cjs_namespaceObject.FormList,
+    useFormValidation: ()=>external_validation_cjs_namespaceObject.useFormValidation
+});
+const external_form_cjs_namespaceObject = require("./form.cjs");
+const external_list_cjs_namespaceObject = require("./list.cjs");
+const external_validation_cjs_namespaceObject = require("./validation.cjs");
 exports.Form = __webpack_exports__.Form;
 exports.FormErrorSummary = __webpack_exports__.FormErrorSummary;
 exports.FormField = __webpack_exports__.FormField;
 exports.FormGroup = __webpack_exports__.FormGroup;
 exports.FormList = __webpack_exports__.FormList;
+exports.useFormValidation = __webpack_exports__.useFormValidation;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Form",
     "FormErrorSummary",
     "FormField",
     "FormGroup",
-    "FormList"
+    "FormList",
+    "useFormValidation"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/browser/modules/form/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}
+{"version":3,"file":"form/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/form/list.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/form.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,9 +35,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const motion_cjs_namespaceObject = require("../shared/motion.cjs");
-function FormList({ name, value, defaultValue = [], onChange, itemKey, children, className, ...props }) {
+function FormList(rawProps) {
+    const { name, value, defaultValue = [], onChange, itemKey, children, className, ...props } = (0, component_defaults_cjs_namespaceObject.mergeComponentProps)((0, component_defaults_cjs_namespaceObject.useGenericComponentDefaults)('FormList'), rawProps);
     const id = (0, external_react_namespaceObject.useId)();
     const sequence = (0, external_react_namespaceObject.useRef)(0);
     const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultValue);

package/dist/cjs/browser/modules/form/list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form/list.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/form/list.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nexport interface FormListField<T> {\n  key: string;\n  index: number;\n  name: string;\n  value: T;\n}\nexport interface FormListOperations<T> {\n  add: (value: T, index?: number) => void;\n  remove: (index: number | readonly number[]) => void;\n  move: (from: number, to: number) => void;\n  update: (index: number, value: T) => void;\n}\nexport interface FormListProps<T>\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue'> {\n  name: string;\n  value?: readonly T[];\n  defaultValue?: readonly T[];\n  onChange?: (values: T[]) => void;\n  itemKey?: (value: T) => string;\n  children: (fields: readonly FormListField<T>[], operations: FormListOperations<T>) => ReactNode;\n}\nexport function FormList<T>({\n  name,\n  value,\n  defaultValue = [],\n  onChange,\n  itemKey,\n  children,\n  className,\n  ...props\n}: FormListProps<T>) {\n  const id = useId();\n  const sequence = useRef(0);\n  const [internal, setInternal] = useState<readonly T[]>(defaultValue);\n  const current = value ?? internal;\n  const root = useRef<HTMLDivElement>(null);\n  const records = useRef<{ key: string; value: T }[]>([]);\n  if (\n    records.current.length !== current.length ||\n    records.current.some((record, index) => !Object.is(record.value, current[index]))\n  ) {\n    const used = new Set<string>();\n    records.current = current.map((item) => {\n      const match = records.current.find(\n        (record) => !used.has(record.key) && Object.is(record.value, item),\n      );\n      const key = itemKey?.(item) ?? match?.key ?? `${id}-${++sequence.current}`;\n      used.add(key);\n      return { value: item, key };\n    });\n  }\n  const update = (next: { key: string; value: T }[]) => {\n    records.current = next;\n    const values = next.map((row) => row.value);\n    if (value === undefined) setInternal(values);\n    onChange?.(values);\n  };\n  useListMotion(root, records.current.map((row) => row.key).join('|'), ':scope > *');\n  const operations: FormListOperations<T> = {\n    add: (item, position = current.length) => {\n      const next = [...records.current];\n      next.splice(Math.max(0, Math.min(next.length, position)), 0, {\n        key: itemKey?.(item) ?? `${id}-${++sequence.current}`,\n        value: item,\n      });\n      update(next);\n    },\n    remove: (index) => {\n      const positions = typeof index === 'number' ? [index] : index;\n      update(records.current.filter((_, position) => !positions.includes(position)));\n    },\n    move: (from, to) => {\n      if (from < 0 || from >= current.length || to < 0 || to >= current.length || from === to)\n        return;\n      const next = [...records.current];\n      const [row] = next.splice(from, 1);\n      if (row) next.splice(to, 0, row);\n      update(next);\n    },\n    update: (index, item) => {\n      if (index < 0 || index >= current.length) return;\n      update(\n        records.current.map((row, position) =>\n          position === index ? { ...row, value: item } : row,\n        ),\n      );\n    },\n  };\n  useEffect(() => {\n    const form = root.current?.closest('form');\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (!event.defaultPrevented && value === undefined) setInternal(defaultValue);\n      });\n    form?.addEventListener('reset', reset);\n    return () => form?.removeEventListener('reset', reset);\n  }, [value, defaultValue]);\n  return (\n    <div {...props} ref={root} className={classes('leaf-form-list', className)}>\n      {children(\n        records.current.map((row, index) => ({\n          key: row.key,\n          index,\n          name: `${name}.${index}`,\n          value: row.value,\n        })),\n        operations,\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","FormList","name","value","defaultValue","onChange","itemKey","children","className","props","id","useId","sequence","useRef","internal","setInternal","useState","current","root","records","record","index","used","Set","item","match","update","next","row","undefined","useListMotion","operations","position","Math","positions","_","from","to","useEffect","form","reset","event","queueMicrotask","classes"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;ACkBO,SAASI,SAAY,EAC1BC,IAAI,EACJC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACc;IACjB,MAAMC,KAAKC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMC,WAAWC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO;IACxB,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAuBZ;IACvD,MAAMa,UAAUd,SAASW;IACzB,MAAMI,OAAOL,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpC,MAAMM,UAAUN,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAoC,EAAE;IACtD,IACEM,QAAQ,OAAO,CAAC,MAAM,KAAKF,QAAQ,MAAM,IACzCE,QAAQ,OAAO,CAAC,IAAI,CAAC,CAACC,QAAQC,QAAU,CAACxB,OAAO,EAAE,CAACuB,OAAO,KAAK,EAAEH,OAAO,CAACI,MAAM,IAC/E;QACA,MAAMC,OAAO,IAAIC;QACjBJ,QAAQ,OAAO,GAAGF,QAAQ,GAAG,CAAC,CAACO;YAC7B,MAAMC,QAAQN,QAAQ,OAAO,CAAC,IAAI,CAChC,CAACC,SAAW,CAACE,KAAK,GAAG,CAACF,OAAO,GAAG,KAAKvB,OAAO,EAAE,CAACuB,OAAO,KAAK,EAAEI;YAE/D,MAAM5B,MAAMU,UAAUkB,SAASC,OAAO,OAAO,GAAGf,GAAG,CAAC,EAAE,EAAEE,SAAS,OAAO,EAAE;YAC1EU,KAAK,GAAG,CAAC1B;YACT,OAAO;gBAAE,OAAO4B;gBAAM5B;YAAI;QAC5B;IACF;IACA,MAAM8B,SAAS,CAACC;QACdR,QAAQ,OAAO,GAAGQ;QAClB,MAAMnC,SAASmC,KAAK,GAAG,CAAC,CAACC,MAAQA,IAAI,KAAK;QAC1C,IAAIzB,AAAU0B,WAAV1B,OAAqBY,YAAYvB;QACrCa,WAAWb;IACb;IACAsC,IAAAA,2BAAAA,aAAAA,AAAAA,EAAcZ,MAAMC,QAAQ,OAAO,CAAC,GAAG,CAAC,CAACS,MAAQA,IAAI,GAAG,EAAE,IAAI,CAAC,MAAM;IACrE,MAAMG,aAAoC;QACxC,KAAK,CAACP,MAAMQ,WAAWf,QAAQ,MAAM;YACnC,MAAMU,OAAO;mBAAIR,QAAQ,OAAO;aAAC;YACjCQ,KAAK,MAAM,CAACM,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACN,KAAK,MAAM,EAAEK,YAAY,GAAG;gBAC3D,KAAK1B,UAAUkB,SAAS,GAAGd,GAAG,CAAC,EAAE,EAAEE,SAAS,OAAO,EAAE;gBACrD,OAAOY;YACT;YACAE,OAAOC;QACT;QACA,QAAQ,CAACN;YACP,MAAMa,YAAY,AAAiB,YAAjB,OAAOb,QAAqB;gBAACA;aAAM,GAAGA;YACxDK,OAAOP,QAAQ,OAAO,CAAC,MAAM,CAAC,CAACgB,GAAGH,WAAa,CAACE,UAAU,QAAQ,CAACF;QACrE;QACA,MAAM,CAACI,MAAMC;YACX,IAAID,OAAO,KAAKA,QAAQnB,QAAQ,MAAM,IAAIoB,KAAK,KAAKA,MAAMpB,QAAQ,MAAM,IAAImB,SAASC,IACnF;YACF,MAAMV,OAAO;mBAAIR,QAAQ,OAAO;aAAC;YACjC,MAAM,CAACS,IAAI,GAAGD,KAAK,MAAM,CAACS,MAAM;YAChC,IAAIR,KAAKD,KAAK,MAAM,CAACU,IAAI,GAAGT;YAC5BF,OAAOC;QACT;QACA,QAAQ,CAACN,OAAOG;YACd,IAAIH,QAAQ,KAAKA,SAASJ,QAAQ,MAAM,EAAE;YAC1CS,OACEP,QAAQ,OAAO,CAAC,GAAG,CAAC,CAACS,KAAKI,WACxBA,aAAaX,QAAQ;oBAAE,GAAGO,GAAG;oBAAE,OAAOJ;gBAAK,IAAII;QAGrD;IACF;IACAU,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,OAAOrB,KAAK,OAAO,EAAE,QAAQ;QACnC,MAAMsB,QAAQ,CAACC,QACbC,eAAe;gBACb,IAAI,CAACD,MAAM,gBAAgB,IAAItC,AAAU0B,WAAV1B,OAAqBY,YAAYX;YAClE;QACFmC,MAAM,iBAAiB,SAASC;QAChC,OAAO,IAAMD,MAAM,oBAAoB,SAASC;IAClD,GAAG;QAACrC;QAAOC;KAAa;IACxB,OACE,AADK,WAAP,GACE,qCAAC;QAAK,GAAGK,KAAK;QAAE,KAAKS;QAAM,WAAWyB,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,kBAAkBnC;kBAC7DD,SACCY,QAAQ,OAAO,CAAC,GAAG,CAAC,CAACS,KAAKP,QAAW;gBACnC,KAAKO,IAAI,GAAG;gBACZP;gBACA,MAAM,GAAGnB,KAAK,CAAC,EAAEmB,OAAO;gBACxB,OAAOO,IAAI,KAAK;YAClB,KACAG;;AAIR"}
+{"version":3,"file":"form/list.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/form/list.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport {\n  mergeComponentProps,\n  useGenericComponentDefaults,\n} from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nexport interface FormListField<T> {\n  key: string;\n  index: number;\n  name: string;\n  value: T;\n}\nexport interface FormListOperations<T> {\n  add: (value: T, index?: number) => void;\n  remove: (index: number | readonly number[]) => void;\n  move: (from: number, to: number) => void;\n  update: (index: number, value: T) => void;\n}\nexport interface FormListProps<T>\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue'> {\n  name: string;\n  value?: readonly T[];\n  defaultValue?: readonly T[];\n  onChange?: (values: T[]) => void;\n  itemKey?: (value: T) => string;\n  children: (fields: readonly FormListField<T>[], operations: FormListOperations<T>) => ReactNode;\n}\nexport function FormList<T>(rawProps: FormListProps<T>) {\n  const {\n    name,\n    value,\n    defaultValue = [],\n    onChange,\n    itemKey,\n    children,\n    className,\n    ...props\n  } = mergeComponentProps<FormListProps<T>>(useGenericComponentDefaults('FormList'), rawProps);\n  const id = useId();\n  const sequence = useRef(0);\n  const [internal, setInternal] = useState<readonly T[]>(defaultValue);\n  const current = value ?? internal;\n  const root = useRef<HTMLDivElement>(null);\n  const records = useRef<{ key: string; value: T }[]>([]);\n  if (\n    records.current.length !== current.length ||\n    records.current.some((record, index) => !Object.is(record.value, current[index]))\n  ) {\n    const used = new Set<string>();\n    records.current = current.map((item) => {\n      const match = records.current.find(\n        (record) => !used.has(record.key) && Object.is(record.value, item),\n      );\n      const key = itemKey?.(item) ?? match?.key ?? `${id}-${++sequence.current}`;\n      used.add(key);\n      return { value: item, key };\n    });\n  }\n  const update = (next: { key: string; value: T }[]) => {\n    records.current = next;\n    const values = next.map((row) => row.value);\n    if (value === undefined) setInternal(values);\n    onChange?.(values);\n  };\n  useListMotion(root, records.current.map((row) => row.key).join('|'), ':scope > *');\n  const operations: FormListOperations<T> = {\n    add: (item, position = current.length) => {\n      const next = [...records.current];\n      next.splice(Math.max(0, Math.min(next.length, position)), 0, {\n        key: itemKey?.(item) ?? `${id}-${++sequence.current}`,\n        value: item,\n      });\n      update(next);\n    },\n    remove: (index) => {\n      const positions = typeof index === 'number' ? [index] : index;\n      update(records.current.filter((_, position) => !positions.includes(position)));\n    },\n    move: (from, to) => {\n      if (from < 0 || from >= current.length || to < 0 || to >= current.length || from === to)\n        return;\n      const next = [...records.current];\n      const [row] = next.splice(from, 1);\n      if (row) next.splice(to, 0, row);\n      update(next);\n    },\n    update: (index, item) => {\n      if (index < 0 || index >= current.length) return;\n      update(\n        records.current.map((row, position) =>\n          position === index ? { ...row, value: item } : row,\n        ),\n      );\n    },\n  };\n  useEffect(() => {\n    const form = root.current?.closest('form');\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (!event.defaultPrevented && value === undefined) setInternal(defaultValue);\n      });\n    form?.addEventListener('reset', reset);\n    return () => form?.removeEventListener('reset', reset);\n  }, [value, defaultValue]);\n  return (\n    <div {...props} ref={root} className={classes('leaf-form-list', className)}>\n      {children(\n        records.current.map((row, index) => ({\n          key: row.key,\n          index,\n          name: `${name}.${index}`,\n          value: row.value,\n        })),\n        operations,\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","FormList","rawProps","name","value","defaultValue","onChange","itemKey","children","className","props","mergeComponentProps","useGenericComponentDefaults","id","useId","sequence","useRef","internal","setInternal","useState","current","root","records","record","index","used","Set","item","match","update","next","row","undefined","useListMotion","operations","position","Math","positions","_","from","to","useEffect","form","reset","event","queueMicrotask","classes"],"mappings":"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"}

package/dist/cjs/browser/modules/grid/grid.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/grid.css');
 var __webpack_require__ = {};
 (()=>{
@@ -32,12 +33,14 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     Col: ()=>grid_Col,
     Grid: ()=>grid_Grid,
+    GridControl: ()=>grid_GridControl,
     Row: ()=>grid_Row
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const grid_Grid = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ columns = 3, gap = 16, align = 'stretch', className, style, ...props }, ref) {
+const grid_GridControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ columns = 3, gap = 16, align = 'stretch', className, style, ...props }, ref) {
     const variables = {
         alignItems: align,
         gap: 'object' == typeof gap ? gap.map((v)=>'number' == typeof v ? `${v}px` : v).join(' ') : gap,
@@ -64,7 +67,8 @@ const grid_Grid = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(f
         style: variables
     });
 });
-const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ gutter = 16, className, style, ...props }, ref) {
+const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { gutter = 16, className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Row', rawProps);
     const [vertical, horizontal] = 'object' == typeof gutter ? gutter : [
         gutter,
         gutter
@@ -76,7 +80,7 @@ const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(fu
         rowGap: unit(vertical),
         ...style
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_Grid, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_GridControl, {
         ...props,
         ref: ref,
         columns: 24,
@@ -85,7 +89,8 @@ const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(fu
         className: (0, classes_cjs_namespaceObject.classes)('leaf-row', className)
     });
 });
-const grid_Col = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props }, ref) {
+const grid_Col = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Col', rawProps);
     const variables = {
         ...style
     };
@@ -121,12 +126,22 @@ const grid_Col = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(fu
         ]
     });
 });
+const grid_Grid = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Grid', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_GridControl, {
+        ...props,
+        ref: ref
+    });
+});
+grid_Grid.displayName = 'Grid';
 exports.Col = __webpack_exports__.Col;
 exports.Grid = __webpack_exports__.Grid;
+exports.GridControl = __webpack_exports__.GridControl;
 exports.Row = __webpack_exports__.Row;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Col",
     "Grid",
+    "GridControl",
     "Row"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/browser/modules/grid/grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid/grid.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/grid/grid.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { forwardRef, type HTMLAttributes } from 'react';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(\n  { gutter = 16, className, style, ...props },\n  ref,\n) {\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <Grid\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(\n  { span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Grid","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","gutter","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl"],"mappings":"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"}
+{"version":3,"file":"grid/grid.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/grid/grid.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { forwardRef, type HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const GridControl = forwardRef<HTMLDivElement, GridProps>(function GridControl(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props }: GridProps,\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(rawProps: RowProps, ref) {\n  const { gutter = 16, className, style, ...props } = useComponentProps('Row', rawProps);\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <GridControl\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(rawProps: ColProps, ref) {\n  const {\n    span = 24,\n    offset = 0,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    className,\n    style,\n    ...props\n  } = useComponentProps('Col', rawProps);\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(rawProps: GridProps, ref) {\n  const props = useComponentProps('Grid', rawProps);\n  return <GridControl {...props} ref={ref} />;\n});\nGrid.displayName = 'Grid';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","GridControl","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","rawProps","gutter","useComponentProps","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl","Grid"],"mappings":"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"}

package/dist/cjs/browser/modules/image/image.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/image.css');
 var __webpack_require__ = {};
 (()=>{
@@ -32,21 +33,24 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     Image: ()=>image_Image,
     ImagePreview: ()=>ImagePreview,
+    ImagePreviewControl: ()=>ImagePreviewControl,
     ImagePreviewGroup: ()=>ImagePreviewGroup
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../loading/index.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const loading_cjs_namespaceObject = require("../loading/loading.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
 const use_client_cjs_namespaceObject = require("../shared/use-client.cjs");
 const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
 const Viewer = /*#__PURE__*/ (0, external_react_namespaceObject.lazy)(()=>import("./viewer.cjs").then((module)=>({
             default: module.ImageViewer
         })));
-function ImagePreview(props) {
+function ImagePreviewControl(props) {
     const client = (0, use_client_cjs_namespaceObject.useClient)();
     const [visited, setVisited] = (0, external_react_namespaceObject.useState)(props.open);
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -63,7 +67,8 @@ function ImagePreview(props) {
     });
 }
 const GroupContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
-function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false }) {
+function ImagePreviewGroup(rawProps) {
+    const { children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ImagePreviewGroup', rawProps);
     const [open, setOpen] = (0, use_controllable_cjs_namespaceObject.useControllable)(controlled, defaultOpen, onOpenChange);
     const [index, setIndex] = (0, use_controllable_cjs_namespaceObject.useControllable)(controlledIndex, defaultIndex, onIndexChange);
     const [registered, setRegistered] = (0, external_react_namespaceObject.useState)([]);
@@ -101,7 +106,7 @@ function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = fa
         value: context,
         children: [
             children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreview, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
                 items: items ?? registered.map((entry)=>entry.item),
                 open: open,
                 index: index,
@@ -113,8 +118,10 @@ function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = fa
         ]
     });
 }
-const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props }, ref) {
+const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Image', rawProps);
     const t = (0, use_text_cjs_namespaceObject.useText)();
+    const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const group = (0, external_react_namespaceObject.useContext)(GroupContext);
     const id = (0, external_react_namespaceObject.useId)();
     const native = (0, external_react_namespaceObject.useRef)(null);
@@ -177,7 +184,9 @@ const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
             preview && src ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                 type: "button",
                 className: "leaf-image__trigger",
-                "aria-label": `${t('预览图片', 'Preview image')}${alt ? `: ${alt}` : ''}`,
+                "aria-label": format('image.previewImage', {
+                    alt: alt ? `: ${alt}` : ''
+                }),
                 onClick: (event)=>{
                     if (!event.defaultPrevented && 'error' !== state) if (group) group.show(id);
                     else setOpen(true);
@@ -195,20 +204,20 @@ const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
             }) : image,
             'loading' === state && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                 className: "leaf-image__placeholder",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Loading, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_cjs_namespaceObject.LoadingControl, {
                     size: "sm"
                 })
             }),
             'error' === state && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                 className: "leaf-image__placeholder",
                 role: "img",
-                "aria-label": alt || t('图片加载失败', 'Image unavailable'),
+                "aria-label": alt || t('image.imageUnavailable'),
                 children: fallback ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ImageOff, {
                     size: 24,
                     "aria-hidden": "true"
                 })
             }),
-            !group && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreview, {
+            !group && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
                 items: src ? [
                     {
                         src: previewSrc ?? src,
@@ -221,12 +230,20 @@ const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
         ]
     });
 });
+function ImagePreview(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ImagePreview', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
+        ...props
+    });
+}
 exports.Image = __webpack_exports__.Image;
 exports.ImagePreview = __webpack_exports__.ImagePreview;
+exports.ImagePreviewControl = __webpack_exports__.ImagePreviewControl;
 exports.ImagePreviewGroup = __webpack_exports__.ImagePreviewGroup;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Image",
     "ImagePreview",
+    "ImagePreviewControl",
     "ImagePreviewGroup"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/browser/modules/image/image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image/image.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/image/image.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ImageOff, Scan } from 'lucide-react';\nimport {\n  createContext,\n  forwardRef,\n  type ImgHTMLAttributes,\n  lazy,\n  type ReactNode,\n  Suspense,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface ImagePreviewItem {\n  src: string;\n  thumbnailSrc?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n  download?: string | boolean;\n  downloadName?: string;\n}\nexport interface ImagePreviewProps {\n  items: readonly ImagePreviewItem[];\n  open: boolean;\n  index?: number;\n  onClose: () => void;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nconst Viewer = lazy(() => import('./viewer').then((module) => ({ default: module.ImageViewer })));\nexport function ImagePreview(props: ImagePreviewProps) {\n  const client = useClient();\n  const [visited, setVisited] = useState(props.open);\n  useEffect(() => {\n    if (props.open) setVisited(true);\n  }, [props.open]);\n  if (!client || (!props.open && !visited)) return null;\n  return (\n    <Suspense fallback={null}>\n      <Viewer {...props} />\n    </Suspense>\n  );\n}\ninterface GroupContextValue {\n  register: (id: string, item: ImagePreviewItem | null) => void;\n  show: (id: string) => void;\n}\nconst GroupContext = createContext<GroupContextValue | null>(null);\nexport interface ImagePreviewGroupProps {\n  children?: ReactNode;\n  items?: readonly ImagePreviewItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  index?: number;\n  defaultIndex?: number;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nexport function ImagePreviewGroup({\n  children,\n  items,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  index: controlledIndex,\n  defaultIndex = 0,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewGroupProps) {\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);\n  const [registered, setRegistered] = useState<{ id: string; item: ImagePreviewItem }[]>([]);\n  // Registration must not depend on the list or opening a viewer would reorder images.\n  const register = useMemo(\n    () => (id: string, item: ImagePreviewItem | null) =>\n      setRegistered((previous) => {\n        const position = previous.findIndex((entry) => entry.id === id);\n        if (!item) return previous.filter((entry) => entry.id !== id);\n        if (position < 0) return [...previous, { id, item }];\n        return previous.map((entry) => (entry.id === id ? { id, item } : entry));\n      }),\n    [],\n  );\n  const context = useMemo<GroupContextValue>(\n    () => ({\n      register,\n      show(id) {\n        const position = registered.findIndex((entry) => entry.id === id);\n        if (position >= 0) {\n          setIndex(position);\n          setOpen(true);\n        }\n      },\n    }),\n    [registered, setIndex, setOpen, register],\n  );\n  return (\n    <GroupContext.Provider value={context}>\n      {children}\n      <ImagePreview\n        items={items ?? registered.map((entry) => entry.item)}\n        open={open}\n        index={index}\n        onClose={() => setOpen(false)}\n        onIndexChange={setIndex}\n        thumbnails={thumbnails}\n        downloadable={downloadable}\n      />\n    </GroupContext.Provider>\n  );\n}\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: ReactNode;\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n}\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src,\n    alt = '',\n    preview = true,\n    previewSrc,\n    fallback,\n    fit = 'cover',\n    className,\n    style,\n    width,\n    height,\n    onLoad,\n    onError,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const group = useContext(GroupContext);\n  const id = useId();\n  const native = useRef<HTMLImageElement>(null);\n  const mergedRef = useMergedRef(native, ref);\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const [open, setOpen] = useState(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: A changed source begins a new image loading cycle.\n  useEffect(() => {\n    const node = native.current;\n    setState(node?.complete ? (node.naturalWidth > 0 ? 'ready' : 'error') : 'loading');\n  }, [src]);\n  const register = group?.register;\n  useEffect(() => {\n    register?.(id, preview && src ? { src: previewSrc ?? src, alt } : null);\n  }, [id, src, previewSrc, alt, preview, register]);\n  useEffect(() => () => register?.(id, null), [id, register]);\n  const image = (\n    <img\n      {...props}\n      ref={mergedRef}\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      loading={props.loading ?? 'lazy'}\n      style={{ objectFit: fit }}\n      onLoad={(event) => {\n        setState('ready');\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setState('error');\n        onError?.(event);\n      }}\n    />\n  );\n  return (\n    <span\n      className={classes('leaf-image', className)}\n      style={{ width, height, ...style }}\n      data-state={state}\n    >\n      {preview && src ? (\n        <button\n          type=\"button\"\n          className=\"leaf-image__trigger\"\n          aria-label={`${t('预览图片', 'Preview image')}${alt ? `: ${alt}` : ''}`}\n          onClick={(event) => {\n            if (!event.defaultPrevented && state !== 'error') {\n              if (group) group.show(id);\n              else setOpen(true);\n            }\n          }}\n        >\n          {image}\n          <span className=\"leaf-image__zoom\" aria-hidden=\"true\">\n            <Scan size={20} />\n          </span>\n        </button>\n      ) : (\n        image\n      )}\n      {state === 'loading' && (\n        <span className=\"leaf-image__placeholder\">\n          <Loading size=\"sm\" />\n        </span>\n      )}\n      {state === 'error' && (\n        <span\n          className=\"leaf-image__placeholder\"\n          role=\"img\"\n          aria-label={alt || t('图片加载失败', 'Image unavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreview\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Viewer","lazy","module","ImagePreview","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","ref","t","useText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;ACkCA,MAAMI,SAASC,AAAA,WAATD,GAASC,IAAAA,+BAAAA,IAAAA,AAAAA,EAAK,IAAM,MAAM,CAAC,gBAAY,IAAI,CAAC,CAACC,SAAY;YAAE,SAASA,OAAO,WAAW;QAAC;AACtF,SAASC,aAAaC,KAAwB;IACnD,MAAMC,SAASC,AAAAA,IAAAA,+BAAAA,SAAAA,AAAAA;IACf,MAAM,CAACC,SAASC,WAAW,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASL,MAAM,IAAI;IACjDM,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAIN,MAAM,IAAI,EAAEI,WAAW;IAC7B,GAAG;QAACJ,MAAM,IAAI;KAAC;IACf,IAAI,CAACC,UAAW,CAACD,MAAM,IAAI,IAAI,CAACG,SAAU,OAAO;IACjD,OACE,AADK,WAAP,GACE,qCAACI,+BAAAA,QAAQA,EAAAA;QAAC,UAAU;kBAClB,mDAACX,QAAAA;YAAQ,GAAGI,KAAK;;;AAGvB;AAKA,MAAMQ,eAAeC,AAAA,WAAfD,GAAeC,IAAAA,+BAAAA,aAAAA,AAAAA,EAAwC;AAatD,SAASC,kBAAkB,EAChCC,QAAQ,EACRC,KAAK,EACL,MAAMC,UAAU,EAChBC,cAAc,KAAK,EACnBC,YAAY,EACZ,OAAOC,eAAe,EACtBC,eAAe,CAAC,EAChBC,aAAa,EACbC,aAAa,IAAI,EACjBC,eAAe,KAAK,EACG;IACvB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAAgBV,YAAYC,aAAaC;IACjE,MAAM,CAACS,OAAOC,SAAS,GAAGF,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAAgBP,iBAAiBC,cAAcC;IACzE,MAAM,CAACQ,YAAYC,cAAc,GAAGtB,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAmD,EAAE;IAEzF,MAAMuB,WAAWC,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EACf,IAAM,CAACC,IAAYC,OACjBJ,cAAc,CAACK;gBACb,MAAMC,WAAWD,SAAS,SAAS,CAAC,CAACE,QAAUA,MAAM,EAAE,KAAKJ;gBAC5D,IAAI,CAACC,MAAM,OAAOC,SAAS,MAAM,CAAC,CAACE,QAAUA,MAAM,EAAE,KAAKJ;gBAC1D,IAAIG,WAAW,GAAG,OAAO;uBAAID;oBAAU;wBAAEF;wBAAIC;oBAAK;iBAAE;gBACpD,OAAOC,SAAS,GAAG,CAAC,CAACE,QAAWA,MAAM,EAAE,KAAKJ,KAAK;wBAAEA;wBAAIC;oBAAK,IAAIG;YACnE,IACF,EAAE;IAEJ,MAAMC,UAAUN,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EACd,IAAO;YACLD;YACA,MAAKE,EAAE;gBACL,MAAMG,WAAWP,WAAW,SAAS,CAAC,CAACQ,QAAUA,MAAM,EAAE,KAAKJ;gBAC9D,IAAIG,YAAY,GAAG;oBACjBR,SAASQ;oBACTX,QAAQ;gBACV;YACF;QACF,IACA;QAACI;QAAYD;QAAUH;QAASM;KAAS;IAE3C,OACE,AADK,WAAP,GACE,sCAACpB,aAAa,QAAQ;QAAC,OAAO2B;;YAC3BxB;0BACD,qCAACZ,cAAAA;gBACC,OAAOa,SAASc,WAAW,GAAG,CAAC,CAACQ,QAAUA,MAAM,IAAI;gBACpD,MAAMb;gBACN,OAAOG;gBACP,SAAS,IAAMF,QAAQ;gBACvB,eAAeG;gBACf,YAAYN;gBACZ,cAAcC;;;;AAItB;AAOO,MAAMgB,cAAQC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAyC,SAC5D,EACEC,GAAG,EACHC,MAAM,EAAE,EACRC,UAAU,IAAI,EACdC,UAAU,EACVC,QAAQ,EACRC,MAAM,OAAO,EACbC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,OAAO,EACP,GAAGjD,OACJ,EACDkD,GAAG;IAEH,MAAMC,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,QAAQC,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAW9C;IACzB,MAAMsB,KAAKyB,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMC,SAASC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IACxC,MAAMC,YAAYC,AAAAA,IAAAA,0BAAAA,YAAAA,AAAAA,EAAaH,QAAQN;IACvC,MAAM,CAACU,OAAOC,SAAS,GAAGxD,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAwC;IAClE,MAAM,CAACgB,MAAMC,QAAQ,GAAGjB,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IAEjCC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMwD,OAAON,OAAO,OAAO;QAC3BK,SAASC,MAAM,WAAYA,KAAK,YAAY,GAAG,IAAI,UAAU,UAAW;IAC1E,GAAG;QAACxB;KAAI;IACR,MAAMV,WAAWyB,OAAO;IACxB/C,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRsB,WAAWE,IAAIU,WAAWF,MAAM;YAAE,KAAKG,cAAcH;YAAKC;QAAI,IAAI;IACpE,GAAG;QAACT;QAAIQ;QAAKG;QAAYF;QAAKC;QAASZ;KAAS;IAChDtB,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU,IAAM,IAAMsB,WAAWE,IAAI,OAAO;QAACA;QAAIF;KAAS;IAC1D,MAAMmC,QACJ,AADY,WAARA,GACJ,qCAAC;QACE,GAAG/D,KAAK;QACT,KAAK0D;QACL,KAAKpB;QACL,KAAKC;QACL,OAAOO;QACP,QAAQC;QACR,SAAS/C,MAAM,OAAO,IAAI;QAC1B,OAAO;YAAE,WAAW2C;QAAI;QACxB,QAAQ,CAACqB;YACPH,SAAS;YACTb,SAASgB;QACX;QACA,SAAS,CAACA;YACRH,SAAS;YACTZ,UAAUe;QACZ;;IAGJ,OACE,AADK,WAAP,GACE,sCAAC;QACC,WAAWC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,cAAcrB;QACjC,OAAO;YAAEE;YAAOC;YAAQ,GAAGF,KAAK;QAAC;QACjC,cAAYe;;YAEXpB,WAAWF,MACV,AADgB,WAANA,GACV,sCAAC;gBACC,MAAK;gBACL,WAAU;gBACV,cAAY,GAAGa,EAAE,QAAQ,mBAAmBZ,MAAM,CAAC,EAAE,EAAEA,KAAK,GAAG,IAAI;gBACnE,SAAS,CAACyB;oBACR,IAAI,CAACA,MAAM,gBAAgB,IAAIJ,AAAU,YAAVA,OAC7B,IAAIP,OAAOA,MAAM,IAAI,CAACvB;yBACjBR,QAAQ;gBAEjB;;oBAECyC;kCACD,qCAAC;wBAAK,WAAU;wBAAmB,eAAY;kCAC7C,mDAACG,sCAAAA,IAAIA,EAAAA;4BAAC,MAAM;;;;iBAIhBH;YAES,cAAVH,SACC,AADsB,WAAb,GACT,qCAAC;gBAAK,WAAU;0BACd,mDAACO,0BAAAA,OAAOA,EAAAA;oBAAC,MAAK;;;YAGP,YAAVP,SACC,AADoB,WAAX,GACT,qCAAC;gBACC,WAAU;gBACV,MAAK;gBACL,cAAYrB,OAAOY,EAAE,UAAU;0BAE9BT,YAAY,WAAZA,GAAY,qCAAC0B,sCAAAA,QAAQA,EAAAA;oBAAC,MAAM;oBAAI,eAAY;;;YAGhD,CAACf,SACA,AADS,WAATA,GACA,qCAACtD,cAAAA;gBACC,OAAOuC,MAAM;oBAAC;wBAAE,KAAKG,cAAcH;wBAAKC;oBAAI;iBAAE,GAAG,EAAE;gBACnD,MAAMlB;gBACN,SAAS,IAAMC,QAAQ;;;;AAKjC"}
+{"version":3,"file":"image/image.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/image/image.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ImageOff, Scan } from 'lucide-react';\nimport {\n  createContext,\n  forwardRef,\n  type ImgHTMLAttributes,\n  lazy,\n  type ReactNode,\n  Suspense,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\n\nexport interface ImagePreviewItem {\n  src: string;\n  thumbnailSrc?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n  download?: string | boolean;\n  downloadName?: string;\n}\nexport interface ImagePreviewProps {\n  items: readonly ImagePreviewItem[];\n  open: boolean;\n  index?: number;\n  onClose: () => void;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nconst Viewer = lazy(() => import('./viewer').then((module) => ({ default: module.ImageViewer })));\nexport function ImagePreviewControl(props: ImagePreviewProps) {\n  const client = useClient();\n  const [visited, setVisited] = useState(props.open);\n  useEffect(() => {\n    if (props.open) setVisited(true);\n  }, [props.open]);\n  if (!client || (!props.open && !visited)) return null;\n  return (\n    <Suspense fallback={null}>\n      <Viewer {...props} />\n    </Suspense>\n  );\n}\ninterface GroupContextValue {\n  register: (id: string, item: ImagePreviewItem | null) => void;\n  show: (id: string) => void;\n}\nconst GroupContext = createContext<GroupContextValue | null>(null);\nexport interface ImagePreviewGroupProps {\n  children?: ReactNode;\n  items?: readonly ImagePreviewItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  index?: number;\n  defaultIndex?: number;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nexport function ImagePreviewGroup(rawProps: ImagePreviewGroupProps) {\n  const {\n    children,\n    items,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    index: controlledIndex,\n    defaultIndex = 0,\n    onIndexChange,\n    thumbnails = true,\n    downloadable = false,\n  } = useComponentProps('ImagePreviewGroup', rawProps);\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);\n  const [registered, setRegistered] = useState<{ id: string; item: ImagePreviewItem }[]>([]);\n  // Registration must not depend on the list or opening a viewer would reorder images.\n  const register = useMemo(\n    () => (id: string, item: ImagePreviewItem | null) =>\n      setRegistered((previous) => {\n        const position = previous.findIndex((entry) => entry.id === id);\n        if (!item) return previous.filter((entry) => entry.id !== id);\n        if (position < 0) return [...previous, { id, item }];\n        return previous.map((entry) => (entry.id === id ? { id, item } : entry));\n      }),\n    [],\n  );\n  const context = useMemo<GroupContextValue>(\n    () => ({\n      register,\n      show(id) {\n        const position = registered.findIndex((entry) => entry.id === id);\n        if (position >= 0) {\n          setIndex(position);\n          setOpen(true);\n        }\n      },\n    }),\n    [registered, setIndex, setOpen, register],\n  );\n  return (\n    <GroupContext.Provider value={context}>\n      {children}\n      <ImagePreviewControl\n        items={items ?? registered.map((entry) => entry.item)}\n        open={open}\n        index={index}\n        onClose={() => setOpen(false)}\n        onIndexChange={setIndex}\n        thumbnails={thumbnails}\n        downloadable={downloadable}\n      />\n    </GroupContext.Provider>\n  );\n}\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: ReactNode;\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n}\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  rawProps: ImageProps,\n  ref,\n) {\n  const {\n    src,\n    alt = '',\n    preview = true,\n    previewSrc,\n    fallback,\n    fit = 'cover',\n    className,\n    style,\n    width,\n    height,\n    onLoad,\n    onError,\n    ...props\n  } = useComponentProps('Image', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const group = useContext(GroupContext);\n  const id = useId();\n  const native = useRef<HTMLImageElement>(null);\n  const mergedRef = useMergedRef(native, ref);\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const [open, setOpen] = useState(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: A changed source begins a new image loading cycle.\n  useEffect(() => {\n    const node = native.current;\n    setState(node?.complete ? (node.naturalWidth > 0 ? 'ready' : 'error') : 'loading');\n  }, [src]);\n  const register = group?.register;\n  useEffect(() => {\n    register?.(id, preview && src ? { src: previewSrc ?? src, alt } : null);\n  }, [id, src, previewSrc, alt, preview, register]);\n  useEffect(() => () => register?.(id, null), [id, register]);\n  const image = (\n    <img\n      {...props}\n      ref={mergedRef}\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      loading={props.loading ?? 'lazy'}\n      style={{ objectFit: fit }}\n      onLoad={(event) => {\n        setState('ready');\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setState('error');\n        onError?.(event);\n      }}\n    />\n  );\n  return (\n    <span\n      className={classes('leaf-image', className)}\n      style={{ width, height, ...style }}\n      data-state={state}\n    >\n      {preview && src ? (\n        <button\n          type=\"button\"\n          className=\"leaf-image__trigger\"\n          aria-label={format('image.previewImage', { alt: alt ? `: ${alt}` : '' })}\n          onClick={(event) => {\n            if (!event.defaultPrevented && state !== 'error') {\n              if (group) group.show(id);\n              else setOpen(true);\n            }\n          }}\n        >\n          {image}\n          <span className=\"leaf-image__zoom\" aria-hidden=\"true\">\n            <Scan size={20} />\n          </span>\n        </button>\n      ) : (\n        image\n      )}\n      {state === 'loading' && (\n        <span className=\"leaf-image__placeholder\">\n          <Loading size=\"sm\" />\n        </span>\n      )}\n      {state === 'error' && (\n        <span\n          className=\"leaf-image__placeholder\"\n          role=\"img\"\n          aria-label={alt || t('image.imageUnavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreviewControl\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n\nexport function ImagePreview(rawProps: ImagePreviewProps) {\n  const props = useComponentProps('ImagePreview', rawProps);\n  return <ImagePreviewControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Viewer","lazy","module","ImagePreviewControl","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","rawProps","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","useComponentProps","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","ref","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","t","useText","format","useFormattedText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff","ImagePreview"],"mappings":"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"}