@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/anchor/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor/anchor.js","sources":["../../../src/anchor/anchor.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useControllable } from '../shared/use-controllable';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface AnchorItem {\n  key: string;\n  title: ReactNode;\n  href: string;\n  children?: readonly AnchorItem[];\n}\nexport interface AnchorProps extends HTMLAttributes<HTMLElement> {\n  items: readonly AnchorItem[];\n  container?: () => HTMLElement | Window;\n  offset?: number;\n  activeKey?: string;\n  onActiveChange?: (key: string) => void;\n  smooth?: boolean;\n}\nexport function Anchor(rawProps: AnchorProps) {\n  const {\n    items,\n    container,\n    offset = 12,\n    activeKey,\n    onActiveChange,\n    smooth = true,\n    className,\n    ...props\n  } = useComponentProps('Anchor', rawProps);\n  const [active, setActive] = useControllable(activeKey, '', onActiveChange);\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const motion = useMotionEnabled();\n  useMovingIndicator(root, indicator, '[aria-current=\"location\"]', active);\n  const callback = useRef(setActive);\n  callback.current = setActive;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;\n        let key = '';\n        const visit = (entries: readonly AnchorItem[]) => {\n          for (const item of entries) {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;\n            if (item.children) visit(item.children);\n          }\n        };\n        visit(items);\n        callback.current(key);\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, items, offset]);\n  const links = (entries: readonly AnchorItem[]) =>\n    entries.map((item) => (\n      <li key={item.key}>\n        <a\n          href={item.href}\n          data-leaf-indicator-item=\"\"\n          aria-current={active === item.key ? 'location' : undefined}\n          onClick={(event) => {\n            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));\n            if (!target) return;\n            event.preventDefault();\n            const scroll = container?.() ?? window;\n            const top =\n              target.getBoundingClientRect().top -\n              (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) +\n              (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) -\n              offset;\n            scroll.scrollTo({\n              top,\n              behavior: smooth && motion ? 'smooth' : 'instant',\n            });\n            setActive(item.key);\n          }}\n        >\n          {item.title}\n        </a>\n        {item.children && <ul>{links(item.children)}</ul>}\n      </li>\n    ));\n  return (\n    <nav\n      {...props}\n      ref={root}\n      aria-label={props['aria-label'] ?? 'Contents'}\n      className={classes('leaf-anchor', className)}\n    >\n      <span ref={indicator} className=\"leaf-anchor__indicator\" aria-hidden=\"true\" />\n      <ul>{links(items)}</ul>\n    </nav>\n  );\n}\nexport interface AffixProps extends HTMLAttributes<HTMLDivElement> {\n  offsetTop?: number;\n  offsetBottom?: number;\n  container?: () => HTMLElement | Window;\n  onAffixChange?: (affixed: boolean) => void;\n}\nexport function Affix(rawProps: AffixProps) {\n  const {\n    offsetTop = 0,\n    offsetBottom,\n    container,\n    onAffixChange,\n    className,\n    style,\n    children,\n    ...props\n  } = useComponentProps('Affix', rawProps);\n  const placeholder = useRef<HTMLDivElement>(null),\n    content = useRef<HTMLDivElement>(null);\n  const [position, setPosition] = useState<React.CSSProperties>();\n  const callback = useRef(onAffixChange);\n  callback.current = onAffixChange;\n  useEffect(() => {\n    const scroll = container?.() ?? window;\n    let frame = 0,\n      was = false;\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        if (!placeholder.current || !content.current) return;\n        const bounds = placeholder.current.getBoundingClientRect(),\n          view =\n            scroll instanceof HTMLElement\n              ? scroll.getBoundingClientRect()\n              : { top: 0, bottom: innerHeight };\n        const affixed =\n          offsetBottom === undefined\n            ? bounds.top < view.top + offsetTop\n            : bounds.bottom > view.bottom - offsetBottom;\n        setPosition(\n          affixed\n            ? {\n                position: 'fixed',\n                top:\n                  offsetBottom === undefined\n                    ? view.top + offsetTop\n                    : view.bottom - offsetBottom - content.current.offsetHeight,\n                left: bounds.left,\n                width: bounds.width,\n                zIndex: 20,\n              }\n            : undefined,\n        );\n        if (affixed !== was) {\n          was = affixed;\n          callback.current?.(affixed);\n        }\n      });\n    };\n    scroll.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(update);\n    if (placeholder.current) observer?.observe(placeholder.current);\n    if (content.current) observer?.observe(content.current);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      scroll.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [container, offsetTop, offsetBottom]);\n  return (\n    <div\n      {...props}\n      ref={placeholder}\n      className={classes('leaf-affix', className)}\n      style={{ ...style, height: position ? content.current?.offsetHeight : style?.height }}\n    >\n      <div ref={content} style={position}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["Anchor","rawProps","items","container","offset","activeKey","onActiveChange","smooth","className","props","useComponentProps","active","setActive","useControllable","root","useRef","indicator","motion","useMotionEnabled","useMovingIndicator","callback","useEffect","scroll","window","frame","update","cancelAnimationFrame","requestAnimationFrame","top","HTMLElement","key","visit","entries","item","target","document","decodeURIComponent","links","undefined","event","classes","Affix","offsetTop","offsetBottom","onAffixChange","style","children","placeholder","content","position","setPosition","useState","was","bounds","view","innerHeight","affixed","observer","ResizeObserver"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export type { AffixProps, AnchorItem, AnchorProps } from './anchor.js';
+export { Affix, Anchor } from './anchor.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/esm/anchor/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Affix, Anchor } from "./anchor.js";

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

@@ -0,0 +1,27 @@
+import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+export interface AppBarProps extends HTMLAttributes<HTMLElement> {
+    position?: 'static' | 'sticky' | 'fixed';
+    elevation?: boolean;
+}
+export declare const AppBar: import("react").ForwardRefExoticComponent<AppBarProps & import("react").RefAttributes<HTMLElement>>;
+export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    dense?: boolean;
+}
+export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface BottomNavigationItem {
+    key: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    href?: string;
+}
+export interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    items: readonly BottomNavigationItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    showLabels?: boolean;
+    linkRender?: (item: BottomNavigationItem, props: AnchorHTMLAttributes<HTMLAnchorElement>) => ReactNode;
+}
+export declare function BottomNavigation(rawProps: BottomNavigationProps): import("react").JSX.Element;
+//# sourceMappingURL=appbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appbar.d.ts","sourceRoot":"","sources":["../../../src/appbar/appbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,eAAO,MAAM,MAAM,qGAmBjB,CAAC;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,eAAO,MAAM,OAAO,yGA2ClB,CAAC;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAC3C,SAAS,CAAC;CAChB;AACD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,+BAmG/D"}

package/dist/esm/appbar/appbar.js

@@ -0,0 +1,134 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { useMergedRef } from "../shared/field.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useMovingIndicator } from "../tabs/use-moving-indicator.js";
+const appbar_AppBar = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { position = 'static', elevation, className, style, ...props } = useComponentProps('AppBar', rawProps);
+    return /*#__PURE__*/ jsx("header", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-app-bar', elevation && 'leaf-app-bar--elevated', className),
+        style: {
+            position,
+            top: 'static' === position ? void 0 : 0,
+            ...style
+        }
+    });
+});
+const appbar_Toolbar = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { dense, className, onKeyDown, ...props } = useComponentProps('Toolbar', rawProps);
+    const root = useRef(null);
+    const merged = useMergedRef(root, ref);
+    const { direction } = useLeafConfig();
+    return /*#__PURE__*/ jsx("div", {
+        role: "toolbar",
+        ...props,
+        ref: merged,
+        className: classes('leaf-toolbar', dense && 'leaf-toolbar--dense', className),
+        onKeyDown: (event)=>{
+            onKeyDown?.(event);
+            if (event.defaultPrevented || event.target.closest('input,textarea,select,[contenteditable=true]')) return;
+            const items = [
+                ...root.current?.querySelectorAll('button:not(:disabled),a[href],[tabindex="0"]') ?? []
+            ].filter((item)=>!item.closest('[inert],[hidden],[aria-disabled="true"]'));
+            const index = items.indexOf(event.target);
+            if (index < 0 || !items.length) return;
+            let next;
+            if ('Home' === event.key) next = 0;
+            else if ('End' === event.key) next = items.length - 1;
+            else {
+                if ('ArrowRight' !== event.key && 'ArrowLeft' !== event.key) return;
+                next = (index + (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') ? 1 : -1) + items.length) % items.length;
+            }
+            event.preventDefault();
+            items[next]?.focus();
+        }
+    });
+});
+function BottomNavigation(rawProps) {
+    const { items, value, defaultValue = '', onChange, showLabels = true, linkRender, className, ...props } = useComponentProps('BottomNavigation', rawProps);
+    const { direction } = useLeafConfig(), root = useRef(null);
+    const [current, setCurrent] = useControllable(value, defaultValue || items[0]?.key || '', onChange);
+    const indicator = useRef(null);
+    useMovingIndicator(root, indicator, '[aria-current="page"]', `${current}-${showLabels}-${direction}`);
+    return /*#__PURE__*/ jsxs("nav", {
+        ...props,
+        ref: root,
+        className: classes('leaf-bottom-navigation', className),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                ref: indicator,
+                className: "leaf-bottom-navigation__indicator",
+                "aria-hidden": "true"
+            }),
+            items.map((item)=>{
+                const contents = /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        item.icon && /*#__PURE__*/ jsx("span", {
+                            className: "leaf-bottom-navigation__icon",
+                            "aria-hidden": "true",
+                            children: item.icon
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "leaf-bottom-navigation__label",
+                            "data-visible": showLabels || current === item.key || void 0,
+                            "aria-hidden": "true",
+                            children: item.label
+                        })
+                    ]
+                });
+                const attributes = {
+                    'data-leaf-navigation': '',
+                    'data-leaf-indicator-item': '',
+                    'aria-label': 'string' == typeof item.label ? item.label : item.key,
+                    'aria-current': current === item.key ? 'page' : void 0,
+                    'aria-disabled': item.disabled || void 0,
+                    tabIndex: item.disabled ? -1 : current === item.key ? 0 : -1,
+                    onClick: (event)=>{
+                        if (item.disabled) event.preventDefault();
+                        else setCurrent(item.key);
+                    },
+                    onKeyDown: (event)=>{
+                        if (![
+                            'ArrowLeft',
+                            'ArrowRight',
+                            'Home',
+                            'End'
+                        ].includes(event.key)) return;
+                        event.preventDefault();
+                        const buttons = [
+                            ...root.current?.querySelectorAll('[data-leaf-navigation]:not([aria-disabled="true"])') ?? []
+                        ], index = buttons.indexOf(event.currentTarget);
+                        const next = 'Home' === event.key ? 0 : 'End' === event.key ? buttons.length - 1 : (index + ('ArrowRight' === event.key ? 1 : -1) * ('rtl' === direction ? -1 : 1) + buttons.length) % buttons.length;
+                        buttons[next]?.focus();
+                    }
+                };
+                return /*#__PURE__*/ jsx("span", {
+                    className: "leaf-bottom-navigation__item",
+                    children: item.href ? linkRender?.(item, {
+                        ...attributes,
+                        href: item.disabled ? void 0 : item.href,
+                        children: contents
+                    }) ?? /*#__PURE__*/ jsx("a", {
+                        ...attributes,
+                        href: item.disabled ? void 0 : item.href,
+                        children: contents
+                    }) : /*#__PURE__*/ jsx("button", {
+                        ...attributes,
+                        type: "button",
+                        disabled: item.disabled,
+                        children: contents
+                    })
+                }, item.key);
+            })
+        ]
+    });
+}
+export { BottomNavigation, appbar_AppBar as AppBar, appbar_Toolbar as Toolbar };
+
+//# sourceMappingURL=appbar.js.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,42 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { PopupOptions } from '../shared/floating.js';
+import type { ControlSize, ControlStatus } from '../shared/types.js';
+export interface AutoCompleteOption {
+    value: string;
+    label?: ReactNode;
+    searchLabel?: string;
+    disabled?: boolean;
+}
+export interface AutoCompleteOptionGroup {
+    label: ReactNode;
+    options: readonly AutoCompleteOption[];
+}
+export interface AutoCompleteProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'> {
+    options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];
+    value?: string;
+    defaultValue?: string;
+    size?: ControlSize;
+    status?: ControlStatus;
+    filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);
+    onChange?: (value: string) => void;
+    onSelect?: (value: string, option: AutoCompleteOption) => void;
+    onSearch?: (query: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    loading?: boolean;
+    notFoundContent?: ReactNode;
+    errorContent?: ReactNode;
+    optionRender?: (option: AutoCompleteOption) => ReactNode;
+    allowClear?: boolean;
+    virtual?: boolean;
+    listHeight?: number;
+    optionHeight?: number;
+    popupPlacement?: PopupOptions['popupPlacement'];
+    popupClassName?: string;
+    popupStyle?: PopupOptions['popupStyle'];
+    popupRender?: PopupOptions['popupRender'];
+    getPopupContainer?: PopupOptions['getPopupContainer'];
+}
+export declare const AutoComplete: import("react").ForwardRefExoticComponent<AutoCompleteProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=autocomplete.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,259 @@
+"use client";
+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";
+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 { 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);
+    const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);
+    const [open, setOpen] = usePopupState(disabled || readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [active, setActive] = useState(-1);
+    const listId = `${useId()}-suggestions`;
+    const options = entries.flatMap((entry)=>'options' in entry ? [
+            ...entry.options
+        ] : [
+            entry
+        ]);
+    const groups = new Map(entries.flatMap((entry)=>'options' in entry ? entry.options.map((option)=>[
+                option.value,
+                entry.label
+            ]) : []));
+    const visibleOptions = options.filter((option)=>{
+        if (false === filterOption) return true;
+        if (filterOption) return filterOption(text, option);
+        return (option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).toLocaleLowerCase().includes(text.toLocaleLowerCase());
+    });
+    const virtual = virtualProp ?? visibleOptions.length > 100;
+    const virtualizer = useVirtualizer({
+        count: visibleOptions.length,
+        getScrollElement: ()=>panelRef.current,
+        estimateSize: ()=>optionHeight,
+        enabled: open && virtual,
+        initialRect: {
+            height: listHeight,
+            width: 240
+        },
+        overscan: 5
+    });
+    useEffect(()=>{
+        if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, {
+            align: 'auto'
+        });
+    }, [
+        open,
+        virtual,
+        active,
+        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}`);
+    const select = (option)=>{
+        if (option.disabled || readOnly || disabled) return;
+        setText(option.value);
+        onChange?.(option.value);
+        onSelect?.(option.value, option);
+        setOpen(false);
+        setActive(-1);
+        inputRef.current?.focus();
+    };
+    const move = (direction)=>{
+        let index = active < 0 ? direction > 0 ? -1 : visibleOptions.length : active;
+        for(let step = 0; step < visibleOptions.length; step += 1){
+            index = (index + direction + visibleOptions.length) % visibleOptions.length;
+            if (!visibleOptions[index]?.disabled) {
+                setActive(index);
+                break;
+            }
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        "data-open": open ? '' : void 0,
+        "data-clearable": allowClear && text && !disabled && !readOnly ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ...props,
+                id: props.id ?? field?.id,
+                required: props.required ?? field?.required,
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    field?.descriptionId
+                ].filter(Boolean).join(' ') || void 0,
+                ref: ref,
+                type: "text",
+                form: form,
+                className: "leaf-autocomplete__input",
+                disabled: disabled,
+                readOnly: readOnly,
+                value: text,
+                autoComplete: autoComplete,
+                role: "combobox",
+                "aria-autocomplete": "list",
+                "aria-expanded": expanded,
+                "aria-haspopup": "listbox",
+                "aria-controls": listId,
+                "aria-activedescendant": expanded && visibleOptions[active] ? `${listId}-${active}` : void 0,
+                "aria-label": ariaLabel,
+                "aria-invalid": 'error' === status ? true : ariaInvalid,
+                onFocus: (event)=>{
+                    onFocus?.(event);
+                    if (!event.defaultPrevented && !readOnly) setOpen(true);
+                },
+                onChange: (event)=>{
+                    const next = event.target.value;
+                    setText(next);
+                    setActive(-1);
+                    setOpen(true);
+                    onChange?.(next);
+                    onSearch?.(next);
+                },
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;
+                    if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+                        event.preventDefault();
+                        setOpen(true);
+                        move('ArrowDown' === event.key ? 1 : -1);
+                    } else if ('Enter' === event.key && expanded && visibleOptions[active]) {
+                        event.preventDefault();
+                        const option = visibleOptions[active];
+                        if (option) select(option);
+                    } else if ('Escape' === event.key) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        setOpen(false);
+                    } else if ('Tab' === event.key) setOpen(false);
+                }
+            }),
+            allowClear && text && !disabled && !readOnly && /*#__PURE__*/ jsx(ClearButton, {
+                label: messages.input.clear,
+                onClear: ()=>{
+                    setText('');
+                    onChange?.('');
+                    onSearch?.('');
+                    inputRef.current?.focus();
+                }
+            }),
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                open: expanded,
+                triggerRef: inputRef,
+                panelRef: panelRef,
+                matchWidth: true,
+                ...hasSuggestions ? listboxProps : {},
+                className: classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName),
+                "data-hover-motion": "",
+                "data-selection": "candidate",
+                placement: popupPlacement,
+                style: {
+                    maxHeight: listHeight,
+                    ...popupStyle
+                },
+                container: getPopupContainer,
+                render: popupRender,
+                children: [
+                    !hasSuggestions && /*#__PURE__*/ jsx("div", {
+                        ...listboxProps
+                    }),
+                    /*#__PURE__*/ jsx(FloatingHighlight, {
+                        style: highlight
+                    }),
+                    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'
+                        } : void 0,
+                        children: (virtual ? virtualizer.getVirtualItems().map((item)=>({
+                                option: visibleOptions[item.index],
+                                index: item.index,
+                                start: item.start
+                            })) : visibleOptions.map((option, index)=>({
+                                option,
+                                index,
+                                start: 0
+                            }))).map(({ option, index, start })=>option && /*#__PURE__*/ jsxs("div", {
+                                ref: virtual ? virtualizer.measureElement : void 0,
+                                "data-index": virtual ? index : void 0,
+                                style: virtual ? {
+                                    position: 'absolute',
+                                    top: 0,
+                                    insetInlineStart: 0,
+                                    width: '100%',
+                                    transform: `translateY(${start}px)`
+                                } : void 0,
+                                children: [
+                                    groups.has(option.value) && (0 === index || groups.get(visibleOptions[index - 1]?.value ?? '') !== groups.get(option.value)) && /*#__PURE__*/ jsx("div", {
+                                        className: "leaf-select__group",
+                                        children: groups.get(option.value)
+                                    }),
+                                    /*#__PURE__*/ jsx("button", {
+                                        id: `${listId}-${index}`,
+                                        type: "button",
+                                        role: "option",
+                                        tabIndex: -1,
+                                        "aria-selected": active === index,
+                                        disabled: option.disabled,
+                                        "aria-disabled": option.disabled || void 0,
+                                        className: "leaf-floating__option",
+                                        onMouseDown: (event)=>event.preventDefault(),
+                                        onMouseEnter: ()=>!option.disabled && setActive(index),
+                                        onClick: ()=>select(option),
+                                        children: /*#__PURE__*/ jsx("span", {
+                                            className: "leaf-floating__option-label",
+                                            children: optionRender?.(option) ?? option.label ?? option.value
+                                        })
+                                    }, option.value)
+                                ]
+                            }, option.value))
+                    }) : /*#__PURE__*/ jsx(FloatingFeedback, {
+                        children: notFoundContent ?? messages.autoComplete.empty
+                    })
+                ]
+            })
+        ]
+    });
+});
+autocomplete_AutoComplete.displayName = 'AutoComplete';
+export { autocomplete_AutoComplete as AutoComplete };
+
+//# sourceMappingURL=autocomplete.js.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

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