@ifhover/leaf-ui 0.6.0 → 0.7.0

package/dist/esm/form/form.js

@@ -88,12 +88,14 @@ const form_Form = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
 });
 form_Form.displayName = 'Form';
 function FormField(rawProps) {
-    const { label, htmlFor, required, help, error, labelWidth, children, className, style, ...props } = useComponentProps('FormField', rawProps);
+    const { label, description, layout: suppliedLayout, htmlFor, required, help, error, labelWidth, children, className, style, ...props } = useComponentProps('FormField', rawProps);
     const form = useContext(FormContext);
+    const layout = suppliedLayout ?? form.layout;
     const { messages } = useLeafConfig();
     const generated = useId();
     const inputId = htmlFor ?? `${generated}-control`;
     const descriptionId = `${generated}-description`;
+    const summaryId = `${generated}-summary`;
     const labelRef = useRef(null);
     const [validationError, setValidationError] = useState();
     const displayedError = error ?? validationError;
@@ -111,7 +113,7 @@ function FormField(rawProps) {
         label
     ]);
     useEffect(()=>{
-        if (null == label) return;
+        if (null == label || 'horizontal' !== layout || void 0 !== labelWidth) return;
         const element = labelRef.current;
         if (!element) return;
         const measure = ()=>form.measure(generated, element.getBoundingClientRect().width);
@@ -125,7 +127,9 @@ function FormField(rawProps) {
     }, [
         form.measure,
         generated,
-        label
+        label,
+        layout,
+        labelWidth
     ]);
     const root = useRef(null);
     useEffect(()=>{
@@ -144,7 +148,10 @@ function FormField(rawProps) {
         required,
         disabled: form.disabled,
         error: displayedError,
-        descriptionId: displayedError || help ? descriptionId : void 0
+        descriptionId: [
+            null != description && summaryId,
+            (displayedError || help) && descriptionId
+        ].filter(Boolean).join(' ') || void 0
     };
     const variables = {
         ...void 0 !== labelWidth ? {
@@ -157,7 +164,7 @@ function FormField(rawProps) {
         children: /*#__PURE__*/ jsxs("div", {
             ...props,
             ref: root,
-            className: classes('leaf-form-field', `leaf-form-field--${form.layout}`, `leaf-form-field--${form.labelAlign}`, className),
+            className: classes('leaf-form-field', `leaf-form-field--${layout}`, 'settings' === form.layout && 'leaf-form-field--settings-row', `leaf-form-field--${form.labelAlign}`, className),
             style: variables,
             onInvalidCapture: (event)=>{
                 props.onInvalidCapture?.(event);
@@ -172,21 +179,31 @@ function FormField(rawProps) {
                 setValidationError(void 0);
             },
             children: [
-                null != label && /*#__PURE__*/ jsx("label", {
-                    id: `${generated}-label`,
-                    className: "leaf-form-field__label",
-                    htmlFor: inputId,
-                    children: /*#__PURE__*/ jsxs("span", {
-                        ref: labelRef,
-                        children: [
-                            required && /*#__PURE__*/ jsx("span", {
-                                className: "leaf-form-field__required",
-                                "aria-hidden": "true",
-                                children: "*"
-                            }),
-                            label
-                        ]
-                    })
+                (null != label || null != description) && /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-form-field__header",
+                    children: [
+                        null != label && /*#__PURE__*/ jsx("label", {
+                            id: `${generated}-label`,
+                            className: "leaf-form-field__label",
+                            htmlFor: inputId,
+                            children: /*#__PURE__*/ jsxs("span", {
+                                ref: labelRef,
+                                children: [
+                                    required && /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-form-field__required",
+                                        "aria-hidden": "true",
+                                        children: "*"
+                                    }),
+                                    label
+                                ]
+                            })
+                        }),
+                        null != description && /*#__PURE__*/ jsx("div", {
+                            id: summaryId,
+                            className: "leaf-form-field__summary-description",
+                            children: description
+                        })
+                    ]
                 }),
                 /*#__PURE__*/ jsxs("div", {
                     className: "leaf-form-field__body",
@@ -219,7 +236,7 @@ function FormGroup(rawProps) {
         children: /*#__PURE__*/ jsxs("fieldset", {
             ...props,
             disabled: context.disabled,
-            className: classes('leaf-form-group', className),
+            className: classes('leaf-form-group', 'settings' === inherited.layout && 'leaf-form-group--settings', className),
             children: [
                 legend && /*#__PURE__*/ jsx("legend", {
                     children: legend

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

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

package/dist/esm/image/viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../../../src/image/viewer.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,+BAMnD"}
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../../../src/image/viewer.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,+BAMnD"}

package/dist/esm/image/viewer.js

@@ -6,6 +6,7 @@ import yet_another_react_lightbox, { useController, useLightboxState, useNavigat
 import plugins_fullscreen from "yet-another-react-lightbox/plugins/fullscreen";
 import plugins_zoom from "yet-another-react-lightbox/plugins/zoom";
 import { LoadingControl } from "../loading/loading.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
 import { motionDuration, useMotionEnabled } from "../shared/motion.js";
 import { ScopedPortal } from "../shared/scoped-portal.js";
 import { useFormattedText } from "../shared/use-formatted-text.js";
@@ -255,9 +256,14 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                     size: 18
                                 })
                             }),
-                            /*#__PURE__*/ jsx("fieldset", {
-                                className: "leaf-image-viewer__thumbnails",
+                            /*#__PURE__*/ jsx(ScrollbarControl, {
+                                className: "leaf-image-viewer__strip",
+                                contentClassName: "leaf-image-viewer__thumbnails",
                                 ref: strip,
+                                orientation: "horizontal",
+                                role: "group",
+                                tabIndex: -1,
+                                scrollbarTabIndex: -1,
                                 "aria-label": t('image.imageList'),
                                 children: items.map((image, target)=>/*#__PURE__*/ jsxs("button", {
                                         type: "button",

package/dist/esm/image/viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image/viewer.js","sources":["../../../src/image/viewer.tsx"],"sourcesContent":["import {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  ImageOff,\n  Maximize2,\n  Minimize2,\n  PanelBottom,\n  RotateCcw,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport Lightbox, {\n  type FullscreenRef,\n  useController,\n  useLightboxState,\n  useNavigationState,\n  type ZoomRef,\n} from 'yet-another-react-lightbox';\nimport Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';\nimport Zoom from 'yet-another-react-lightbox/plugins/zoom';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport type { ImagePreviewItem, ImagePreviewProps } from './image';\n\nexport function ImageViewer(props: ImagePreviewProps) {\n  return (\n    <ScopedPortal>\n      <Viewer {...props} />\n    </ScopedPortal>\n  );\n}\nfunction Control({\n  label,\n  children,\n  active,\n  disabled,\n  onClick,\n  className = '',\n}: {\n  label: string;\n  children: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={`leaf-image-viewer__control ${className}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\nfunction ViewerChrome({\n  items,\n  thumbnails,\n  downloadable,\n  zoomControl,\n  fullscreenControl,\n}: {\n  items: readonly ImagePreviewItem[];\n  thumbnails: boolean;\n  downloadable: boolean;\n  zoomControl: ZoomRef | null;\n  fullscreenControl: FullscreenRef | null;\n}) {\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const { currentIndex } = useLightboxState();\n  const { prev, next, close } = useController();\n  const { prevDisabled, nextDisabled } = useNavigationState();\n  const strip = useRef<HTMLFieldSetElement>(null);\n  const [showThumbs, setShowThumbs] = useState(thumbnails);\n  const [failedDownload, setFailedDownload] = useState(false);\n  const [downloading, setDownloading] = useState(false);\n  const item = items[currentIndex];\n  const hasThumbs = thumbnails && items.length > 1;\n  const zoom = zoomControl?.zoom ?? 1;\n  const fullscreen = fullscreenControl?.fullscreen ?? false;\n  const downloadUrl = typeof item?.download === 'string' ? item.download : item?.src;\n  useEffect(() => setShowThumbs(thumbnails), [thumbnails]);\n  useEffect(() => {\n    setFailedDownload(false);\n    if (!showThumbs) return;\n    const root = strip.current;\n    const selected = root?.querySelector<HTMLElement>(`[data-index=\"${currentIndex}\"]`);\n    if (root && selected)\n      root.scrollTo({\n        left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,\n        behavior: motion ? 'smooth' : 'auto',\n      });\n  }, [currentIndex, showThumbs, motion]);\n  const choose = (target: number) => {\n    const difference = target - currentIndex;\n    if (difference > 0) next({ count: difference });\n    else if (difference < 0) prev({ count: -difference });\n  };\n  const download = async () => {\n    if (!item || downloading) return;\n    setDownloading(true);\n    setFailedDownload(false);\n    try {\n      const address = typeof item.download === 'string' ? item.download : item.src;\n      const response = await fetch(address);\n      if (!response.ok) throw new Error('Download failed');\n      const url = URL.createObjectURL(await response.blob());\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';\n      anchor.click();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      setFailedDownload(true);\n    } finally {\n      setDownloading(false);\n    }\n  };\n  return (\n    <div\n      className=\"leaf-image-viewer__chrome\"\n      data-thumbnails={(hasThumbs && showThumbs) || undefined}\n    >\n      <header className=\"leaf-image-viewer__header\">\n        <div className=\"leaf-image-viewer__title\">\n          <span>{item?.alt || t('image.imagePreview')}</span>\n          <span className=\"leaf-image-viewer__count\" aria-live=\"polite\">\n            {currentIndex + 1} / {items.length}\n          </span>\n        </div>\n        <div className=\"leaf-image-viewer__header-actions\">\n          {downloadable && item?.download !== false && (\n            <Control\n              label={t('image.downloadImage')}\n              onClick={() => void download()}\n              disabled={downloading}\n            >\n              {downloading ? <Loading size=\"sm\" /> : <Download size={19} />}\n            </Control>\n          )}\n          <Control\n            label={fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen')}\n            disabled={!fullscreenControl || fullscreenControl.disabled}\n            onClick={() => (fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter())}\n          >\n            {fullscreen ? <Minimize2 size={19} /> : <Maximize2 size={19} />}\n          </Control>\n          <Control label={t('image.closePreview')} onClick={close}>\n            <X size={22} />\n          </Control>\n        </div>\n      </header>\n      {items.length > 1 && (\n        <>\n          <Control\n            className=\"leaf-image-viewer__previous\"\n            label={t('image.previousImage')}\n            disabled={prevDisabled}\n            onClick={() => prev()}\n          >\n            <ChevronLeft size={26} />\n          </Control>\n          <Control\n            className=\"leaf-image-viewer__next\"\n            label={t('image.nextImage')}\n            disabled={nextDisabled}\n            onClick={() => next()}\n          >\n            <ChevronRight size={26} />\n          </Control>\n        </>\n      )}\n      <footer className=\"leaf-image-viewer__footer\">\n        {failedDownload && (\n          <p role=\"alert\" className=\"leaf-image-viewer__error\">\n            {t('image.downloadFailedOpenTheOriginalImageToSaveIt')}{' '}\n            <a href={downloadUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              {t('image.openOriginal')}\n            </a>\n          </p>\n        )}\n        <div className=\"leaf-image-viewer__tools\">\n          <Control\n            label={t('image.zoomOut')}\n            disabled={!zoomControl || zoomControl.disabled || zoom <= 1}\n            onClick={() => zoomControl?.zoomOut()}\n          >\n            <ZoomOut size={18} />\n          </Control>\n          <button\n            type=\"button\"\n            className=\"leaf-image-viewer__zoom-level\"\n            onClick={() => zoomControl?.changeZoom(1)}\n            title={t('image.resetZoom')}\n          >\n            {Math.round(zoom * 100)}%\n          </button>\n          <Control\n            label={t('image.zoomIn')}\n            disabled={!zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom}\n            onClick={() => zoomControl?.zoomIn()}\n          >\n            <ZoomIn size={18} />\n          </Control>\n          <Control\n            label={t('image.resetZoom')}\n            disabled={zoom <= 1}\n            onClick={() => zoomControl?.changeZoom(1)}\n          >\n            <RotateCcw size={17} />\n          </Control>\n          {hasThumbs && (\n            <>\n              <span className=\"leaf-image-viewer__tool-separator\" />\n              <Control\n                label={t('image.showThumbnails')}\n                active={showThumbs}\n                onClick={() => setShowThumbs((value) => !value)}\n              >\n                <PanelBottom size={18} />\n              </Control>\n            </>\n          )}\n        </div>\n        {hasThumbs && showThumbs && (\n          <div className=\"leaf-image-viewer__gallery\">\n            <Control\n              label={t('image.scrollThumbnailsBackward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: -(strip.current.clientWidth * 0.7),\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronLeft size={18} />\n            </Control>\n            <fieldset\n              className=\"leaf-image-viewer__thumbnails\"\n              ref={strip}\n              aria-label={t('image.imageList')}\n            >\n              {items.map((image, target) => (\n                <button\n                  type=\"button\"\n                  // biome-ignore lint/suspicious/noArrayIndexKey: Stateless thumbnails may intentionally repeat the same source URL.\n                  key={`${image.src}-${target}`}\n                  className=\"leaf-image-viewer__thumbnail\"\n                  data-index={target}\n                  aria-current={currentIndex === target || undefined}\n                  aria-label={format('image.viewImage', {\n                    index: target + 1,\n                    alt: image.alt ? `: ${image.alt}` : '',\n                  })}\n                  title={image.alt || String(target + 1)}\n                  tabIndex={currentIndex === target ? 0 : -1}\n                  onClick={() => choose(target)}\n                  onKeyDown={(event) => {\n                    if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n                    event.preventDefault();\n                    event.stopPropagation();\n                    const position =\n                      event.key === 'Home'\n                        ? 0\n                        : event.key === 'End'\n                          ? items.length - 1\n                          : Math.max(\n                              0,\n                              Math.min(\n                                items.length - 1,\n                                target + (event.key === 'ArrowRight' ? 1 : -1),\n                              ),\n                            );\n                    choose(position);\n                    strip.current\n                      ?.querySelector<HTMLButtonElement>(`[data-index=\"${position}\"]`)\n                      ?.focus();\n                  }}\n                >\n                  <img\n                    src={image.thumbnailSrc ?? image.src}\n                    alt=\"\"\n                    loading=\"lazy\"\n                    draggable={false}\n                  />\n                  <span>{target + 1}</span>\n                </button>\n              ))}\n            </fieldset>\n            <Control\n              label={t('image.scrollThumbnailsForward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: strip.current.clientWidth * 0.7,\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronRight size={18} />\n            </Control>\n          </div>\n        )}\n      </footer>\n    </div>\n  );\n}\nfunction Viewer({\n  items,\n  open,\n  index = 0,\n  onClose,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewProps) {\n  const [root, setRoot] = useState<HTMLDivElement | null>(null);\n  const [zoomControl, setZoomControl] = useState<ZoomRef | null>(null);\n  const [fullscreenControl, setFullscreenControl] = useState<FullscreenRef | null>(null);\n  const [slides, setSlides] = useState(() => items.map((item) => ({ ...item })));\n  // A new array with the same images must not reset the carousel's navigation animation.\n  if (\n    items.length !== slides.length ||\n    items.some((item, position) => {\n      const slide = slides[position];\n      return (\n        !slide ||\n        item.src !== slide.src ||\n        item.alt !== slide.alt ||\n        item.width !== slide.width ||\n        item.height !== slide.height ||\n        item.thumbnailSrc !== slide.thumbnailSrc ||\n        item.download !== slide.download ||\n        item.downloadName !== slide.downloadName\n      );\n    })\n  ) {\n    setSlides(items.map((item) => ({ ...item })));\n  }\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const duration = root && motion ? motionDuration(root) : 0;\n  return (\n    <div ref={setRoot} className=\"leaf-image-viewer\">\n      {root && (\n        <Lightbox\n          open={open && items.length > 0}\n          close={onClose}\n          slides={slides}\n          index={Math.max(0, Math.min(index, items.length - 1))}\n          portal={{ root }}\n          plugins={[Zoom, Fullscreen]}\n          className=\"leaf-image-viewer__lightbox\"\n          carousel={{ finite: true, padding: 0, spacing: 24 }}\n          animation={{\n            fade: duration * 1.2,\n            swipe: duration * 1.6,\n            navigation: duration * 1.6,\n            zoom: duration,\n          }}\n          zoom={{ ref: setZoomControl, maxZoomPixelRatio: 3, scrollToZoom: true }}\n          fullscreen={{ ref: setFullscreenControl }}\n          controller={{ closeOnBackdropClick: true }}\n          toolbar={{ buttons: [] }}\n          render={{\n            buttonClose: () => null,\n            buttonPrev: () => null,\n            buttonNext: () => null,\n            buttonZoom: () => null,\n            buttonFullscreen: () => null,\n            iconLoading: () => <Loading />,\n            iconError: () => <ImageOff size={32} />,\n            controls: () => (\n              <ViewerChrome\n                items={items}\n                thumbnails={thumbnails}\n                downloadable={downloadable}\n                zoomControl={zoomControl}\n                fullscreenControl={fullscreenControl}\n              />\n            ),\n          }}\n          labels={{\n            Lightbox: t('image.imagePreview'),\n            'Photo gallery': t('image.imageList'),\n            Slide: t('image.image'),\n            '{index} of {total}': format('image.position', {\n              index: index + 1,\n              total: items.length,\n            }),\n            Close: t('image.closePreview'),\n          }}\n          on={{\n            view: ({ index: next }) => {\n              if (next !== index) onIndexChange?.(next);\n            },\n          }}\n          styles={{\n            root: {\n              '--yarl__color_backdrop': 'rgba(0,0,0,.92)',\n              zIndex: 'var(--leaf-z-index-modal)',\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ImageViewer","props","ScopedPortal","Viewer","Control","label","children","active","disabled","onClick","className","ViewerChrome","items","thumbnails","downloadable","zoomControl","fullscreenControl","t","useText","format","useFormattedText","motion","useMotionEnabled","currentIndex","useLightboxState","prev","next","close","useController","prevDisabled","nextDisabled","useNavigationState","strip","useRef","showThumbs","setShowThumbs","useState","failedDownload","setFailedDownload","downloading","setDownloading","item","hasThumbs","zoom","fullscreen","downloadUrl","useEffect","root","selected","choose","target","difference","download","address","response","fetch","Error","url","URL","anchor","document","setTimeout","undefined","Loading","Download","Minimize2","Maximize2","X","ChevronLeft","ChevronRight","ZoomOut","Math","ZoomIn","RotateCcw","value","PanelBottom","image","String","event","position","open","index","onClose","onIndexChange","setRoot","setZoomControl","setFullscreenControl","slides","setSlides","slide","duration","motionDuration","Lightbox","Zoom","Fullscreen","ImageOff"],"mappings":";;;;;;;;;;;;AA8BO,SAASA,YAAYC,KAAwB;IAClD,OAAO,WAAP,GACE,IAACC,cAAYA;kBACX,kBAACC,QAAMA;YAAE,GAAGF,KAAK;;;AAGvB;AACA,SAASG,QAAQ,EACfC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,YAAY,EAAE,EAQf;IACC,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,WAAW,CAAC,2BAA2B,EAAEA,WAAW;QACpD,cAAYL;QACZ,OAAOA;QACP,gBAAcE;QACd,UAAUC;QACV,SAASC;kBAERH;;AAGP;AACA,SAASK,aAAa,EACpBC,KAAK,EACLC,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EAOlB;IACC,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC;IAC9B,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGC;IACvC,MAAMC,QAAQC,OAA4B;IAC1C,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAASvB;IAC7C,MAAM,CAACwB,gBAAgBC,kBAAkB,GAAGF,SAAS;IACrD,MAAM,CAACG,aAAaC,eAAe,GAAGJ,SAAS;IAC/C,MAAMK,OAAO7B,KAAK,CAACW,aAAa;IAChC,MAAMmB,YAAY7B,cAAcD,MAAM,MAAM,GAAG;IAC/C,MAAM+B,OAAO5B,aAAa,QAAQ;IAClC,MAAM6B,aAAa5B,mBAAmB,cAAc;IACpD,MAAM6B,cAAc,AAA0B,YAA1B,OAAOJ,MAAM,WAAwBA,KAAK,QAAQ,GAAGA,MAAM;IAC/EK,UAAU,IAAMX,cAActB,aAAa;QAACA;KAAW;IACvDiC,UAAU;QACRR,kBAAkB;QAClB,IAAI,CAACJ,YAAY;QACjB,MAAMa,OAAOf,MAAM,OAAO;QAC1B,MAAMgB,WAAWD,MAAM,cAA2B,CAAC,aAAa,EAAExB,aAAa,EAAE,CAAC;QAClF,IAAIwB,QAAQC,UACVD,KAAK,QAAQ,CAAC;YACZ,MAAMC,SAAS,UAAU,GAAGD,KAAK,UAAU,GAAIA,AAAAA,CAAAA,KAAK,WAAW,GAAGC,SAAS,WAAU,IAAK;YAC1F,UAAU3B,SAAS,WAAW;QAChC;IACJ,GAAG;QAACE;QAAcW;QAAYb;KAAO;IACrC,MAAM4B,SAAS,CAACC;QACd,MAAMC,aAAaD,SAAS3B;QAC5B,IAAI4B,aAAa,GAAGzB,KAAK;YAAE,OAAOyB;QAAW;aACxC,IAAIA,aAAa,GAAG1B,KAAK;YAAE,OAAO,CAAC0B;QAAW;IACrD;IACA,MAAMC,WAAW;QACf,IAAI,CAACX,QAAQF,aAAa;QAC1BC,eAAe;QACfF,kBAAkB;QAClB,IAAI;YACF,MAAMe,UAAU,AAAyB,YAAzB,OAAOZ,KAAK,QAAQ,GAAgBA,KAAK,QAAQ,GAAGA,KAAK,GAAG;YAC5E,MAAMa,WAAW,MAAMC,MAAMF;YAC7B,IAAI,CAACC,SAAS,EAAE,EAAE,MAAM,IAAIE,MAAM;YAClC,MAAMC,MAAMC,IAAI,eAAe,CAAC,MAAMJ,SAAS,IAAI;YACnD,MAAMK,SAASC,SAAS,aAAa,CAAC;YACtCD,OAAO,IAAI,GAAGF;YACdE,OAAO,QAAQ,GAAGlB,KAAK,YAAY,IAAIY,QAAQ,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS;YACrFM,OAAO,KAAK;YACZE,WAAW,IAAMH,IAAI,eAAe,CAACD,MAAM;QAC7C,EAAE,OAAM;YACNnB,kBAAkB;QACpB,SAAU;YACRE,eAAe;QACjB;IACF;IACA,OAAO,WAAP,GACE,KAAC;QACC,WAAU;QACV,mBAAkBE,aAAaR,cAAe4B;;0BAE9C,KAAC;gBAAO,WAAU;;kCAChB,KAAC;wBAAI,WAAU;;0CACb,IAAC;0CAAMrB,MAAM,OAAOxB,EAAE;;0CACtB,KAAC;gCAAK,WAAU;gCAA2B,aAAU;;oCAClDM,eAAe;oCAAE;oCAAIX,MAAM,MAAM;;;;;kCAGtC,KAAC;wBAAI,WAAU;;4BACZE,gBAAgB2B,MAAM,aAAa,SAAS,WAAT,GAClC,IAACrC,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IAAM,KAAKmC;gCACpB,UAAUb;0CAETA,cAAc,WAAdA,GAAc,IAACwB,gBAAOA;oCAAC,MAAK;mDAAU,IAACC,UAAQA;oCAAC,MAAM;;;0CAG3D,IAAC5D,SAAOA;gCACN,OAAOwC,aAAa3B,EAAE,0BAA0BA,EAAE;gCAClD,UAAU,CAACD,qBAAqBA,kBAAkB,QAAQ;gCAC1D,SAAS,IAAO4B,aAAa5B,mBAAmB,SAASA,mBAAmB;0CAE3E4B,aAAa,WAAbA,GAAa,IAACqB,WAASA;oCAAC,MAAM;mDAAS,IAACC,WAASA;oCAAC,MAAM;;;0CAE3D,IAAC9D,SAAOA;gCAAC,OAAOa,EAAE;gCAAuB,SAASU;0CAChD,kBAACwC,GAACA;oCAAC,MAAM;;;;;;;YAIdvD,MAAM,MAAM,GAAG,KAAK,WAAL,GACd;;kCACE,IAACR,SAAOA;wBACN,WAAU;wBACV,OAAOa,EAAE;wBACT,UAAUY;wBACV,SAAS,IAAMJ;kCAEf,kBAAC2C,aAAWA;4BAAC,MAAM;;;kCAErB,IAAChE,SAAOA;wBACN,WAAU;wBACV,OAAOa,EAAE;wBACT,UAAUa;wBACV,SAAS,IAAMJ;kCAEf,kBAAC2C,cAAYA;4BAAC,MAAM;;;;;0BAI1B,KAAC;gBAAO,WAAU;;oBACfhC,kBAAkB,WAAlBA,GACC,KAAC;wBAAE,MAAK;wBAAQ,WAAU;;4BACvBpB,EAAE;4BAAqD;0CACxD,IAAC;gCAAE,MAAM4B;gCAAa,QAAO;gCAAS,KAAI;0CACvC5B,EAAE;;;;kCAIT,KAAC;wBAAI,WAAU;;0CACb,IAACb,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU,CAACF,eAAeA,YAAY,QAAQ,IAAI4B,QAAQ;gCAC1D,SAAS,IAAM5B,aAAa;0CAE5B,kBAACuD,SAAOA;oCAAC,MAAM;;;0CAEjB,KAAC;gCACC,MAAK;gCACL,WAAU;gCACV,SAAS,IAAMvD,aAAa,WAAW;gCACvC,OAAOE,EAAE;;oCAERsD,KAAK,KAAK,CAAC5B,AAAO,MAAPA;oCAAY;;;0CAE1B,IAACvC,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU,CAACF,eAAeA,YAAY,QAAQ,IAAI4B,QAAQ5B,YAAY,OAAO;gCAC7E,SAAS,IAAMA,aAAa;0CAE5B,kBAACyD,QAAMA;oCAAC,MAAM;;;0CAEhB,IAACpE,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU0B,QAAQ;gCAClB,SAAS,IAAM5B,aAAa,WAAW;0CAEvC,kBAAC0D,WAASA;oCAAC,MAAM;;;4BAElB/B,aAAa,WAAbA,GACC;;kDACE,IAAC;wCAAK,WAAU;;kDAChB,IAACtC,SAAOA;wCACN,OAAOa,EAAE;wCACT,QAAQiB;wCACR,SAAS,IAAMC,cAAc,CAACuC,QAAU,CAACA;kDAEzC,kBAACC,aAAWA;4CAAC,MAAM;;;;;;;oBAK1BjC,aAAaR,cAAc,WAAdA,GACZ,KAAC;wBAAI,WAAU;;0CACb,IAAC9B,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IACPe,MAAM,OAAO,EAAE,SAAS;wCACtB,MAAM,CAAEA,CAAAA,AAA4B,MAA5BA,MAAM,OAAO,CAAC,WAAW,AAAK;wCACtC,UAAUX,SAAS,WAAW;oCAChC;0CAGF,kBAAC+C,aAAWA;oCAAC,MAAM;;;0CAErB,IAAC;gCACC,WAAU;gCACV,KAAKpC;gCACL,cAAYf,EAAE;0CAEbL,MAAM,GAAG,CAAC,CAACgE,OAAO1B,SAAAA,WAAAA,GACjB,KAAC;wCACC,MAAK;wCAGL,WAAU;wCACV,cAAYA;wCACZ,gBAAc3B,iBAAiB2B,UAAUY;wCACzC,cAAY3C,OAAO,mBAAmB;4CACpC,OAAO+B,SAAS;4CAChB,KAAK0B,MAAM,GAAG,GAAG,CAAC,EAAE,EAAEA,MAAM,GAAG,EAAE,GAAG;wCACtC;wCACA,OAAOA,MAAM,GAAG,IAAIC,OAAO3B,SAAS;wCACpC,UAAU3B,iBAAiB2B,SAAS,IAAI;wCACxC,SAAS,IAAMD,OAAOC;wCACtB,WAAW,CAAC4B;4CACV,IAAI,CAAC;gDAAC;gDAAa;gDAAc;gDAAQ;6CAAM,CAAC,QAAQ,CAACA,MAAM,GAAG,GAAG;4CACrEA,MAAM,cAAc;4CACpBA,MAAM,eAAe;4CACrB,MAAMC,WACJD,AAAc,WAAdA,MAAM,GAAG,GACL,IACAA,AAAc,UAAdA,MAAM,GAAG,GACPlE,MAAM,MAAM,GAAG,IACf2D,KAAK,GAAG,CACN,GACAA,KAAK,GAAG,CACN3D,MAAM,MAAM,GAAG,GACfsC,SAAU4B,CAAAA,AAAc,iBAAdA,MAAM,GAAG,GAAoB,IAAI,EAAC;4CAGxD7B,OAAO8B;4CACP/C,MAAM,OAAO,EACT,cAAiC,CAAC,aAAa,EAAE+C,SAAS,EAAE,CAAC,GAC7D;wCACN;;0DAEA,IAAC;gDACC,KAAKH,MAAM,YAAY,IAAIA,MAAM,GAAG;gDACpC,KAAI;gDACJ,SAAQ;gDACR,WAAW;;0DAEb,IAAC;0DAAM1B,SAAS;;;uCAvCX,GAAG0B,MAAM,GAAG,CAAC,CAAC,EAAE1B,QAAQ;;0CA2CnC,IAAC9C,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IACPe,MAAM,OAAO,EAAE,SAAS;wCACtB,MAAMA,AAA4B,MAA5BA,MAAM,OAAO,CAAC,WAAW;wCAC/B,UAAUX,SAAS,WAAW;oCAChC;0CAGF,kBAACgD,cAAYA;oCAAC,MAAM;;;;;;;;;AAOlC;AACA,SAASlE,OAAO,EACdS,KAAK,EACLoE,IAAI,EACJC,QAAQ,CAAC,EACTC,OAAO,EACPC,aAAa,EACbtE,aAAa,IAAI,EACjBC,eAAe,KAAK,EACF;IAClB,MAAM,CAACiC,MAAMqC,QAAQ,GAAGhD,SAAgC;IACxD,MAAM,CAACrB,aAAasE,eAAe,GAAGjD,SAAyB;IAC/D,MAAM,CAACpB,mBAAmBsE,qBAAqB,GAAGlD,SAA+B;IACjF,MAAM,CAACmD,QAAQC,UAAU,GAAGpD,SAAS,IAAMxB,MAAM,GAAG,CAAC,CAAC6B,OAAU;gBAAE,GAAGA,IAAI;YAAC;IAE1E,IACE7B,MAAM,MAAM,KAAK2E,OAAO,MAAM,IAC9B3E,MAAM,IAAI,CAAC,CAAC6B,MAAMsC;QAChB,MAAMU,QAAQF,MAAM,CAACR,SAAS;QAC9B,OACE,CAACU,SACDhD,KAAK,GAAG,KAAKgD,MAAM,GAAG,IACtBhD,KAAK,GAAG,KAAKgD,MAAM,GAAG,IACtBhD,KAAK,KAAK,KAAKgD,MAAM,KAAK,IAC1BhD,KAAK,MAAM,KAAKgD,MAAM,MAAM,IAC5BhD,KAAK,YAAY,KAAKgD,MAAM,YAAY,IACxChD,KAAK,QAAQ,KAAKgD,MAAM,QAAQ,IAChChD,KAAK,YAAY,KAAKgD,MAAM,YAAY;IAE5C,IAEAD,UAAU5E,MAAM,GAAG,CAAC,CAAC6B,OAAU;YAAE,GAAGA,IAAI;QAAC;IAE3C,MAAMxB,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,SAASC;IACf,MAAMoE,WAAW3C,QAAQ1B,SAASsE,eAAe5C,QAAQ;IACzD,OAAO,WAAP,GACE,IAAC;QAAI,KAAKqC;QAAS,WAAU;kBAC1BrC,QAAQ,WAARA,GACC,IAAC6C,4BAAQA;YACP,MAAMZ,QAAQpE,MAAM,MAAM,GAAG;YAC7B,OAAOsE;YACP,QAAQK;YACR,OAAOhB,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACU,OAAOrE,MAAM,MAAM,GAAG;YAClD,QAAQ;gBAAEmC;YAAK;YACf,SAAS;gBAAC8C;gBAAMC;aAAW;YAC3B,WAAU;YACV,UAAU;gBAAE,QAAQ;gBAAM,SAAS;gBAAG,SAAS;YAAG;YAClD,WAAW;gBACT,MAAMJ,AAAW,MAAXA;gBACN,OAAOA,AAAW,MAAXA;gBACP,YAAYA,AAAW,MAAXA;gBACZ,MAAMA;YACR;YACA,MAAM;gBAAE,KAAKL;gBAAgB,mBAAmB;gBAAG,cAAc;YAAK;YACtE,YAAY;gBAAE,KAAKC;YAAqB;YACxC,YAAY;gBAAE,sBAAsB;YAAK;YACzC,SAAS;gBAAE,SAAS,EAAE;YAAC;YACvB,QAAQ;gBACN,aAAa,IAAM;gBACnB,YAAY,IAAM;gBAClB,YAAY,IAAM;gBAClB,YAAY,IAAM;gBAClB,kBAAkB,IAAM;gBACxB,aAAa,kBAAM,IAACvB,gBAAOA,CAAAA;gBAC3B,WAAW,kBAAM,IAACgC,UAAQA;wBAAC,MAAM;;gBACjC,UAAU,kBACR,IAACpF,cAAYA;wBACX,OAAOC;wBACP,YAAYC;wBACZ,cAAcC;wBACd,aAAaC;wBACb,mBAAmBC;;YAGzB;YACA,QAAQ;gBACN,UAAUC,EAAE;gBACZ,iBAAiBA,EAAE;gBACnB,OAAOA,EAAE;gBACT,sBAAsBE,OAAO,kBAAkB;oBAC7C,OAAO8D,QAAQ;oBACf,OAAOrE,MAAM,MAAM;gBACrB;gBACA,OAAOK,EAAE;YACX;YACA,IAAI;gBACF,MAAM,CAAC,EAAE,OAAOS,IAAI,EAAE;oBACpB,IAAIA,SAASuD,OAAOE,gBAAgBzD;gBACtC;YACF;YACA,QAAQ;gBACN,MAAM;oBACJ,0BAA0B;oBAC1B,QAAQ;gBACV;YACF;;;AAKV"}
+{"version":3,"file":"image/viewer.js","sources":["../../../src/image/viewer.tsx"],"sourcesContent":["import {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  ImageOff,\n  Maximize2,\n  Minimize2,\n  PanelBottom,\n  RotateCcw,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport Lightbox, {\n  type FullscreenRef,\n  useController,\n  useLightboxState,\n  useNavigationState,\n  type ZoomRef,\n} from 'yet-another-react-lightbox';\nimport Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';\nimport Zoom from 'yet-another-react-lightbox/plugins/zoom';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { ScrollbarControl } from '../scrollbar/scrollbar';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport type { ImagePreviewItem, ImagePreviewProps } from './image';\n\nexport function ImageViewer(props: ImagePreviewProps) {\n  return (\n    <ScopedPortal>\n      <Viewer {...props} />\n    </ScopedPortal>\n  );\n}\nfunction Control({\n  label,\n  children,\n  active,\n  disabled,\n  onClick,\n  className = '',\n}: {\n  label: string;\n  children: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={`leaf-image-viewer__control ${className}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\nfunction ViewerChrome({\n  items,\n  thumbnails,\n  downloadable,\n  zoomControl,\n  fullscreenControl,\n}: {\n  items: readonly ImagePreviewItem[];\n  thumbnails: boolean;\n  downloadable: boolean;\n  zoomControl: ZoomRef | null;\n  fullscreenControl: FullscreenRef | null;\n}) {\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const { currentIndex } = useLightboxState();\n  const { prev, next, close } = useController();\n  const { prevDisabled, nextDisabled } = useNavigationState();\n  const strip = useRef<HTMLDivElement>(null);\n  const [showThumbs, setShowThumbs] = useState(thumbnails);\n  const [failedDownload, setFailedDownload] = useState(false);\n  const [downloading, setDownloading] = useState(false);\n  const item = items[currentIndex];\n  const hasThumbs = thumbnails && items.length > 1;\n  const zoom = zoomControl?.zoom ?? 1;\n  const fullscreen = fullscreenControl?.fullscreen ?? false;\n  const downloadUrl = typeof item?.download === 'string' ? item.download : item?.src;\n  useEffect(() => setShowThumbs(thumbnails), [thumbnails]);\n  useEffect(() => {\n    setFailedDownload(false);\n    if (!showThumbs) return;\n    const root = strip.current;\n    const selected = root?.querySelector<HTMLElement>(`[data-index=\"${currentIndex}\"]`);\n    if (root && selected)\n      root.scrollTo({\n        left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,\n        behavior: motion ? 'smooth' : 'auto',\n      });\n  }, [currentIndex, showThumbs, motion]);\n  const choose = (target: number) => {\n    const difference = target - currentIndex;\n    if (difference > 0) next({ count: difference });\n    else if (difference < 0) prev({ count: -difference });\n  };\n  const download = async () => {\n    if (!item || downloading) return;\n    setDownloading(true);\n    setFailedDownload(false);\n    try {\n      const address = typeof item.download === 'string' ? item.download : item.src;\n      const response = await fetch(address);\n      if (!response.ok) throw new Error('Download failed');\n      const url = URL.createObjectURL(await response.blob());\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';\n      anchor.click();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      setFailedDownload(true);\n    } finally {\n      setDownloading(false);\n    }\n  };\n  return (\n    <div\n      className=\"leaf-image-viewer__chrome\"\n      data-thumbnails={(hasThumbs && showThumbs) || undefined}\n    >\n      <header className=\"leaf-image-viewer__header\">\n        <div className=\"leaf-image-viewer__title\">\n          <span>{item?.alt || t('image.imagePreview')}</span>\n          <span className=\"leaf-image-viewer__count\" aria-live=\"polite\">\n            {currentIndex + 1} / {items.length}\n          </span>\n        </div>\n        <div className=\"leaf-image-viewer__header-actions\">\n          {downloadable && item?.download !== false && (\n            <Control\n              label={t('image.downloadImage')}\n              onClick={() => void download()}\n              disabled={downloading}\n            >\n              {downloading ? <Loading size=\"sm\" /> : <Download size={19} />}\n            </Control>\n          )}\n          <Control\n            label={fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen')}\n            disabled={!fullscreenControl || fullscreenControl.disabled}\n            onClick={() => (fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter())}\n          >\n            {fullscreen ? <Minimize2 size={19} /> : <Maximize2 size={19} />}\n          </Control>\n          <Control label={t('image.closePreview')} onClick={close}>\n            <X size={22} />\n          </Control>\n        </div>\n      </header>\n      {items.length > 1 && (\n        <>\n          <Control\n            className=\"leaf-image-viewer__previous\"\n            label={t('image.previousImage')}\n            disabled={prevDisabled}\n            onClick={() => prev()}\n          >\n            <ChevronLeft size={26} />\n          </Control>\n          <Control\n            className=\"leaf-image-viewer__next\"\n            label={t('image.nextImage')}\n            disabled={nextDisabled}\n            onClick={() => next()}\n          >\n            <ChevronRight size={26} />\n          </Control>\n        </>\n      )}\n      <footer className=\"leaf-image-viewer__footer\">\n        {failedDownload && (\n          <p role=\"alert\" className=\"leaf-image-viewer__error\">\n            {t('image.downloadFailedOpenTheOriginalImageToSaveIt')}{' '}\n            <a href={downloadUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              {t('image.openOriginal')}\n            </a>\n          </p>\n        )}\n        <div className=\"leaf-image-viewer__tools\">\n          <Control\n            label={t('image.zoomOut')}\n            disabled={!zoomControl || zoomControl.disabled || zoom <= 1}\n            onClick={() => zoomControl?.zoomOut()}\n          >\n            <ZoomOut size={18} />\n          </Control>\n          <button\n            type=\"button\"\n            className=\"leaf-image-viewer__zoom-level\"\n            onClick={() => zoomControl?.changeZoom(1)}\n            title={t('image.resetZoom')}\n          >\n            {Math.round(zoom * 100)}%\n          </button>\n          <Control\n            label={t('image.zoomIn')}\n            disabled={!zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom}\n            onClick={() => zoomControl?.zoomIn()}\n          >\n            <ZoomIn size={18} />\n          </Control>\n          <Control\n            label={t('image.resetZoom')}\n            disabled={zoom <= 1}\n            onClick={() => zoomControl?.changeZoom(1)}\n          >\n            <RotateCcw size={17} />\n          </Control>\n          {hasThumbs && (\n            <>\n              <span className=\"leaf-image-viewer__tool-separator\" />\n              <Control\n                label={t('image.showThumbnails')}\n                active={showThumbs}\n                onClick={() => setShowThumbs((value) => !value)}\n              >\n                <PanelBottom size={18} />\n              </Control>\n            </>\n          )}\n        </div>\n        {hasThumbs && showThumbs && (\n          <div className=\"leaf-image-viewer__gallery\">\n            <Control\n              label={t('image.scrollThumbnailsBackward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: -(strip.current.clientWidth * 0.7),\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronLeft size={18} />\n            </Control>\n            <ScrollbarControl\n              className=\"leaf-image-viewer__strip\"\n              contentClassName=\"leaf-image-viewer__thumbnails\"\n              ref={strip}\n              orientation=\"horizontal\"\n              role=\"group\"\n              tabIndex={-1}\n              scrollbarTabIndex={-1}\n              aria-label={t('image.imageList')}\n            >\n              {items.map((image, target) => (\n                <button\n                  type=\"button\"\n                  // biome-ignore lint/suspicious/noArrayIndexKey: Stateless thumbnails may intentionally repeat the same source URL.\n                  key={`${image.src}-${target}`}\n                  className=\"leaf-image-viewer__thumbnail\"\n                  data-index={target}\n                  aria-current={currentIndex === target || undefined}\n                  aria-label={format('image.viewImage', {\n                    index: target + 1,\n                    alt: image.alt ? `: ${image.alt}` : '',\n                  })}\n                  title={image.alt || String(target + 1)}\n                  tabIndex={currentIndex === target ? 0 : -1}\n                  onClick={() => choose(target)}\n                  onKeyDown={(event) => {\n                    if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n                    event.preventDefault();\n                    event.stopPropagation();\n                    const position =\n                      event.key === 'Home'\n                        ? 0\n                        : event.key === 'End'\n                          ? items.length - 1\n                          : Math.max(\n                              0,\n                              Math.min(\n                                items.length - 1,\n                                target + (event.key === 'ArrowRight' ? 1 : -1),\n                              ),\n                            );\n                    choose(position);\n                    strip.current\n                      ?.querySelector<HTMLButtonElement>(`[data-index=\"${position}\"]`)\n                      ?.focus();\n                  }}\n                >\n                  <img\n                    src={image.thumbnailSrc ?? image.src}\n                    alt=\"\"\n                    loading=\"lazy\"\n                    draggable={false}\n                  />\n                  <span>{target + 1}</span>\n                </button>\n              ))}\n            </ScrollbarControl>\n            <Control\n              label={t('image.scrollThumbnailsForward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: strip.current.clientWidth * 0.7,\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronRight size={18} />\n            </Control>\n          </div>\n        )}\n      </footer>\n    </div>\n  );\n}\nfunction Viewer({\n  items,\n  open,\n  index = 0,\n  onClose,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewProps) {\n  const [root, setRoot] = useState<HTMLDivElement | null>(null);\n  const [zoomControl, setZoomControl] = useState<ZoomRef | null>(null);\n  const [fullscreenControl, setFullscreenControl] = useState<FullscreenRef | null>(null);\n  const [slides, setSlides] = useState(() => items.map((item) => ({ ...item })));\n  // A new array with the same images must not reset the carousel's navigation animation.\n  if (\n    items.length !== slides.length ||\n    items.some((item, position) => {\n      const slide = slides[position];\n      return (\n        !slide ||\n        item.src !== slide.src ||\n        item.alt !== slide.alt ||\n        item.width !== slide.width ||\n        item.height !== slide.height ||\n        item.thumbnailSrc !== slide.thumbnailSrc ||\n        item.download !== slide.download ||\n        item.downloadName !== slide.downloadName\n      );\n    })\n  ) {\n    setSlides(items.map((item) => ({ ...item })));\n  }\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const duration = root && motion ? motionDuration(root) : 0;\n  return (\n    <div ref={setRoot} className=\"leaf-image-viewer\">\n      {root && (\n        <Lightbox\n          open={open && items.length > 0}\n          close={onClose}\n          slides={slides}\n          index={Math.max(0, Math.min(index, items.length - 1))}\n          portal={{ root }}\n          plugins={[Zoom, Fullscreen]}\n          className=\"leaf-image-viewer__lightbox\"\n          carousel={{ finite: true, padding: 0, spacing: 24 }}\n          animation={{\n            fade: duration * 1.2,\n            swipe: duration * 1.6,\n            navigation: duration * 1.6,\n            zoom: duration,\n          }}\n          zoom={{ ref: setZoomControl, maxZoomPixelRatio: 3, scrollToZoom: true }}\n          fullscreen={{ ref: setFullscreenControl }}\n          controller={{ closeOnBackdropClick: true }}\n          toolbar={{ buttons: [] }}\n          render={{\n            buttonClose: () => null,\n            buttonPrev: () => null,\n            buttonNext: () => null,\n            buttonZoom: () => null,\n            buttonFullscreen: () => null,\n            iconLoading: () => <Loading />,\n            iconError: () => <ImageOff size={32} />,\n            controls: () => (\n              <ViewerChrome\n                items={items}\n                thumbnails={thumbnails}\n                downloadable={downloadable}\n                zoomControl={zoomControl}\n                fullscreenControl={fullscreenControl}\n              />\n            ),\n          }}\n          labels={{\n            Lightbox: t('image.imagePreview'),\n            'Photo gallery': t('image.imageList'),\n            Slide: t('image.image'),\n            '{index} of {total}': format('image.position', {\n              index: index + 1,\n              total: items.length,\n            }),\n            Close: t('image.closePreview'),\n          }}\n          on={{\n            view: ({ index: next }) => {\n              if (next !== index) onIndexChange?.(next);\n            },\n          }}\n          styles={{\n            root: {\n              '--yarl__color_backdrop': 'rgba(0,0,0,.92)',\n              zIndex: 'var(--leaf-z-index-modal)',\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ImageViewer","props","ScopedPortal","Viewer","Control","label","children","active","disabled","onClick","className","ViewerChrome","items","thumbnails","downloadable","zoomControl","fullscreenControl","t","useText","format","useFormattedText","motion","useMotionEnabled","currentIndex","useLightboxState","prev","next","close","useController","prevDisabled","nextDisabled","useNavigationState","strip","useRef","showThumbs","setShowThumbs","useState","failedDownload","setFailedDownload","downloading","setDownloading","item","hasThumbs","zoom","fullscreen","downloadUrl","useEffect","root","selected","choose","target","difference","download","address","response","fetch","Error","url","URL","anchor","document","setTimeout","undefined","Loading","Download","Minimize2","Maximize2","X","ChevronLeft","ChevronRight","ZoomOut","Math","ZoomIn","RotateCcw","value","PanelBottom","ScrollbarControl","image","String","event","position","open","index","onClose","onIndexChange","setRoot","setZoomControl","setFullscreenControl","slides","setSlides","slide","duration","motionDuration","Lightbox","Zoom","Fullscreen","ImageOff"],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -91,8 +91,8 @@ export type { MasonryProps } from './masonry/index.js';
 export { Masonry } from './masonry/index.js';
 export type { MentionOption, MentionsProps } from './mentions/index.js';
 export { Mentions } from './mentions/index.js';
-export type { MenuItem, MenuProps } from './menu/index.js';
-export { Menu } from './menu/index.js';
+export type { MenuGroupProps, MenuItem, MenuProps } from './menu/index.js';
+export { Menu, MenuGroup } from './menu/index.js';
 export type { MessageApi, MessageOptions, MessageProps, MessageProviderProps } from './message/index.js';
 export { Message, MessageProvider, useMessage } from './message/index.js';
 export type { ModalFooterActions, ModalProps } from './modal/index.js';
@@ -119,8 +119,6 @@ export type { ScrollAreaProps } from './scrollarea/index.js';
 export { ScrollArea } from './scrollarea/index.js';
 export type { ScrollbarProps } from './scrollbar/index.js';
 export { Scrollbar } from './scrollbar/index.js';
-export type { SegmentedOption, SegmentedProps } from './segmented/index.js';
-export { Segmented } from './segmented/index.js';
 export type { SelectOption, SelectOptionGroup, SelectProps } from './select/index.js';
 export { Select } from './select/index.js';
 export type { DateFormat, DatePreset } from './shared/date-format.js';
@@ -152,7 +150,7 @@ export { CheckableTag, Tag, TagGroup } from './tag/index.js';
 export type { TextareaProps } from './textarea/index.js';
 export { Textarea } from './textarea/index.js';
 export type { TextareaAutoSize } from './textarea/textarea.js';
-export type { LeafComponentTokens, LeafThemeStyle } from './theme.js';
+export type { LeafComponentStateTokens, LeafComponentTokens, LeafThemeStyle } from './theme.js';
 export type { TimelineItem, TimelineProps } from './timeline/index.js';
 export { Timeline } from './timeline/index.js';
 export type { TimePickerProps } from './timepicker/index.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -45,7 +45,7 @@ export { Loading } from "./loading/index.js";
 export { LoadingBar, LoadingBarProvider, useLoadingBar } from "./loadingbar/index.js";
 export { Masonry } from "./masonry/index.js";
 export { Mentions } from "./mentions/index.js";
-export { Menu } from "./menu/index.js";
+export { Menu, MenuGroup } from "./menu/index.js";
 export { Message, MessageProvider, useMessage } from "./message/index.js";
 export { Modal } from "./modal/index.js";
 export { Notification, NotificationProvider, useNotification } from "./notification/index.js";
@@ -59,7 +59,6 @@ export { Rate } from "./rate/index.js";
 export { Result } from "./result/index.js";
 export { ScrollArea } from "./scrollarea/index.js";
 export { Scrollbar } from "./scrollbar/index.js";
-export { Segmented } from "./segmented/index.js";
 export { Select } from "./select/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/layout/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAO7F,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAWD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,eAAO,MAAM,WAAW,0GAoDtB,CAAC;AACH,eAAO,MAAM,YAAY,qHAKxB,CAAC;AACF,eAAO,MAAM,aAAa,qHAKzB,CAAC;AACF,eAAO,MAAM,YAAY,qHAKxB,CAAC;AACF,eAAO,MAAM,MAAM;;;;;CAKjB,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/layout/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAQ7F,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAWD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,eAAO,MAAM,WAAW,0GAsDtB,CAAC;AACH,eAAO,MAAM,YAAY,qHAKxB,CAAC;AACF,eAAO,MAAM,aAAa,qHAKzB,CAAC;AACF,eAAO,MAAM,YAAY,qHAKxB,CAAC;AACF,eAAO,MAAM,MAAM;;;;;CAKjB,CAAC"}

package/dist/esm/layout/layout.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { ButtonControl } from "../button/button.js";
 import { useComponentProps } from "../config-provider/component-defaults.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
 import { classes } from "../shared/classes.js";
 import { useControllable } from "../shared/use-controllable.js";
 import { useText } from "../shared/use-text.js";
@@ -40,8 +41,10 @@ const layout_LayoutSider = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
             ...style
         },
         children: [
-            /*#__PURE__*/ jsx("div", {
+            /*#__PURE__*/ jsx(ScrollbarControl, {
                 className: "leaf-layout__sider-content",
+                role: "presentation",
+                tabIndex: -1,
                 children: children
             }),
             collapsible && !narrow && /*#__PURE__*/ jsx(ButtonControl, {

package/dist/esm/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout/layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n}\nconst LayoutRoot = forwardRef<HTMLDivElement, LayoutProps>(function Layout(rawProps, ref) {\n  const { direction = 'vertical', className, ...props } = useComponentProps('Layout', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout', `leaf-layout--${direction}`, className)}\n    />\n  );\n});\nexport interface LayoutSiderProps extends HTMLAttributes<HTMLElement> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  breakpoint?: number;\n  onCollapse?: (collapsed: boolean) => void;\n  trigger?: ReactNode;\n}\nexport const LayoutSider = forwardRef<HTMLElement, LayoutSiderProps>(function LayoutSider(\n  rawProps: LayoutSiderProps,\n  ref,\n) {\n  const {\n    width = 220,\n    collapsedWidth = 64,\n    collapsed,\n    defaultCollapsed = false,\n    collapsible = false,\n    breakpoint,\n    onCollapse,\n    trigger,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('LayoutSider', rawProps);\n  const t = useText();\n  const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);\n  const [narrow, setNarrow] = useState(false);\n  useEffect(() => {\n    if (breakpoint === undefined) return;\n    const query = matchMedia(`(max-width: ${breakpoint}px)`);\n    const update = () => setNarrow(query.matches);\n    update();\n    query.addEventListener('change', update);\n    return () => query.removeEventListener('change', update);\n  }, [breakpoint]);\n  const folded = compact || narrow;\n  return (\n    <aside\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout__sider', className)}\n      data-collapsed={folded || undefined}\n      style={{ width: folded ? collapsedWidth : width, ...style }}\n    >\n      <div className=\"leaf-layout__sider-content\">{children}</div>\n      {collapsible && !narrow && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setCompact(!compact)}\n          aria-expanded={!folded}\n          aria-label={folded ? t('layout.expandSidebar') : t('layout.collapseSidebar')}\n        >\n          {trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))}\n        </ButtonControl>\n      )}\n    </aside>\n  );\n});\nexport const LayoutHeader = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutHeader(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutHeader', rawProps);\n    return <header {...props} ref={ref} className={classes('leaf-layout__header', className)} />;\n  },\n);\nexport const LayoutContent = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutContent(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutContent', rawProps);\n    return <main {...props} ref={ref} className={classes('leaf-layout__content', className)} />;\n  },\n);\nexport const LayoutFooter = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutFooter(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutFooter', rawProps);\n    return <footer {...props} ref={ref} className={classes('leaf-layout__footer', className)} />;\n  },\n);\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Sider: LayoutSider,\n  Content: LayoutContent,\n  Footer: LayoutFooter,\n});\n"],"names":["LayoutRoot","forwardRef","rawProps","ref","direction","className","props","useComponentProps","classes","LayoutSider","width","collapsedWidth","collapsed","defaultCollapsed","collapsible","breakpoint","onCollapse","trigger","children","style","t","useText","compact","setCompact","useControllable","narrow","setNarrow","useState","useEffect","undefined","query","matchMedia","update","folded","ButtonControl","LayoutHeader","LayoutContent","LayoutFooter","Layout","Object"],"mappings":";;;;;;;;AAUA,MAAMA,aAAa,WAAHA,GAAGC,WAAwC,SAAgBC,QAAQ,EAAEC,GAAG;IACtF,MAAM,EAAEC,YAAY,UAAU,EAAEC,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,UAAUL;IACpF,OAAO,WAAP,GACE,IAAC;QACE,GAAGI,KAAK;QACT,KAAKH;QACL,WAAWK,QAAQ,eAAe,CAAC,aAAa,EAAEJ,WAAW,EAAEC;;AAGrE;AAWO,MAAMI,qBAAc,WAAHA,GAAGR,WAA0C,SACnEC,QAA0B,EAC1BC,GAAG;IAEH,MAAM,EACJO,QAAQ,GAAG,EACXC,iBAAiB,EAAE,EACnBC,SAAS,EACTC,mBAAmB,KAAK,EACxBC,cAAc,KAAK,EACnBC,UAAU,EACVC,UAAU,EACVC,OAAO,EACPZ,SAAS,EACTa,QAAQ,EACRC,KAAK,EACL,GAAGb,OACJ,GAAGC,kBAAkB,eAAeL;IACrC,MAAMkB,IAAIC;IACV,MAAM,CAACC,SAASC,WAAW,GAAGC,gBAAgBZ,WAAWC,kBAAkBG;IAC3E,MAAM,CAACS,QAAQC,UAAU,GAAGC,SAAS;IACrCC,UAAU;QACR,IAAIb,AAAec,WAAfd,YAA0B;QAC9B,MAAMe,QAAQC,WAAW,CAAC,YAAY,EAAEhB,WAAW,GAAG,CAAC;QACvD,MAAMiB,SAAS,IAAMN,UAAUI,MAAM,OAAO;QAC5CE;QACAF,MAAM,gBAAgB,CAAC,UAAUE;QACjC,OAAO,IAAMF,MAAM,mBAAmB,CAAC,UAAUE;IACnD,GAAG;QAACjB;KAAW;IACf,MAAMkB,SAASX,WAAWG;IAC1B,OAAO,WAAP,GACE,KAAC;QACE,GAAGnB,KAAK;QACT,KAAKH;QACL,WAAWK,QAAQ,sBAAsBH;QACzC,kBAAgB4B,UAAUJ;QAC1B,OAAO;YAAE,OAAOI,SAAStB,iBAAiBD;YAAO,GAAGS,KAAK;QAAC;;0BAE1D,IAAC;gBAAI,WAAU;0BAA8BD;;YAC5CJ,eAAe,CAACW,UAAU,WAAVA,GACf,IAACS,eAAaA;gBACZ,SAAQ;gBACR,MAAK;gBACL,SAAS,IAAMX,WAAW,CAACD;gBAC3B,iBAAe,CAACW;gBAChB,cAAYA,SAASb,EAAE,0BAA0BA,EAAE;0BAElDH,WAAYgB,CAAAA,SAASb,EAAE,0BAA0BA,EAAE,yBAAwB;;;;AAKtF;AACO,MAAMe,sBAAe,WAAHA,GAAGlC,WAC1B,SAAsBC,QAAqC,EAAEC,GAAG;IAC9D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,gBAAgBL;IAClE,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,uBAAuBH;;AAChF;AAEK,MAAM+B,uBAAgB,WAAHA,GAAGnC,WAC3B,SAAuBC,QAAqC,EAAEC,GAAG;IAC/D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,iBAAiBL;IACnE,OAAO,WAAP,GAAO,IAAC;QAAM,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,wBAAwBH;;AAC/E;AAEK,MAAMgC,sBAAe,WAAHA,GAAGpC,WAC1B,SAAsBC,QAAqC,EAAEC,GAAG;IAC9D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,gBAAgBL;IAClE,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,uBAAuBH;;AAChF;AAEK,MAAMiC,gBAASC,OAAO,MAAM,CAACvC,YAAY;IAC9C,QAAQmC;IACR,OAAO1B;IACP,SAAS2B;IACT,QAAQC;AACV"}
+{"version":3,"file":"layout/layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { ScrollbarControl } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n}\nconst LayoutRoot = forwardRef<HTMLDivElement, LayoutProps>(function Layout(rawProps, ref) {\n  const { direction = 'vertical', className, ...props } = useComponentProps('Layout', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout', `leaf-layout--${direction}`, className)}\n    />\n  );\n});\nexport interface LayoutSiderProps extends HTMLAttributes<HTMLElement> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  breakpoint?: number;\n  onCollapse?: (collapsed: boolean) => void;\n  trigger?: ReactNode;\n}\nexport const LayoutSider = forwardRef<HTMLElement, LayoutSiderProps>(function LayoutSider(\n  rawProps: LayoutSiderProps,\n  ref,\n) {\n  const {\n    width = 220,\n    collapsedWidth = 64,\n    collapsed,\n    defaultCollapsed = false,\n    collapsible = false,\n    breakpoint,\n    onCollapse,\n    trigger,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('LayoutSider', rawProps);\n  const t = useText();\n  const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);\n  const [narrow, setNarrow] = useState(false);\n  useEffect(() => {\n    if (breakpoint === undefined) return;\n    const query = matchMedia(`(max-width: ${breakpoint}px)`);\n    const update = () => setNarrow(query.matches);\n    update();\n    query.addEventListener('change', update);\n    return () => query.removeEventListener('change', update);\n  }, [breakpoint]);\n  const folded = compact || narrow;\n  return (\n    <aside\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout__sider', className)}\n      data-collapsed={folded || undefined}\n      style={{ width: folded ? collapsedWidth : width, ...style }}\n    >\n      <ScrollbarControl className=\"leaf-layout__sider-content\" role=\"presentation\" tabIndex={-1}>\n        {children}\n      </ScrollbarControl>\n      {collapsible && !narrow && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setCompact(!compact)}\n          aria-expanded={!folded}\n          aria-label={folded ? t('layout.expandSidebar') : t('layout.collapseSidebar')}\n        >\n          {trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))}\n        </ButtonControl>\n      )}\n    </aside>\n  );\n});\nexport const LayoutHeader = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutHeader(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutHeader', rawProps);\n    return <header {...props} ref={ref} className={classes('leaf-layout__header', className)} />;\n  },\n);\nexport const LayoutContent = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutContent(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutContent', rawProps);\n    return <main {...props} ref={ref} className={classes('leaf-layout__content', className)} />;\n  },\n);\nexport const LayoutFooter = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutFooter(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutFooter', rawProps);\n    return <footer {...props} ref={ref} className={classes('leaf-layout__footer', className)} />;\n  },\n);\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Sider: LayoutSider,\n  Content: LayoutContent,\n  Footer: LayoutFooter,\n});\n"],"names":["LayoutRoot","forwardRef","rawProps","ref","direction","className","props","useComponentProps","classes","LayoutSider","width","collapsedWidth","collapsed","defaultCollapsed","collapsible","breakpoint","onCollapse","trigger","children","style","t","useText","compact","setCompact","useControllable","narrow","setNarrow","useState","useEffect","undefined","query","matchMedia","update","folded","ScrollbarControl","ButtonControl","LayoutHeader","LayoutContent","LayoutFooter","Layout","Object"],"mappings":"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"}

package/dist/esm/mentions/mentions.d.ts

@@ -18,6 +18,8 @@ export interface MentionsProps extends Omit<TextareaProps, 'value' | 'defaultVal
     split?: string;
     loading?: boolean;
     notFoundContent?: ReactNode;
+    popupWidth?: number | string;
+    popupMaxWidth?: number | string;
 }
 export declare const Mentions: import("react").ForwardRefExoticComponent<MentionsProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=mentions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"mentions.d.ts","sourceRoot":"","sources":["../../../src/mentions/mentions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAAC,EAC7E,YAAY;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,+GA2KnB,CAAC"}
+{"version":3,"file":"mentions.d.ts","sourceRoot":"","sources":["../../../src/mentions/mentions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAAC,EAC7E,YAAY;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,+GAiLnB,CAAC"}

package/dist/esm/mentions/mentions.js

@@ -12,7 +12,7 @@ const defaultPrefixes = [
     '@'
 ];
 const mentions_Mentions = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
-    const { value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props } = useComponentProps('Mentions', rawProps);
+    const { value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupWidth = 'trigger', popupMaxWidth, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props } = useComponentProps('Mentions', rawProps);
     const input = useRef(null), panel = useRef(null), merged = useMergedRef(input, ref), id = useId(), field = useFormField();
     const { messages } = useLeafConfig();
     const [text, setText] = useFieldValue(value, defaultValue, input, props.form);
@@ -113,7 +113,9 @@ const mentions_Mentions = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
                 open: open,
                 triggerRef: input,
                 panelRef: panel,
-                matchWidth: true,
+                matchWidth: 'trigger' === popupWidth,
+                width: 'trigger' === popupWidth ? void 0 : 'auto' === popupWidth ? 'max-content' : popupWidth,
+                maxWidth: popupMaxWidth,
                 placement: popupPlacement,
                 style: popupStyle,
                 render: popupRender,