@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/appbar/appbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"appbar/appbar.js","sources":["../../../src/appbar/appbar.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useRef,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AppBarProps extends HTMLAttributes<HTMLElement> {\n  position?: 'static' | 'sticky' | 'fixed';\n  elevation?: boolean;\n}\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(function AppBar(\n  { position = 'static', elevation, className, style, ...props },\n  ref,\n) {\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={classes('leaf-app-bar', elevation && 'leaf-app-bar--elevated', className)}\n      style={{ position, top: position === 'static' ? undefined : 0, ...style }}\n    />\n  );\n});\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n}\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar(\n  { dense, className, onKeyDown, ...props },\n  ref,\n) {\n  const root = useRef<HTMLDivElement>(null);\n  const merged = useMergedRef(root, ref);\n  const { direction } = useLeafConfig();\n  return (\n    <div\n      role=\"toolbar\"\n      {...props}\n      ref={merged}\n      className={classes('leaf-toolbar', dense && 'leaf-toolbar--dense', className)}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (\n          event.defaultPrevented ||\n          (event.target as HTMLElement).closest('input,textarea,select,[contenteditable=true]')\n        )\n          return;\n        const items = [\n          ...(root.current?.querySelectorAll<HTMLElement>(\n            'button:not(:disabled),a[href],[tabindex=\"0\"]',\n          ) ?? []),\n        ].filter((item) => !item.closest('[inert],[hidden],[aria-disabled=\"true\"]'));\n        const index = items.indexOf(event.target as HTMLElement);\n        if (index < 0 || !items.length) return;\n        let next: number;\n        if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = items.length - 1;\n        else if (event.key === 'ArrowRight' || event.key === 'ArrowLeft')\n          next =\n            (index +\n              (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight') ? 1 : -1) +\n              items.length) %\n            items.length;\n        else return;\n        event.preventDefault();\n        items[next]?.focus();\n      }}\n    />\n  );\n});\nexport interface BottomNavigationItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  href?: string;\n}\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  items: readonly BottomNavigationItem[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  showLabels?: boolean;\n  linkRender?: (\n    item: BottomNavigationItem,\n    props: AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => ReactNode;\n}\nexport function BottomNavigation({\n  items,\n  value,\n  defaultValue = '',\n  onChange,\n  showLabels = true,\n  linkRender,\n  className,\n  ...props\n}: BottomNavigationProps) {\n  const { direction } = useLeafConfig(),\n    root = useRef<HTMLElement>(null);\n  const [current, setCurrent] = useControllable(\n    value,\n    defaultValue || items[0]?.key || '',\n    onChange,\n  );\n  const indicator = useRef<HTMLSpanElement>(null);\n  useMovingIndicator(\n    root,\n    indicator,\n    '[aria-current=\"page\"]',\n    `${current}-${showLabels}-${direction}`,\n  );\n  return (\n    <nav {...props} ref={root} className={classes('leaf-bottom-navigation', className)}>\n      <span ref={indicator} className=\"leaf-bottom-navigation__indicator\" aria-hidden=\"true\" />\n      {items.map((item) => {\n        const contents = (\n          <>\n            {item.icon && (\n              <span className=\"leaf-bottom-navigation__icon\" aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n            <span\n              className=\"leaf-bottom-navigation__label\"\n              data-visible={showLabels || current === item.key || undefined}\n              aria-hidden=\"true\"\n            >\n              {item.label}\n            </span>\n          </>\n        );\n        const attributes = {\n          'data-leaf-navigation': '',\n          'data-leaf-indicator-item': '',\n          'aria-label': typeof item.label === 'string' ? item.label : item.key,\n          'aria-current': current === item.key ? ('page' as const) : undefined,\n          'aria-disabled': item.disabled || undefined,\n          tabIndex: item.disabled ? -1 : current === item.key ? 0 : -1,\n          onClick: (event: MouseEvent<HTMLElement>) => {\n            if (item.disabled) event.preventDefault();\n            else setCurrent(item.key);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n            event.preventDefault();\n            const buttons = [\n                ...(root.current?.querySelectorAll<HTMLElement>(\n                  '[data-leaf-navigation]:not([aria-disabled=\"true\"])',\n                ) ?? []),\n              ],\n              index = buttons.indexOf(event.currentTarget);\n            const next =\n              event.key === 'Home'\n                ? 0\n                : event.key === 'End'\n                  ? buttons.length - 1\n                  : (index +\n                      (event.key === 'ArrowRight' ? 1 : -1) * (direction === 'rtl' ? -1 : 1) +\n                      buttons.length) %\n                    buttons.length;\n            buttons[next]?.focus();\n          },\n        };\n        return (\n          <span key={item.key} className=\"leaf-bottom-navigation__item\">\n            {item.href ? (\n              (linkRender?.(item, {\n                ...attributes,\n                href: item.disabled ? undefined : item.href,\n                children: contents,\n              }) ?? (\n                <a {...attributes} href={item.disabled ? undefined : item.href}>\n                  {contents}\n                </a>\n              ))\n            ) : (\n              <button {...attributes} type=\"button\" disabled={item.disabled}>\n                {contents}\n              </button>\n            )}\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":["AppBar","forwardRef","position","elevation","className","style","props","ref","classes","undefined","Toolbar","dense","onKeyDown","root","useRef","merged","useMergedRef","direction","useLeafConfig","event","items","item","index","next","BottomNavigation","value","defaultValue","onChange","showLabels","linkRender","current","setCurrent","useControllable","indicator","useMovingIndicator","contents","attributes","buttons"],"mappings":"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"}
+{"version":3,"file":"appbar/appbar.js","sources":["../../../src/appbar/appbar.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useRef,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AppBarProps extends HTMLAttributes<HTMLElement> {\n  position?: 'static' | 'sticky' | 'fixed';\n  elevation?: boolean;\n}\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(function AppBar(\n  rawProps: AppBarProps,\n  ref,\n) {\n  const {\n    position = 'static',\n    elevation,\n    className,\n    style,\n    ...props\n  } = useComponentProps('AppBar', rawProps);\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={classes('leaf-app-bar', elevation && 'leaf-app-bar--elevated', className)}\n      style={{ position, top: position === 'static' ? undefined : 0, ...style }}\n    />\n  );\n});\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n}\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(function Toolbar(\n  rawProps: ToolbarProps,\n  ref,\n) {\n  const { dense, className, onKeyDown, ...props } = useComponentProps('Toolbar', rawProps);\n  const root = useRef<HTMLDivElement>(null);\n  const merged = useMergedRef(root, ref);\n  const { direction } = useLeafConfig();\n  return (\n    <div\n      role=\"toolbar\"\n      {...props}\n      ref={merged}\n      className={classes('leaf-toolbar', dense && 'leaf-toolbar--dense', className)}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (\n          event.defaultPrevented ||\n          (event.target as HTMLElement).closest('input,textarea,select,[contenteditable=true]')\n        )\n          return;\n        const items = [\n          ...(root.current?.querySelectorAll<HTMLElement>(\n            'button:not(:disabled),a[href],[tabindex=\"0\"]',\n          ) ?? []),\n        ].filter((item) => !item.closest('[inert],[hidden],[aria-disabled=\"true\"]'));\n        const index = items.indexOf(event.target as HTMLElement);\n        if (index < 0 || !items.length) return;\n        let next: number;\n        if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = items.length - 1;\n        else if (event.key === 'ArrowRight' || event.key === 'ArrowLeft')\n          next =\n            (index +\n              (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight') ? 1 : -1) +\n              items.length) %\n            items.length;\n        else return;\n        event.preventDefault();\n        items[next]?.focus();\n      }}\n    />\n  );\n});\nexport interface BottomNavigationItem {\n  key: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n  href?: string;\n}\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  items: readonly BottomNavigationItem[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  showLabels?: boolean;\n  linkRender?: (\n    item: BottomNavigationItem,\n    props: AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => ReactNode;\n}\nexport function BottomNavigation(rawProps: BottomNavigationProps) {\n  const {\n    items,\n    value,\n    defaultValue = '',\n    onChange,\n    showLabels = true,\n    linkRender,\n    className,\n    ...props\n  } = useComponentProps('BottomNavigation', rawProps);\n  const { direction } = useLeafConfig(),\n    root = useRef<HTMLElement>(null);\n  const [current, setCurrent] = useControllable(\n    value,\n    defaultValue || items[0]?.key || '',\n    onChange,\n  );\n  const indicator = useRef<HTMLSpanElement>(null);\n  useMovingIndicator(\n    root,\n    indicator,\n    '[aria-current=\"page\"]',\n    `${current}-${showLabels}-${direction}`,\n  );\n  return (\n    <nav {...props} ref={root} className={classes('leaf-bottom-navigation', className)}>\n      <span ref={indicator} className=\"leaf-bottom-navigation__indicator\" aria-hidden=\"true\" />\n      {items.map((item) => {\n        const contents = (\n          <>\n            {item.icon && (\n              <span className=\"leaf-bottom-navigation__icon\" aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n            <span\n              className=\"leaf-bottom-navigation__label\"\n              data-visible={showLabels || current === item.key || undefined}\n              aria-hidden=\"true\"\n            >\n              {item.label}\n            </span>\n          </>\n        );\n        const attributes = {\n          'data-leaf-navigation': '',\n          'data-leaf-indicator-item': '',\n          'aria-label': typeof item.label === 'string' ? item.label : item.key,\n          'aria-current': current === item.key ? ('page' as const) : undefined,\n          'aria-disabled': item.disabled || undefined,\n          tabIndex: item.disabled ? -1 : current === item.key ? 0 : -1,\n          onClick: (event: MouseEvent<HTMLElement>) => {\n            if (item.disabled) event.preventDefault();\n            else setCurrent(item.key);\n          },\n          onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n            if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n            event.preventDefault();\n            const buttons = [\n                ...(root.current?.querySelectorAll<HTMLElement>(\n                  '[data-leaf-navigation]:not([aria-disabled=\"true\"])',\n                ) ?? []),\n              ],\n              index = buttons.indexOf(event.currentTarget);\n            const next =\n              event.key === 'Home'\n                ? 0\n                : event.key === 'End'\n                  ? buttons.length - 1\n                  : (index +\n                      (event.key === 'ArrowRight' ? 1 : -1) * (direction === 'rtl' ? -1 : 1) +\n                      buttons.length) %\n                    buttons.length;\n            buttons[next]?.focus();\n          },\n        };\n        return (\n          <span key={item.key} className=\"leaf-bottom-navigation__item\">\n            {item.href ? (\n              (linkRender?.(item, {\n                ...attributes,\n                href: item.disabled ? undefined : item.href,\n                children: contents,\n              }) ?? (\n                <a {...attributes} href={item.disabled ? undefined : item.href}>\n                  {contents}\n                </a>\n              ))\n            ) : (\n              <button {...attributes} type=\"button\" disabled={item.disabled}>\n                {contents}\n              </button>\n            )}\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":["AppBar","forwardRef","rawProps","ref","position","elevation","className","style","props","useComponentProps","classes","undefined","Toolbar","dense","onKeyDown","root","useRef","merged","useMergedRef","direction","useLeafConfig","event","items","item","index","next","BottomNavigation","value","defaultValue","onChange","showLabels","linkRender","current","setCurrent","useControllable","indicator","useMovingIndicator","contents","attributes","buttons"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-export * from './appbar.js';
+export type { AppBarProps, BottomNavigationItem, BottomNavigationProps, ToolbarProps, } from './appbar.js';
+export { AppBar, BottomNavigation, Toolbar } from './appbar.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/appbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/appbar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/esm/appbar/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./appbar.js";
+export { AppBar, BottomNavigation, Toolbar } from "./appbar.js";

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQvD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,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,uBAAuB;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAC3F;IACD,OAAO,EAAE,SAAS,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,gHAuRvB,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASvD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,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,uBAAuB;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAC3F;IACD,OAAO,EAAE,SAAS,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,gHAiSvB,CAAC"}

package/dist/esm/autocomplete/autocomplete.js

@@ -2,18 +2,25 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { forwardRef, useEffect, useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
+import { estimateControlHeight } from "../density.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { ClearButton } from "../shared/clear-button.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
 import { FloatingPanel, useActiveOption, useFloatingDismiss, usePopupState } from "../shared/floating.js";
+import { FloatingFeedback } from "../shared/floating-feedback.js";
 import { FloatingHighlight, useFloatingHighlight } from "../shared/floating-highlight.js";
-const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight = 36, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props }, forwardedRef) {
+import { useFormattedText } from "../shared/use-formatted-text.js";
+const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function(rawProps, forwardedRef) {
+    const { options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight: optionHeightProp, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props } = useComponentProps('AutoComplete', rawProps);
     const field = useFormField();
     const disabled = disabledProp || field?.disabled;
     const status = statusProp ?? (field?.error ? 'error' : void 0);
-    const { locale, messages } = useLeafConfig();
+    const { messages, theme, density } = useLeafConfig();
+    const format = useFormattedText();
+    const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);
     const inputRef = useRef(null);
     const panelRef = useRef(null);
     const ref = useMergedRef(inputRef, forwardedRef);
@@ -58,6 +65,15 @@ const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: e
         virtualizer
     ]);
     const expanded = open && !disabled && !readOnly;
+    const hasSuggestions = visibleOptions.length > 0 && !errorContent;
+    const listboxProps = {
+        id: listId,
+        role: 'listbox',
+        'aria-busy': loading || void 0,
+        'aria-label': ariaLabel ? format('autoComplete.suggestions', {
+            label: ariaLabel
+        }) : messages.autoComplete.empty
+    };
     useFloatingDismiss(expanded, ()=>setOpen(false), inputRef, panelRef);
     useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : void 0, panelRef);
     const highlight = useFloatingHighlight(expanded, panelRef, visibleOptions[active] ? `${listId}-${active}` : void 0, `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`);
@@ -143,7 +159,7 @@ const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: e
                 }
             }),
             allowClear && text && !disabled && !readOnly && /*#__PURE__*/ jsx(ClearButton, {
-                label: messages.clearInput,
+                label: messages.input.clear,
                 onClear: ()=>{
                     setText('');
                     onChange?.('');
@@ -156,9 +172,10 @@ const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: e
                 triggerRef: inputRef,
                 panelRef: panelRef,
                 matchWidth: true,
-                id: listId,
+                ...hasSuggestions ? listboxProps : {},
                 className: classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName),
                 "data-hover-motion": "",
+                "data-selection": "candidate",
                 placement: popupPlacement,
                 style: {
                     maxHeight: listHeight,
@@ -166,22 +183,22 @@ const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: e
                 },
                 container: getPopupContainer,
                 render: popupRender,
-                role: "listbox",
-                "aria-busy": loading || void 0,
-                "aria-label": ariaLabel ? `${ariaLabel} ${'en-US' === locale ? 'suggestions' : '建议'}` : messages.noMatches,
                 children: [
+                    !hasSuggestions && /*#__PURE__*/ jsx("div", {
+                        ...listboxProps
+                    }),
                     /*#__PURE__*/ jsx(FloatingHighlight, {
-                        style: highlight,
-                        selected: true
+                        style: highlight
                     }),
-                    loading && !visibleOptions.length ? /*#__PURE__*/ jsx("div", {
-                        className: "leaf-floating__empty",
-                        children: messages.loading
+                    loading && !visibleOptions.length ? /*#__PURE__*/ jsx(FloatingFeedback, {
+                        loading: true,
+                        children: messages.common.loading
                     }) : errorContent ? /*#__PURE__*/ jsx("div", {
                         className: "leaf-floating__empty",
                         role: "alert",
                         children: errorContent
                     }) : visibleOptions.length ? /*#__PURE__*/ jsx("div", {
+                        className: virtual ? void 0 : 'leaf-floating__options',
                         style: virtual ? {
                             height: virtualizer.getTotalSize(),
                             position: 'relative'
@@ -221,13 +238,15 @@ const autocomplete_AutoComplete = /*#__PURE__*/ forwardRef(function({ options: e
                                         onMouseDown: (event)=>event.preventDefault(),
                                         onMouseEnter: ()=>!option.disabled && setActive(index),
                                         onClick: ()=>select(option),
-                                        children: optionRender?.(option) ?? option.label ?? option.value
+                                        children: /*#__PURE__*/ jsx("span", {
+                                            className: "leaf-floating__option-label",
+                                            children: optionRender?.(option) ?? option.label ?? option.value
+                                        })
                                     }, option.value)
                                 ]
                             }, option.value))
-                    }) : /*#__PURE__*/ jsx("div", {
-                        className: "leaf-floating__empty",
-                        children: notFoundContent ?? messages.noMatches
+                    }) : /*#__PURE__*/ jsx(FloatingFeedback, {
+                        children: notFoundContent ?? messages.autoComplete.empty
                     })
                 ]
             })

package/dist/esm/autocomplete/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete/autocomplete.js","sources":["../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight = 36,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  },\n  forwardedRef,\n) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { locale, messages } = useLeafConfig();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.clearInput}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={inputRef}\n        panelRef={panelRef}\n        matchWidth\n        id={listId}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n        role=\"listbox\"\n        aria-busy={loading || undefined}\n        aria-label={\n          ariaLabel\n            ? `${ariaLabel} ${locale === 'en-US' ? 'suggestions' : '建议'}`\n            : messages.noMatches\n        }\n      >\n        <FloatingHighlight style={highlight} selected />\n        {loading && !visibleOptions.length ? (\n          <div className=\"leaf-floating__empty\">{messages.loading}</div>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      {optionRender?.(option) ?? option.label ?? option.value}\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <div className=\"leaf-floating__empty\">{notFoundContent ?? messages.noMatches}</div>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["AutoComplete","forwardRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeight","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","forwardedRef","field","useFormField","disabled","status","undefined","locale","messages","useLeafConfig","inputRef","useRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","item","start"],"mappings":"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"}
+{"version":3,"file":"autocomplete/autocomplete.js","sources":["../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingFeedback } from '../shared/floating-feedback';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  rawProps: AutoCompleteProps,\n  forwardedRef,\n) {\n  const {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight: optionHeightProp,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('AutoComplete', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { messages, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  const hasSuggestions = visibleOptions.length > 0 && !errorContent;\n  const listboxProps = {\n    id: listId,\n    role: 'listbox' as const,\n    'aria-busy': loading || undefined,\n    'aria-label': ariaLabel\n      ? format('autoComplete.suggestions', { label: ariaLabel })\n      : messages.autoComplete.empty,\n  };\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.input.clear}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={inputRef}\n        panelRef={panelRef}\n        matchWidth\n        {...(hasSuggestions ? listboxProps : {})}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        data-selection=\"candidate\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n      >\n        {!hasSuggestions && <div {...listboxProps} />}\n        <FloatingHighlight style={highlight} />\n        {loading && !visibleOptions.length ? (\n          <FloatingFeedback loading>{messages.common.loading}</FloatingFeedback>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            className={virtual ? undefined : 'leaf-floating__options'}\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      <span className=\"leaf-floating__option-label\">\n                        {optionRender?.(option) ?? option.label ?? option.value}\n                      </span>\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <FloatingFeedback>{notFoundContent ?? messages.autoComplete.empty}</FloatingFeedback>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["AutoComplete","forwardRef","rawProps","forwardedRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeightProp","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","useComponentProps","field","useFormField","disabled","status","undefined","messages","theme","density","useLeafConfig","format","useFormattedText","optionHeight","Math","estimateControlHeight","inputRef","useRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","hasSuggestions","listboxProps","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","FloatingFeedback","item","start"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-export * from './autocomplete.js';
+export type { AutoCompleteOption, AutoCompleteOptionGroup, AutoCompleteProps, } from './autocomplete.js';
+export { AutoComplete } from './autocomplete.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/autocomplete/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./autocomplete.js";
+export { AutoComplete } from "./autocomplete.js";

package/dist/esm/avatar/avatar.d.ts

@@ -10,5 +10,6 @@ export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     icon?: ReactNode;
     onError?: () => void;
 }
-export declare function Avatar({ src, srcSet, imageProps, alt, size, shape, icon, onError, children, className, style, ...props }: AvatarProps): import("react").JSX.Element;
+export declare function AvatarControl({ src, srcSet, imageProps, alt, size, shape, icon, onError, children, className, style, ...props }: AvatarProps): import("react").JSX.Element;
+export declare function Avatar(rawProps: AvatarProps): import("react").JSX.Element;
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAC;IAC7F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,MAAM,EACN,UAAU,EACV,GAAG,EACH,IAAW,EACX,KAAgB,EAChB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BA0Db"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAC;IAC7F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,MAAM,EACN,UAAU,EACV,GAAG,EACH,IAAW,EACX,KAAgB,EAChB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Db;AAED,wBAAgB,MAAM,CAAC,QAAQ,EAAE,WAAW,+BAG3C"}

package/dist/esm/avatar/avatar.js

@@ -2,9 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { UserRound } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
-function Avatar({ src, srcSet, imageProps, alt, size = 'md', shape = 'circle', icon, onError, children, className, style, ...props }) {
+function AvatarControl({ src, srcSet, imageProps, alt, size = 'md', shape = 'circle', icon, onError, children, className, style, ...props }) {
     const { messages } = useLeafConfig();
     const image = useRef(null);
     const [failedSource, setFailedSource] = useState();
@@ -20,7 +21,7 @@ function Avatar({ src, srcSet, imageProps, alt, size = 'md', shape = 'circle', i
     return /*#__PURE__*/ jsxs("span", {
         ...props,
         role: "img",
-        "aria-label": alt ?? props['aria-label'] ?? ('string' == typeof children ? children : messages.avatar),
+        "aria-label": alt ?? props['aria-label'] ?? ('string' == typeof children ? children : messages.avatar.label),
         className: classes('leaf-avatar', `leaf-avatar--${shape}`, 'string' == typeof size && `leaf-avatar--${size}`, className),
         "data-loaded": imageVisible && loadedSource === source ? '' : void 0,
         style: {
@@ -55,6 +56,12 @@ function Avatar({ src, srcSet, imageProps, alt, size = 'md', shape = 'circle', i
         ]
     });
 }
-export { Avatar };
+function Avatar(rawProps) {
+    const props = useComponentProps('Avatar', rawProps);
+    return /*#__PURE__*/ jsx(AvatarControl, {
+        ...props
+    });
+}
+export { Avatar, AvatarControl };
 
 //# sourceMappingURL=avatar.js.map

package/dist/esm/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar/avatar.js","sources":["../../../src/avatar/avatar.tsx"],"sourcesContent":["import { UserRound } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ImgHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  src?: string;\n  srcSet?: string;\n  imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'srcSet' | 'alt' | 'onError'>;\n  alt?: string;\n  size?: ControlSize | number;\n  shape?: 'circle' | 'square';\n  icon?: ReactNode;\n  onError?: () => void;\n}\nexport function Avatar({\n  src,\n  srcSet,\n  imageProps,\n  alt,\n  size = 'md',\n  shape = 'circle',\n  icon,\n  onError,\n  children,\n  className,\n  style,\n  ...props\n}: AvatarProps) {\n  const { messages } = useLeafConfig();\n  const image = useRef<HTMLImageElement>(null);\n  const [failedSource, setFailedSource] = useState<string>();\n  const [loadedSource, setLoadedSource] = useState<string>();\n  const source = `${src ?? ''}|${srcSet ?? ''}`;\n  const imageVisible = Boolean(src || srcSet) && failedSource !== source;\n  useEffect(() => {\n    if (imageVisible && image.current?.complete && image.current.naturalWidth > 0)\n      setLoadedSource(source);\n  }, [imageVisible, source]);\n  return (\n    <span\n      {...props}\n      role=\"img\"\n      aria-label={\n        alt ?? props['aria-label'] ?? (typeof children === 'string' ? children : messages.avatar)\n      }\n      className={classes(\n        'leaf-avatar',\n        `leaf-avatar--${shape}`,\n        typeof size === 'string' && `leaf-avatar--${size}`,\n        className,\n      )}\n      data-loaded={imageVisible && loadedSource === source ? '' : undefined}\n      style={{\n        ...(typeof size === 'number'\n          ? {\n              width: Math.max(1, size),\n              height: Math.max(1, size),\n              fontSize: Math.max(12, size * 0.4),\n            }\n          : {}),\n        ...style,\n      }}\n    >\n      <span className=\"leaf-avatar__fallback\" aria-hidden=\"true\">\n        {children ?? icon ?? <UserRound />}\n      </span>\n      {imageVisible && (\n        <img\n          {...imageProps}\n          ref={image}\n          src={src}\n          srcSet={srcSet}\n          alt=\"\"\n          onLoad={(event) => {\n            setLoadedSource(source);\n            imageProps?.onLoad?.(event);\n          }}\n          onError={() => {\n            setFailedSource(source);\n            onError?.();\n          }}\n        />\n      )}\n    </span>\n  );\n}\n"],"names":["Avatar","src","srcSet","imageProps","alt","size","shape","icon","onError","children","className","style","props","messages","useLeafConfig","image","useRef","failedSource","setFailedSource","useState","loadedSource","setLoadedSource","source","imageVisible","Boolean","useEffect","classes","undefined","Math","UserRound","event"],"mappings":";;;;;;AAuBO,SAASA,OAAO,EACrBC,GAAG,EACHC,MAAM,EACNC,UAAU,EACVC,GAAG,EACHC,OAAO,IAAI,EACXC,QAAQ,QAAQ,EAChBC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,GAAGC,OACS;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,QAAQC,OAAyB;IACvC,MAAM,CAACC,cAAcC,gBAAgB,GAAGC;IACxC,MAAM,CAACC,cAAcC,gBAAgB,GAAGF;IACxC,MAAMG,SAAS,GAAGrB,OAAO,GAAG,CAAC,EAAEC,UAAU,IAAI;IAC7C,MAAMqB,eAAeC,QAAQvB,OAAOC,WAAWe,iBAAiBK;IAChEG,UAAU;QACR,IAAIF,gBAAgBR,MAAM,OAAO,EAAE,YAAYA,MAAM,OAAO,CAAC,YAAY,GAAG,GAC1EM,gBAAgBC;IACpB,GAAG;QAACC;QAAcD;KAAO;IACzB,OAAO,WAAP,GACE,KAAC;QACE,GAAGV,KAAK;QACT,MAAK;QACL,cACER,OAAOQ,KAAK,CAAC,aAAa,IAAK,CAAoB,YAApB,OAAOH,WAAwBA,WAAWI,SAAS,MAAK;QAEzF,WAAWa,QACT,eACA,CAAC,aAAa,EAAEpB,OAAO,EACvB,AAAgB,YAAhB,OAAOD,QAAqB,CAAC,aAAa,EAAEA,MAAM,EAClDK;QAEF,eAAaa,gBAAgBH,iBAAiBE,SAAS,KAAKK;QAC5D,OAAO;YACL,GAAI,AAAgB,YAAhB,OAAOtB,OACP;gBACE,OAAOuB,KAAK,GAAG,CAAC,GAAGvB;gBACnB,QAAQuB,KAAK,GAAG,CAAC,GAAGvB;gBACpB,UAAUuB,KAAK,GAAG,CAAC,IAAIvB,AAAO,MAAPA;YACzB,IACA,CAAC,CAAC;YACN,GAAGM,KAAK;QACV;;0BAEA,IAAC;gBAAK,WAAU;gBAAwB,eAAY;0BACjDF,YAAYF,QAAQ,WAARA,GAAQ,IAACsB,WAASA,CAAAA;;YAEhCN,gBAAgB,WAAhBA,GACC,IAAC;gBACE,GAAGpB,UAAU;gBACd,KAAKY;gBACL,KAAKd;gBACL,QAAQC;gBACR,KAAI;gBACJ,QAAQ,CAAC4B;oBACPT,gBAAgBC;oBAChBnB,YAAY,SAAS2B;gBACvB;gBACA,SAAS;oBACPZ,gBAAgBI;oBAChBd;gBACF;;;;AAKV"}
+{"version":3,"file":"avatar/avatar.js","sources":["../../../src/avatar/avatar.tsx"],"sourcesContent":["import { UserRound } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ImgHTMLAttributes,\n  type ReactNode,\n  useEffect,\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 { ControlSize } from '../shared/types';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  src?: string;\n  srcSet?: string;\n  imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'srcSet' | 'alt' | 'onError'>;\n  alt?: string;\n  size?: ControlSize | number;\n  shape?: 'circle' | 'square';\n  icon?: ReactNode;\n  onError?: () => void;\n}\nexport function AvatarControl({\n  src,\n  srcSet,\n  imageProps,\n  alt,\n  size = 'md',\n  shape = 'circle',\n  icon,\n  onError,\n  children,\n  className,\n  style,\n  ...props\n}: AvatarProps) {\n  const { messages } = useLeafConfig();\n  const image = useRef<HTMLImageElement>(null);\n  const [failedSource, setFailedSource] = useState<string>();\n  const [loadedSource, setLoadedSource] = useState<string>();\n  const source = `${src ?? ''}|${srcSet ?? ''}`;\n  const imageVisible = Boolean(src || srcSet) && failedSource !== source;\n  useEffect(() => {\n    if (imageVisible && image.current?.complete && image.current.naturalWidth > 0)\n      setLoadedSource(source);\n  }, [imageVisible, source]);\n  return (\n    <span\n      {...props}\n      role=\"img\"\n      aria-label={\n        alt ??\n        props['aria-label'] ??\n        (typeof children === 'string' ? children : messages.avatar.label)\n      }\n      className={classes(\n        'leaf-avatar',\n        `leaf-avatar--${shape}`,\n        typeof size === 'string' && `leaf-avatar--${size}`,\n        className,\n      )}\n      data-loaded={imageVisible && loadedSource === source ? '' : undefined}\n      style={{\n        ...(typeof size === 'number'\n          ? {\n              width: Math.max(1, size),\n              height: Math.max(1, size),\n              fontSize: Math.max(12, size * 0.4),\n            }\n          : {}),\n        ...style,\n      }}\n    >\n      <span className=\"leaf-avatar__fallback\" aria-hidden=\"true\">\n        {children ?? icon ?? <UserRound />}\n      </span>\n      {imageVisible && (\n        <img\n          {...imageProps}\n          ref={image}\n          src={src}\n          srcSet={srcSet}\n          alt=\"\"\n          onLoad={(event) => {\n            setLoadedSource(source);\n            imageProps?.onLoad?.(event);\n          }}\n          onError={() => {\n            setFailedSource(source);\n            onError?.();\n          }}\n        />\n      )}\n    </span>\n  );\n}\n\nexport function Avatar(rawProps: AvatarProps) {\n  const props = useComponentProps('Avatar', rawProps);\n  return <AvatarControl {...props} />;\n}\n"],"names":["AvatarControl","src","srcSet","imageProps","alt","size","shape","icon","onError","children","className","style","props","messages","useLeafConfig","image","useRef","failedSource","setFailedSource","useState","loadedSource","setLoadedSource","source","imageVisible","Boolean","useEffect","classes","undefined","Math","UserRound","event","Avatar","rawProps","useComponentProps"],"mappings":";;;;;;;AAwBO,SAASA,cAAc,EAC5BC,GAAG,EACHC,MAAM,EACNC,UAAU,EACVC,GAAG,EACHC,OAAO,IAAI,EACXC,QAAQ,QAAQ,EAChBC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,GAAGC,OACS;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,QAAQC,OAAyB;IACvC,MAAM,CAACC,cAAcC,gBAAgB,GAAGC;IACxC,MAAM,CAACC,cAAcC,gBAAgB,GAAGF;IACxC,MAAMG,SAAS,GAAGrB,OAAO,GAAG,CAAC,EAAEC,UAAU,IAAI;IAC7C,MAAMqB,eAAeC,QAAQvB,OAAOC,WAAWe,iBAAiBK;IAChEG,UAAU;QACR,IAAIF,gBAAgBR,MAAM,OAAO,EAAE,YAAYA,MAAM,OAAO,CAAC,YAAY,GAAG,GAC1EM,gBAAgBC;IACpB,GAAG;QAACC;QAAcD;KAAO;IACzB,OAAO,WAAP,GACE,KAAC;QACE,GAAGV,KAAK;QACT,MAAK;QACL,cACER,OACAQ,KAAK,CAAC,aAAa,IAClB,CAAoB,YAApB,OAAOH,WAAwBA,WAAWI,SAAS,MAAM,CAAC,KAAI;QAEjE,WAAWa,QACT,eACA,CAAC,aAAa,EAAEpB,OAAO,EACvB,AAAgB,YAAhB,OAAOD,QAAqB,CAAC,aAAa,EAAEA,MAAM,EAClDK;QAEF,eAAaa,gBAAgBH,iBAAiBE,SAAS,KAAKK;QAC5D,OAAO;YACL,GAAI,AAAgB,YAAhB,OAAOtB,OACP;gBACE,OAAOuB,KAAK,GAAG,CAAC,GAAGvB;gBACnB,QAAQuB,KAAK,GAAG,CAAC,GAAGvB;gBACpB,UAAUuB,KAAK,GAAG,CAAC,IAAIvB,AAAO,MAAPA;YACzB,IACA,CAAC,CAAC;YACN,GAAGM,KAAK;QACV;;0BAEA,IAAC;gBAAK,WAAU;gBAAwB,eAAY;0BACjDF,YAAYF,QAAQ,WAARA,GAAQ,IAACsB,WAASA,CAAAA;;YAEhCN,gBAAgB,WAAhBA,GACC,IAAC;gBACE,GAAGpB,UAAU;gBACd,KAAKY;gBACL,KAAKd;gBACL,QAAQC;gBACR,KAAI;gBACJ,QAAQ,CAAC4B;oBACPT,gBAAgBC;oBAChBnB,YAAY,SAAS2B;gBACvB;gBACA,SAAS;oBACPZ,gBAAgBI;oBAChBd;gBACF;;;;AAKV;AAEO,SAASuB,OAAOC,QAAqB;IAC1C,MAAMpB,QAAQqB,kBAAkB,UAAUD;IAC1C,OAAO,WAAP,GAAO,IAAChC,eAAaA;QAAE,GAAGY,KAAK;;AACjC"}

package/dist/esm/avatar/group.d.ts

@@ -6,5 +6,5 @@ export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
     shape?: AvatarProps['shape'];
     maxContent?: (hiddenCount: number) => ReactNode;
 }
-export declare function AvatarGroup({ maxCount, size, shape, maxContent, className, children, ...props }: AvatarGroupProps): import("react").JSX.Element;
+export declare function AvatarGroup(rawProps: AvatarGroupProps): import("react").JSX.Element;
 //# sourceMappingURL=group.d.ts.map

package/dist/esm/avatar/group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/avatar/group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC;CACjD;AACD,wBAAgB,WAAW,CAAC,EAC1B,QAAmB,EACnB,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAoClB"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/avatar/group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAOf,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACrE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC;CACjD;AACD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,gBAAgB,+BA8CrD"}

package/dist/esm/avatar/group.js

@@ -1,13 +1,17 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement, useRef } from "react";
-import { Popover } from "../popover/index.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { PopoverControl } from "../popover/popover.js";
 import { classes } from "../shared/classes.js";
 import { useListMotion } from "../shared/motion.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
-import { Avatar } from "./avatar.js";
-function AvatarGroup({ maxCount = 1 / 0, size, shape, maxContent, className, children, ...props }) {
+import { AvatarControl } from "./avatar.js";
+function AvatarGroup(rawProps) {
+    const { maxCount = 1 / 0, size, shape, maxContent, className, children, ...props } = useComponentProps('AvatarGroup', rawProps);
     const t = useText();
+    const format = useFormattedText();
     const root = useRef(null);
     const items = Children.toArray(children).map((child)=>/*#__PURE__*/ isValidElement(child) ? /*#__PURE__*/ cloneElement(child, {
             size: child.props.size ?? size,
@@ -22,7 +26,7 @@ function AvatarGroup({ maxCount = 1 / 0, size, shape, maxContent, className, chi
         className: classes('leaf-avatar-group', className),
         children: [
             visible,
-            hidden.length > 0 && /*#__PURE__*/ jsx(Popover, {
+            hidden.length > 0 && /*#__PURE__*/ jsx(PopoverControl, {
                 trigger: "hover",
                 content: /*#__PURE__*/ jsx("div", {
                     className: "leaf-avatar-group__overflow",
@@ -31,11 +35,13 @@ function AvatarGroup({ maxCount = 1 / 0, size, shape, maxContent, className, chi
                 children: /*#__PURE__*/ jsx("button", {
                     type: "button",
                     className: "leaf-avatar-group__more",
-                    "aria-label": t(`查看其余 ${hidden.length} 位成员`, `Show ${hidden.length} more members`),
-                    children: /*#__PURE__*/ jsx(Avatar, {
+                    "aria-label": format('avatar.showMore', {
+                        count: hidden.length
+                    }),
+                    children: /*#__PURE__*/ jsx(AvatarControl, {
                         size: size,
                         shape: shape,
-                        alt: t('更多成员', 'More members'),
+                        alt: t('avatar.moreMembers'),
                         children: maxContent?.(hidden.length) ?? `+${hidden.length}`
                     })
                 })

package/dist/esm/avatar/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar/group.js","sources":["../../../src/avatar/group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactNode,\n  useRef,\n} from 'react';\nimport { Popover } from '../popover';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { Avatar, type AvatarProps } from './avatar';\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {\n  maxCount?: number;\n  size?: AvatarProps['size'];\n  shape?: AvatarProps['shape'];\n  maxContent?: (hiddenCount: number) => ReactNode;\n}\nexport function AvatarGroup({\n  maxCount = Infinity,\n  size,\n  shape,\n  maxContent,\n  className,\n  children,\n  ...props\n}: AvatarGroupProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const items = Children.toArray(children).map((child) =>\n    isValidElement<AvatarProps>(child)\n      ? cloneElement(child, { size: child.props.size ?? size, shape: child.props.shape ?? shape })\n      : child,\n  );\n  const visible = items.slice(0, Math.max(0, maxCount));\n  const hidden = items.slice(visible.length);\n  useListMotion(\n    root,\n    JSON.stringify(visible.map((child, index) => (isValidElement(child) ? child.key : index))),\n    ':scope > .leaf-avatar, :scope > .leaf-avatar-group__more',\n  );\n  return (\n    <div {...props} ref={root} className={classes('leaf-avatar-group', className)}>\n      {visible}\n      {hidden.length > 0 && (\n        <Popover\n          trigger=\"hover\"\n          content={<div className=\"leaf-avatar-group__overflow\">{hidden}</div>}\n        >\n          <button\n            type=\"button\"\n            className=\"leaf-avatar-group__more\"\n            aria-label={t(`查看其余 ${hidden.length} 位成员`, `Show ${hidden.length} more members`)}\n          >\n            <Avatar size={size} shape={shape} alt={t('更多成员', 'More members')}>\n              {maxContent?.(hidden.length) ?? `+${hidden.length}`}\n            </Avatar>\n          </button>\n        </Popover>\n      )}\n    </div>\n  );\n}\n"],"names":["AvatarGroup","maxCount","Infinity","size","shape","maxContent","className","children","props","t","useText","root","useRef","items","Children","child","isValidElement","cloneElement","visible","Math","hidden","useListMotion","JSON","index","classes","Popover","Avatar"],"mappings":";;;;;;;;AAmBO,SAASA,YAAY,EAC1BC,WAAWC,KAAQ,EACnBC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACc;IACjB,MAAMC,IAAIC;IACV,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,QAAQC,SAAS,OAAO,CAACP,UAAU,GAAG,CAAC,CAACQ,QAAAA,WAAAA,GAC5CC,eAA4BD,SAAAA,WAAAA,GACxBE,aAAaF,OAAO;YAAE,MAAMA,MAAM,KAAK,CAAC,IAAI,IAAIZ;YAAM,OAAOY,MAAM,KAAK,CAAC,KAAK,IAAIX;QAAM,KACxFW;IAEN,MAAMG,UAAUL,MAAM,KAAK,CAAC,GAAGM,KAAK,GAAG,CAAC,GAAGlB;IAC3C,MAAMmB,SAASP,MAAM,KAAK,CAACK,QAAQ,MAAM;IACzCG,cACEV,MACAW,KAAK,SAAS,CAACJ,QAAQ,GAAG,CAAC,CAACH,OAAOQ,QAAAA,WAAAA,GAAWP,eAAeD,SAASA,MAAM,GAAG,GAAGQ,SAClF;IAEF,OAAO,WAAP,GACE,KAAC;QAAK,GAAGf,KAAK;QAAE,KAAKG;QAAM,WAAWa,QAAQ,qBAAqBlB;;YAChEY;YACAE,OAAO,MAAM,GAAG,KAAK,WAAL,GACf,IAACK,SAAOA;gBACN,SAAQ;gBACR,uBAAS,IAAC;oBAAI,WAAU;8BAA+BL;;0BAEvD,kBAAC;oBACC,MAAK;oBACL,WAAU;oBACV,cAAYX,EAAE,CAAC,KAAK,EAAEW,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAEA,OAAO,MAAM,CAAC,aAAa,CAAC;8BAE/E,kBAACM,QAAMA;wBAAC,MAAMvB;wBAAM,OAAOC;wBAAO,KAAKK,EAAE,QAAQ;kCAC9CJ,aAAae,OAAO,MAAM,KAAK,CAAC,CAAC,EAAEA,OAAO,MAAM,EAAE;;;;;;AAOjE"}
+{"version":3,"file":"avatar/group.js","sources":["../../../src/avatar/group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactNode,\n  useRef,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { PopoverControl as Popover } from '../popover/popover';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport { AvatarControl as Avatar, type AvatarProps } from './avatar';\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {\n  maxCount?: number;\n  size?: AvatarProps['size'];\n  shape?: AvatarProps['shape'];\n  maxContent?: (hiddenCount: number) => ReactNode;\n}\nexport function AvatarGroup(rawProps: AvatarGroupProps) {\n  const {\n    maxCount = Infinity,\n    size,\n    shape,\n    maxContent,\n    className,\n    children,\n    ...props\n  } = useComponentProps('AvatarGroup', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const root = useRef<HTMLDivElement>(null);\n  const items = Children.toArray(children).map((child) =>\n    isValidElement<AvatarProps>(child)\n      ? cloneElement(child, { size: child.props.size ?? size, shape: child.props.shape ?? shape })\n      : child,\n  );\n  const visible = items.slice(0, Math.max(0, maxCount));\n  const hidden = items.slice(visible.length);\n  useListMotion(\n    root,\n    JSON.stringify(visible.map((child, index) => (isValidElement(child) ? child.key : index))),\n    ':scope > .leaf-avatar, :scope > .leaf-avatar-group__more',\n  );\n  return (\n    <div {...props} ref={root} className={classes('leaf-avatar-group', className)}>\n      {visible}\n      {hidden.length > 0 && (\n        <Popover\n          trigger=\"hover\"\n          content={<div className=\"leaf-avatar-group__overflow\">{hidden}</div>}\n        >\n          <button\n            type=\"button\"\n            className=\"leaf-avatar-group__more\"\n            aria-label={format('avatar.showMore', { count: hidden.length })}\n          >\n            <Avatar size={size} shape={shape} alt={t('avatar.moreMembers')}>\n              {maxContent?.(hidden.length) ?? `+${hidden.length}`}\n            </Avatar>\n          </button>\n        </Popover>\n      )}\n    </div>\n  );\n}\n"],"names":["AvatarGroup","rawProps","maxCount","Infinity","size","shape","maxContent","className","children","props","useComponentProps","t","useText","format","useFormattedText","root","useRef","items","Children","child","isValidElement","cloneElement","visible","Math","hidden","useListMotion","JSON","index","classes","Popover","Avatar"],"mappings":";;;;;;;;;;AAqBO,SAASA,YAAYC,QAA0B;IACpD,MAAM,EACJC,WAAWC,KAAQ,EACnBC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACJ,GAAGC,kBAAkB,eAAeT;IACrC,MAAMU,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,QAAQC,SAAS,OAAO,CAACV,UAAU,GAAG,CAAC,CAACW,QAAAA,WAAAA,GAC5CC,eAA4BD,SAAAA,WAAAA,GACxBE,aAAaF,OAAO;YAAE,MAAMA,MAAM,KAAK,CAAC,IAAI,IAAIf;YAAM,OAAOe,MAAM,KAAK,CAAC,KAAK,IAAId;QAAM,KACxFc;IAEN,MAAMG,UAAUL,MAAM,KAAK,CAAC,GAAGM,KAAK,GAAG,CAAC,GAAGrB;IAC3C,MAAMsB,SAASP,MAAM,KAAK,CAACK,QAAQ,MAAM;IACzCG,cACEV,MACAW,KAAK,SAAS,CAACJ,QAAQ,GAAG,CAAC,CAACH,OAAOQ,QAAAA,WAAAA,GAAWP,eAAeD,SAASA,MAAM,GAAG,GAAGQ,SAClF;IAEF,OAAO,WAAP,GACE,KAAC;QAAK,GAAGlB,KAAK;QAAE,KAAKM;QAAM,WAAWa,QAAQ,qBAAqBrB;;YAChEe;YACAE,OAAO,MAAM,GAAG,KAAK,WAAL,GACf,IAACK,gBAAOA;gBACN,SAAQ;gBACR,uBAAS,IAAC;oBAAI,WAAU;8BAA+BL;;0BAEvD,kBAAC;oBACC,MAAK;oBACL,WAAU;oBACV,cAAYX,OAAO,mBAAmB;wBAAE,OAAOW,OAAO,MAAM;oBAAC;8BAE7D,kBAACM,eAAMA;wBAAC,MAAM1B;wBAAM,OAAOC;wBAAO,KAAKM,EAAE;kCACtCL,aAAakB,OAAO,MAAM,KAAK,CAAC,CAAC,EAAEA,OAAO,MAAM,EAAE;;;;;;AAOjE"}

package/dist/esm/backtop/backtop.d.ts

@@ -4,5 +4,5 @@ export interface BackTopProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     visibilityHeight?: number;
     behavior?: ScrollBehavior;
 }
-export declare function BackTop({ target, visibilityHeight, behavior, className, children, onClick, ...props }: BackTopProps): import("react").JSX.Element;
+export declare function BackTop(rawProps: BackTopProps): import("react").JSX.Element;
 //# sourceMappingURL=backtop.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"backtop.d.ts","sourceRoot":"","sources":["../../../src/backtop/backtop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAuB,MAAM,OAAO,CAAC;AAKvE,MAAM,WAAW,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AACD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,gBAAsB,EACtB,QAAmB,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+BAgCd"}
+{"version":3,"file":"backtop.d.ts","sourceRoot":"","sources":["../../../src/backtop/backtop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAuB,MAAM,OAAO,CAAC;AAMvE,MAAM,WAAW,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AACD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BAyC7C"}

package/dist/esm/backtop/backtop.js

@@ -2,11 +2,13 @@
 import { jsx } from "react/jsx-runtime";
 import { ArrowUp } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useMotionEnabled } from "../shared/motion.js";
 import { useText } from "../shared/use-text.js";
-function BackTop({ target, visibilityHeight = 400, behavior = 'smooth', className, children, onClick, ...props }) {
+function BackTop(rawProps) {
+    const { target, visibilityHeight = 400, behavior = 'smooth', className, children, onClick, ...props } = useComponentProps('BackTop', rawProps);
     const t = useText();
     const motion = useMotionEnabled();
     const [visible, setVisible] = useState(false);
@@ -22,10 +24,10 @@ function BackTop({ target, visibilityHeight = 400, behavior = 'smooth', classNam
         target,
         visibilityHeight
     ]);
-    return /*#__PURE__*/ jsx(Button, {
+    return /*#__PURE__*/ jsx(ButtonControl, {
         ...props,
         className: classes('leaf-back-top', className),
-        "aria-label": props['aria-label'] ?? t('回到顶部', 'Back to top'),
+        "aria-label": props['aria-label'] ?? t('backTop.backToTop'),
         "data-visible": visible || void 0,
         tabIndex: visible ? props.tabIndex : -1,
         "aria-hidden": !visible,

package/dist/esm/backtop/backtop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop/backtop.js","sources":["../../../src/backtop/backtop.tsx"],"sourcesContent":["import { ArrowUp } from 'lucide-react';\nimport { type ButtonHTMLAttributes, useEffect, useState } from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nexport interface BackTopProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  target?: () => HTMLElement | Window | null;\n  visibilityHeight?: number;\n  behavior?: ScrollBehavior;\n}\nexport function BackTop({\n  target,\n  visibilityHeight = 400,\n  behavior = 'smooth',\n  className,\n  children,\n  onClick,\n  ...props\n}: BackTopProps) {\n  const t = useText();\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(false);\n  useEffect(() => {\n    const element = target?.() ?? window;\n    const update = () =>\n      setVisible(\n        (element instanceof Window ? element.scrollY : element.scrollTop) >= visibilityHeight,\n      );\n    update();\n    element.addEventListener('scroll', update, { passive: true });\n    return () => element.removeEventListener('scroll', update);\n  }, [target, visibilityHeight]);\n  return (\n    <Button\n      {...props}\n      className={classes('leaf-back-top', className)}\n      aria-label={props['aria-label'] ?? t('回到顶部', 'Back to top')}\n      data-visible={visible || undefined}\n      tabIndex={visible ? props.tabIndex : -1}\n      aria-hidden={!visible}\n      startIcon={!children ? <ArrowUp /> : undefined}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        (target?.() ?? window).scrollTo({ top: 0, behavior: motion ? behavior : 'auto' });\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"names":["BackTop","target","visibilityHeight","behavior","className","children","onClick","props","t","useText","motion","useMotionEnabled","visible","setVisible","useState","useEffect","element","window","update","Window","Button","classes","undefined","ArrowUp","event"],"mappings":";;;;;;;;AAWO,SAASA,QAAQ,EACtBC,MAAM,EACNC,mBAAmB,GAAG,EACtBC,WAAW,QAAQ,EACnBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,OACU;IACb,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvCC,UAAU;QACR,MAAMC,UAAUf,cAAcgB;QAC9B,MAAMC,SAAS,IACbL,WACGG,AAAAA,CAAAA,mBAAmBG,SAASH,QAAQ,OAAO,GAAGA,QAAQ,SAAQ,KAAMd;QAEzEgB;QACAF,QAAQ,gBAAgB,CAAC,UAAUE,QAAQ;YAAE,SAAS;QAAK;QAC3D,OAAO,IAAMF,QAAQ,mBAAmB,CAAC,UAAUE;IACrD,GAAG;QAACjB;QAAQC;KAAiB;IAC7B,OAAO,WAAP,GACE,IAACkB,QAAMA;QACJ,GAAGb,KAAK;QACT,WAAWc,QAAQ,iBAAiBjB;QACpC,cAAYG,KAAK,CAAC,aAAa,IAAIC,EAAE,QAAQ;QAC7C,gBAAcI,WAAWU;QACzB,UAAUV,UAAUL,MAAM,QAAQ,GAAG;QACrC,eAAa,CAACK;QACd,WAAW,AAACP,WAAyBiB,SAAd,WAAXjB,GAAW,IAACkB,SAAOA,CAAAA;QAC/B,SAAS,CAACC;YACRlB,UAAUkB;YACV,IAAIA,MAAM,gBAAgB,EAAE;YAC3BvB,CAAAA,cAAcgB,MAAK,EAAG,QAAQ,CAAC;gBAAE,KAAK;gBAAG,UAAUP,SAASP,WAAW;YAAO;QACjF;kBAECE;;AAGP"}
+{"version":3,"file":"backtop/backtop.js","sources":["../../../src/backtop/backtop.tsx"],"sourcesContent":["import { ArrowUp } from 'lucide-react';\nimport { type ButtonHTMLAttributes, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nexport interface BackTopProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  target?: () => HTMLElement | Window | null;\n  visibilityHeight?: number;\n  behavior?: ScrollBehavior;\n}\nexport function BackTop(rawProps: BackTopProps) {\n  const {\n    target,\n    visibilityHeight = 400,\n    behavior = 'smooth',\n    className,\n    children,\n    onClick,\n    ...props\n  } = useComponentProps('BackTop', rawProps);\n  const t = useText();\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(false);\n  useEffect(() => {\n    const element = target?.() ?? window;\n    const update = () =>\n      setVisible(\n        (element instanceof Window ? element.scrollY : element.scrollTop) >= visibilityHeight,\n      );\n    update();\n    element.addEventListener('scroll', update, { passive: true });\n    return () => element.removeEventListener('scroll', update);\n  }, [target, visibilityHeight]);\n  return (\n    <ButtonControl\n      {...props}\n      className={classes('leaf-back-top', className)}\n      aria-label={props['aria-label'] ?? t('backTop.backToTop')}\n      data-visible={visible || undefined}\n      tabIndex={visible ? props.tabIndex : -1}\n      aria-hidden={!visible}\n      startIcon={!children ? <ArrowUp /> : undefined}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        (target?.() ?? window).scrollTo({ top: 0, behavior: motion ? behavior : 'auto' });\n      }}\n    >\n      {children}\n    </ButtonControl>\n  );\n}\n"],"names":["BackTop","rawProps","target","visibilityHeight","behavior","className","children","onClick","props","useComponentProps","t","useText","motion","useMotionEnabled","visible","setVisible","useState","useEffect","element","window","update","Window","ButtonControl","classes","undefined","ArrowUp","event"],"mappings":";;;;;;;;;AAYO,SAASA,QAAQC,QAAsB;IAC5C,MAAM,EACJC,MAAM,EACNC,mBAAmB,GAAG,EACtBC,WAAW,QAAQ,EACnBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,OACJ,GAAGC,kBAAkB,WAAWR;IACjC,MAAMS,IAAIC;IACV,MAAMC,SAASC;IACf,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvCC,UAAU;QACR,MAAMC,UAAUhB,cAAciB;QAC9B,MAAMC,SAAS,IACbL,WACGG,AAAAA,CAAAA,mBAAmBG,SAASH,QAAQ,OAAO,GAAGA,QAAQ,SAAQ,KAAMf;QAEzEiB;QACAF,QAAQ,gBAAgB,CAAC,UAAUE,QAAQ;YAAE,SAAS;QAAK;QAC3D,OAAO,IAAMF,QAAQ,mBAAmB,CAAC,UAAUE;IACrD,GAAG;QAAClB;QAAQC;KAAiB;IAC7B,OAAO,WAAP,GACE,IAACmB,eAAaA;QACX,GAAGd,KAAK;QACT,WAAWe,QAAQ,iBAAiBlB;QACpC,cAAYG,KAAK,CAAC,aAAa,IAAIE,EAAE;QACrC,gBAAcI,WAAWU;QACzB,UAAUV,UAAUN,MAAM,QAAQ,GAAG;QACrC,eAAa,CAACM;QACd,WAAW,AAACR,WAAyBkB,SAAd,WAAXlB,GAAW,IAACmB,SAAOA,CAAAA;QAC/B,SAAS,CAACC;YACRnB,UAAUmB;YACV,IAAIA,MAAM,gBAAgB,EAAE;YAC3BxB,CAAAA,cAAciB,MAAK,EAAG,QAAQ,CAAC;gBAAE,KAAK;gBAAG,UAAUP,SAASR,WAAW;YAAO;QACjF;kBAECE;;AAGP"}

package/dist/esm/badge/badge.d.ts

@@ -8,5 +8,5 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     text?: ReactNode;
     color?: string;
 }
-export declare function Badge({ count, max, showZero, dot, status, text, color, children, className, style, ...props }: BadgeProps): import("react").JSX.Element;
+export declare function Badge(rawProps: BadgeProps): import("react").JSX.Element;
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAQ,EACR,QAAgB,EAChB,GAAW,EACX,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BAyCZ"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,wBAAgB,KAAK,CAAC,QAAQ,EAAE,UAAU,+BAsDzC"}

package/dist/esm/badge/badge.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useContentTransition } from "../shared/presence.js";
-function Badge({ count, max = 99, showZero = false, dot = false, status, text, color, children, className, style, ...props }) {
+function Badge(rawProps) {
+    const { count, max = 99, showZero = false, dot = false, status, text, color, children, className, style, ...props } = useComponentProps('Badge', rawProps);
     const number = useRef(null);
     const hasCount = void 0 !== count && '' !== count && (0 !== count || showZero);
     const visible = dot || status || hasCount;