@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/browser/datetimepicker.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/datetimepicker/index.js';

package/dist/esm/browser/descriptions.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/descriptions/index.js';

package/dist/esm/browser/divider.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/divider/index.js';

package/dist/esm/browser/drawer.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/drawer/index.js';

package/dist/esm/browser/dropdown.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/dropdown/index.js';

package/dist/esm/browser/empty.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/empty/index.js';

package/dist/esm/browser/errorboundary.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/errorboundary/index.js';

package/dist/esm/browser/filelist.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/filelist/index.js';

package/dist/esm/browser/flex.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/flex/index.js';

package/dist/esm/browser/floatbutton.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/floatbutton/index.js';

package/dist/esm/browser/form.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/form/index.js';

package/dist/esm/browser/grid.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/grid/index.js';

package/dist/esm/browser/image.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/image/index.js';

package/dist/esm/browser/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/index.js';

package/dist/esm/browser/infinitescroll.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/infinitescroll/index.js';

package/dist/esm/browser/input.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/input/index.js';

package/dist/esm/browser/inputmask.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/inputmask/index.js';

package/dist/esm/browser/inputnumber.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/inputnumber/index.js';

package/dist/esm/browser/inputotp.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/inputotp/index.js';

package/dist/esm/browser/layout.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/layout/index.js';

package/dist/esm/browser/loading.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/loading/index.js';

package/dist/esm/browser/loadingbar.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/loadingbar/index.js';

package/dist/esm/browser/masonry.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/masonry/index.js';

package/dist/esm/browser/mentions.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/mentions/index.js';

package/dist/esm/browser/menu.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/menu/index.js';

package/dist/esm/browser/message.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/message/index.js';

package/dist/esm/browser/modal.js

@@ -0,0 +1,2 @@
+"use client";
+export * from './modules/modal/index.js';

package/dist/esm/browser/modules/alert/alert.js

@@ -0,0 +1,89 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/alert.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, CircleX, Info, LoaderCircle, TriangleAlert, X } from "lucide-react";
+import { 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";
+import { inertProps } from "../shared/inert.js";
+import { useContentTransition, usePresence } from "../shared/presence.js";
+function FeedbackIcon({ type }) {
+    const Icon = {
+        success: CheckCircle2,
+        info: Info,
+        warning: TriangleAlert,
+        error: CircleX,
+        loading: LoaderCircle
+    }[type];
+    return /*#__PURE__*/ jsx(Icon, {
+        size: 18,
+        "aria-hidden": "true",
+        className: 'loading' === type ? 'leaf-feedback-spinner' : void 0
+    });
+}
+function Alert(rawProps) {
+    const { title, description, type = 'info', icon, showIcon = true, closable, onClose, className, ...props } = useComponentProps('Alert', rawProps);
+    const { messages } = useLeafConfig();
+    const [closed, setClosed] = useState(false);
+    const root = useRef(null);
+    const content = useRef(null);
+    const present = usePresence(!closed, root);
+    useContentTransition(content, type);
+    if (!present) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ...inertProps(closed),
+        ref: root,
+        "data-state": closed ? 'closing' : void 0,
+        "data-description": description ? '' : void 0,
+        "aria-hidden": closed || props['aria-hidden'],
+        role: props.role ?? ('error' === type || 'warning' === type ? 'alert' : 'status'),
+        className: classes('leaf-alert', `leaf-alert--${type}`, className),
+        children: [
+            showIcon && /*#__PURE__*/ jsx("span", {
+                className: "leaf-alert__icon",
+                "aria-hidden": "true",
+                children: icon ?? /*#__PURE__*/ jsx(FeedbackIcon, {
+                    type: type
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-alert__content",
+                ref: content,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "leaf-alert__title",
+                        children: title
+                    }),
+                    description && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-alert__description",
+                        children: description
+                    })
+                ]
+            }),
+            closable && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "leaf-alert__close",
+                "aria-label": messages.common.close,
+                onClick: ()=>{
+                    const node = root.current;
+                    if (node) {
+                        node.style.setProperty('--leaf-alert-height', `${node.getBoundingClientRect().height}px`);
+                        node.offsetHeight;
+                    }
+                    setClosed(true);
+                    onClose?.();
+                },
+                children: /*#__PURE__*/ jsx(X, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+}
+export { Alert, FeedbackIcon };
+
+//# sourceMappingURL=alert.js.map

package/dist/esm/browser/modules/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert/alert.js","sources":["../../../../../src/alert/alert.tsx"],"sourcesContent":["import { CheckCircle2, CircleX, Info, LoaderCircle, TriangleAlert, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nexport type FeedbackType = 'success' | 'info' | 'warning' | 'error';\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType;\n  icon?: ReactNode;\n  showIcon?: boolean;\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport function FeedbackIcon({ type }: { type: FeedbackType | 'loading' }) {\n  const Icon = {\n    success: CheckCircle2,\n    info: Info,\n    warning: TriangleAlert,\n    error: CircleX,\n    loading: LoaderCircle,\n  }[type];\n  return (\n    <Icon\n      size={18}\n      aria-hidden=\"true\"\n      className={type === 'loading' ? 'leaf-feedback-spinner' : undefined}\n    />\n  );\n}\nexport function Alert(rawProps: AlertProps) {\n  const {\n    title,\n    description,\n    type = 'info',\n    icon,\n    showIcon = true,\n    closable,\n    onClose,\n    className,\n    ...props\n  } = useComponentProps('Alert', rawProps);\n  const { messages } = useLeafConfig();\n  const [closed, setClosed] = useState(false);\n  const root = useRef<HTMLDivElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(!closed, root);\n  useContentTransition(content, type);\n  if (!present) return null;\n  return (\n    <div\n      {...props}\n      {...inertProps(closed)}\n      ref={root}\n      data-state={closed ? 'closing' : undefined}\n      data-description={description ? '' : undefined}\n      aria-hidden={closed || props['aria-hidden']}\n      role={props.role ?? (type === 'error' || type === 'warning' ? 'alert' : 'status')}\n      className={classes('leaf-alert', `leaf-alert--${type}`, className)}\n    >\n      {showIcon && (\n        <span className=\"leaf-alert__icon\" aria-hidden=\"true\">\n          {icon ?? <FeedbackIcon type={type} />}\n        </span>\n      )}\n      <div className=\"leaf-alert__content\" ref={content}>\n        <div className=\"leaf-alert__title\">{title}</div>\n        {description && <div className=\"leaf-alert__description\">{description}</div>}\n      </div>\n      {closable && (\n        <button\n          type=\"button\"\n          className=\"leaf-alert__close\"\n          aria-label={messages.common.close}\n          onClick={() => {\n            const node = root.current;\n            if (node) {\n              node.style.setProperty(\n                '--leaf-alert-height',\n                `${node.getBoundingClientRect().height}px`,\n              );\n              void node.offsetHeight;\n            }\n            setClosed(true);\n            onClose?.();\n          }}\n        >\n          <X size={16} aria-hidden=\"true\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["FeedbackIcon","type","Icon","CheckCircle2","Info","TriangleAlert","CircleX","LoaderCircle","undefined","Alert","rawProps","title","description","icon","showIcon","closable","onClose","className","props","useComponentProps","messages","useLeafConfig","closed","setClosed","useState","root","useRef","content","present","usePresence","useContentTransition","inertProps","classes","node","X"],"mappings":";;;;;;;;;;;AAiBO,SAASA,aAAa,EAAEC,IAAI,EAAsC;IACvE,MAAMC,OAAO;QACX,SAASC;QACT,MAAMC;QACN,SAASC;QACT,OAAOC;QACP,SAASC;IACX,CAAC,CAACN,KAAK;IACP,OAAO,WAAP,GACE,IAACC,MAAAA;QACC,MAAM;QACN,eAAY;QACZ,WAAWD,AAAS,cAATA,OAAqB,0BAA0BO;;AAGhE;AACO,SAASC,MAAMC,QAAoB;IACxC,MAAM,EACJC,KAAK,EACLC,WAAW,EACXX,OAAO,MAAM,EACbY,IAAI,EACJC,WAAW,IAAI,EACfC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,GAAGC,kBAAkB,SAAST;IAC/B,MAAM,EAAEU,QAAQ,EAAE,GAAGC;IACrB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrC,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,UAAUD,OAAuB;IACvC,MAAME,UAAUC,YAAY,CAACP,QAAQG;IACrCK,qBAAqBH,SAAS1B;IAC9B,IAAI,CAAC2B,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,KAAC;QACE,GAAGV,KAAK;QACR,GAAGa,WAAWT,OAAO;QACtB,KAAKG;QACL,cAAYH,SAAS,YAAYd;QACjC,oBAAkBI,cAAc,KAAKJ;QACrC,eAAac,UAAUJ,KAAK,CAAC,cAAc;QAC3C,MAAMA,MAAM,IAAI,IAAKjB,CAAAA,AAAS,YAATA,QAAoBA,AAAS,cAATA,OAAqB,UAAU,QAAO;QAC/E,WAAW+B,QAAQ,cAAc,CAAC,YAAY,EAAE/B,MAAM,EAAEgB;;YAEvDH,YAAY,WAAZA,GACC,IAAC;gBAAK,WAAU;gBAAmB,eAAY;0BAC5CD,QAAQ,WAARA,GAAQ,IAACb,cAAYA;oBAAC,MAAMC;;;0BAGjC,KAAC;gBAAI,WAAU;gBAAsB,KAAK0B;;kCACxC,IAAC;wBAAI,WAAU;kCAAqBhB;;oBACnCC,eAAe,WAAfA,GAAe,IAAC;wBAAI,WAAU;kCAA2BA;;;;YAE3DG,YAAY,WAAZA,GACC,IAAC;gBACC,MAAK;gBACL,WAAU;gBACV,cAAYK,SAAS,MAAM,CAAC,KAAK;gBACjC,SAAS;oBACP,MAAMa,OAAOR,KAAK,OAAO;oBACzB,IAAIQ,MAAM;wBACRA,KAAK,KAAK,CAAC,WAAW,CACpB,uBACA,GAAGA,KAAK,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAC;wBAEvCA,KAAK,YAAY;oBACxB;oBACAV,UAAU;oBACVP;gBACF;0BAEA,kBAACkB,GAACA;oBAAC,MAAM;oBAAI,eAAY;;;;;AAKnC"}

package/dist/esm/browser/modules/alert/index.js

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

package/dist/esm/browser/modules/anchor/anchor.js

@@ -0,0 +1,163 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/anchor.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+import { useMotionEnabled } from "../shared/motion.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useMovingIndicator } from "../tabs/use-moving-indicator.js";
+function Anchor(rawProps) {
+    const { items, container, offset = 12, activeKey, onActiveChange, smooth = true, className, ...props } = useComponentProps('Anchor', rawProps);
+    const [active, setActive] = useControllable(activeKey, '', onActiveChange);
+    const root = useRef(null);
+    const indicator = useRef(null);
+    const motion = useMotionEnabled();
+    useMovingIndicator(root, indicator, '[aria-current="location"]', active);
+    const callback = useRef(setActive);
+    callback.current = setActive;
+    useEffect(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                const top = scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0;
+                let key = '';
+                const visit = (entries)=>{
+                    for (const item of entries){
+                        const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                        if (target && target.getBoundingClientRect().top - top <= offset + 24) key = item.key;
+                        if (item.children) visit(item.children);
+                    }
+                };
+                visit(items);
+                callback.current(key);
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        items,
+        offset
+    ]);
+    const links = (entries)=>entries.map((item)=>/*#__PURE__*/ jsxs("li", {
+                children: [
+                    /*#__PURE__*/ jsx("a", {
+                        href: item.href,
+                        "data-leaf-indicator-item": "",
+                        "aria-current": active === item.key ? 'location' : void 0,
+                        onClick: (event)=>{
+                            const target = document.getElementById(decodeURIComponent(item.href.replace(/^#/, '')));
+                            if (!target) return;
+                            event.preventDefault();
+                            const scroll = container?.() ?? window;
+                            const top = target.getBoundingClientRect().top - (scroll instanceof HTMLElement ? scroll.getBoundingClientRect().top : 0) + (scroll instanceof HTMLElement ? scroll.scrollTop : window.scrollY) - offset;
+                            scroll.scrollTo({
+                                top,
+                                behavior: smooth && motion ? 'smooth' : 'instant'
+                            });
+                            setActive(item.key);
+                        },
+                        children: item.title
+                    }),
+                    item.children && /*#__PURE__*/ jsx("ul", {
+                        children: links(item.children)
+                    })
+                ]
+            }, item.key));
+    return /*#__PURE__*/ jsxs("nav", {
+        ...props,
+        ref: root,
+        "aria-label": props['aria-label'] ?? 'Contents',
+        className: classes('leaf-anchor', className),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                ref: indicator,
+                className: "leaf-anchor__indicator",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsx("ul", {
+                children: links(items)
+            })
+        ]
+    });
+}
+function Affix(rawProps) {
+    const { offsetTop = 0, offsetBottom, container, onAffixChange, className, style, children, ...props } = useComponentProps('Affix', rawProps);
+    const placeholder = useRef(null), content = useRef(null);
+    const [position, setPosition] = useState();
+    const callback = useRef(onAffixChange);
+    callback.current = onAffixChange;
+    useEffect(()=>{
+        const scroll = container?.() ?? window;
+        let frame = 0, was = false;
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                if (!placeholder.current || !content.current) return;
+                const bounds = placeholder.current.getBoundingClientRect(), view = scroll instanceof HTMLElement ? scroll.getBoundingClientRect() : {
+                    top: 0,
+                    bottom: innerHeight
+                };
+                const affixed = void 0 === offsetBottom ? bounds.top < view.top + offsetTop : bounds.bottom > view.bottom - offsetBottom;
+                setPosition(affixed ? {
+                    position: 'fixed',
+                    top: void 0 === offsetBottom ? view.top + offsetTop : view.bottom - offsetBottom - content.current.offsetHeight,
+                    left: bounds.left,
+                    width: bounds.width,
+                    zIndex: 20
+                } : void 0);
+                if (affixed !== was) {
+                    was = affixed;
+                    callback.current?.(affixed);
+                }
+            });
+        };
+        scroll.addEventListener('scroll', update, {
+            passive: true
+        });
+        window.addEventListener('resize', update);
+        const observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(update);
+        if (placeholder.current) observer?.observe(placeholder.current);
+        if (content.current) observer?.observe(content.current);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            scroll.removeEventListener('scroll', update);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        container,
+        offsetTop,
+        offsetBottom
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: placeholder,
+        className: classes('leaf-affix', className),
+        style: {
+            ...style,
+            height: position ? content.current?.offsetHeight : style?.height
+        },
+        children: /*#__PURE__*/ jsx("div", {
+            ref: content,
+            style: position,
+            children: children
+        })
+    });
+}
+export { Affix, Anchor };
+
+//# sourceMappingURL=anchor.js.map

package/dist/esm/browser/modules/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/browser/modules/anchor/index.js

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

package/dist/esm/browser/modules/appbar/appbar.js

@@ -0,0 +1,136 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/appbar.css';
+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/browser/modules/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/browser/modules/appbar/index.js

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