@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/upload/upload.d.cts

@@ -0,0 +1,55 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type FileItem } from '../filelist/index.cjs';
+import { type UploadRequest, type UploadResult } from './request.cjs';
+export interface UploadFile extends FileItem {
+    uid: string;
+    response?: unknown;
+}
+export interface UploadChangeInfo {
+    file?: UploadFile;
+    reason: 'add' | 'progress' | 'success' | 'error' | 'remove' | 'cancel';
+}
+export interface UploadRejection {
+    file: File;
+    reason: 'type' | 'size' | 'count' | 'validation';
+    message: string;
+}
+export interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    fileList?: readonly UploadFile[];
+    defaultFileList?: readonly UploadFile[];
+    onChange?: (files: UploadFile[], info: UploadChangeInfo) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    drag?: boolean;
+    maxCount?: number;
+    maxSize?: number;
+    beforeUpload?: (file: File) => boolean | File | Promise<boolean | File>;
+    onReject?: (rejections: readonly UploadRejection[]) => void;
+    action?: string | ((file: File) => string | Promise<string>);
+    method?: 'POST' | 'PUT';
+    headers?: Readonly<Record<string, string>>;
+    data?: Readonly<Record<string, string | Blob>>;
+    withCredentials?: boolean;
+    fieldName?: string;
+    customRequest?: (request: UploadRequest) => Promise<UploadResult | void>;
+    onRemove?: (file: UploadFile) => boolean | void | Promise<boolean> | Promise<void>;
+    showFileList?: boolean;
+    hint?: ReactNode;
+    children?: ReactNode;
+    name?: string;
+    form?: string;
+    required?: boolean;
+    autoUpload?: boolean;
+    concurrency?: number;
+    directory?: boolean;
+    paste?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+}
+export interface UploadHandle {
+    upload: (uid?: string) => void;
+    abort: (uid?: string) => void;
+    focus: () => void;
+}
+export declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<UploadHandle>>;
+//# sourceMappingURL=upload.d.cts.map

package/dist/cjs/upload/upload.d.cts.map

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

package/dist/cjs/virtuallist/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    VirtualList: ()=>external_virtuallist_cjs_namespaceObject.VirtualList
+});
+const external_virtuallist_cjs_namespaceObject = require("./virtuallist.cjs");
+exports.VirtualList = __webpack_exports__.VirtualList;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "VirtualList"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/virtuallist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtuallist/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/virtuallist/index.d.cts

@@ -0,0 +1,3 @@
+export type { VirtualListHandle, VirtualListProps } from './virtuallist.cjs';
+export { VirtualList } from './virtuallist.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/virtuallist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/virtuallist/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/cjs/virtuallist/virtuallist.cjs

@@ -0,0 +1,107 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    VirtualList: ()=>VirtualList
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_virtual_namespaceObject = require("@tanstack/react-virtual");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../result/index.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+function VirtualListRoot({ items, itemKey, renderItem, height = 320, estimateSize = 40, overscan = 5, emptyContent, horizontal = false, className, style, ...props }, ref) {
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const virtualizer = (0, react_virtual_namespaceObject.useVirtualizer)({
+        count: items.length,
+        getScrollElement: ()=>root.current,
+        estimateSize: (index)=>'number' == typeof estimateSize ? Math.max(1, estimateSize) : Math.max(1, estimateSize(items[index], index)),
+        getItemKey: (index)=>itemKey(items[index], index),
+        overscan: Math.max(0, overscan),
+        horizontal,
+        initialRect: {
+            height,
+            width: 640
+        }
+    });
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>({
+            element: root.current,
+            scrollToIndex: (index, align = 'auto')=>virtualizer.scrollToIndex(index, {
+                    align
+                }),
+            scrollToOffset: (offset)=>virtualizer.scrollToOffset(offset)
+        }), [
+        virtualizer
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: root,
+        role: props.role,
+        tabIndex: props.tabIndex ?? 0,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-virtual-list', className),
+        style: {
+            height,
+            ...style
+        },
+        children: items.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+            className: "leaf-virtual-list__canvas",
+            style: {
+                height: horizontal ? '100%' : virtualizer.getTotalSize(),
+                width: horizontal ? virtualizer.getTotalSize() : '100%'
+            },
+            children: virtualizer.getVirtualItems().map((row)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                    ref: virtualizer.measureElement,
+                    "data-index": row.index,
+                    "aria-posinset": row.index + 1,
+                    "aria-setsize": items.length,
+                    className: "leaf-virtual-list__item",
+                    style: {
+                        top: 0,
+                        left: 0,
+                        width: horizontal ? void 0 : '100%',
+                        height: horizontal ? '100%' : void 0,
+                        transform: `translate${horizontal ? 'X' : 'Y'}(${row.start}px)`
+                    },
+                    children: renderItem(items[row.index], row.index)
+                }, row.key))
+        }) : emptyContent ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Result, {
+            status: "empty"
+        })
+    });
+}
+const VirtualList = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(VirtualListRoot);
+exports.VirtualList = __webpack_exports__.VirtualList;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "VirtualList"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=virtuallist.cjs.map

package/dist/cjs/virtuallist/virtuallist.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtuallist/virtuallist.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/virtuallist/virtuallist.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type Key,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { Result } from '../result';\nimport { classes } from '../shared/classes';\nexport interface VirtualListHandle {\n  element: HTMLDivElement | null;\n  scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;\n  scrollToOffset: (offset: number) => void;\n}\nexport interface VirtualListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: readonly T[];\n  itemKey: (item: T, index: number) => Key;\n  renderItem: (item: T, index: number) => ReactNode;\n  height?: number;\n  estimateSize?: number | ((item: T, index: number) => number);\n  overscan?: number;\n  emptyContent?: ReactNode;\n  horizontal?: boolean;\n}\nfunction VirtualListRoot<T>(\n  {\n    items,\n    itemKey,\n    renderItem,\n    height = 320,\n    estimateSize = 40,\n    overscan = 5,\n    emptyContent,\n    horizontal = false,\n    className,\n    style,\n    ...props\n  }: VirtualListProps<T>,\n  ref: Ref<VirtualListHandle>,\n) {\n  const root = useRef<HTMLDivElement>(null);\n  const virtualizer = useVirtualizer<HTMLDivElement, HTMLLIElement>({\n    count: items.length,\n    getScrollElement: () => root.current,\n    estimateSize: (index) =>\n      typeof estimateSize === 'number'\n        ? Math.max(1, estimateSize)\n        : Math.max(1, estimateSize(items[index] as T, index)),\n    getItemKey: (index) => itemKey(items[index] as T, index),\n    overscan: Math.max(0, overscan),\n    horizontal,\n    initialRect: { height, width: 640 },\n  });\n  useImperativeHandle(\n    ref,\n    () => ({\n      element: root.current,\n      scrollToIndex: (index, align = 'auto') => virtualizer.scrollToIndex(index, { align }),\n      scrollToOffset: (offset) => virtualizer.scrollToOffset(offset),\n    }),\n    [virtualizer],\n  );\n  return (\n    <div\n      {...props}\n      ref={root}\n      role={props.role}\n      tabIndex={props.tabIndex ?? 0}\n      className={classes('leaf-virtual-list', className)}\n      style={{ height, ...style }}\n    >\n      {!items.length ? (\n        (emptyContent ?? <Result status=\"empty\" />)\n      ) : (\n        <ul\n          className=\"leaf-virtual-list__canvas\"\n          style={{\n            height: horizontal ? '100%' : virtualizer.getTotalSize(),\n            width: horizontal ? virtualizer.getTotalSize() : '100%',\n          }}\n        >\n          {virtualizer.getVirtualItems().map((row) => (\n            <li\n              key={row.key}\n              ref={virtualizer.measureElement}\n              data-index={row.index}\n              aria-posinset={row.index + 1}\n              aria-setsize={items.length}\n              className=\"leaf-virtual-list__item\"\n              style={{\n                top: 0,\n                left: 0,\n                width: horizontal ? undefined : '100%',\n                height: horizontal ? '100%' : undefined,\n                transform: `translate${horizontal ? 'X' : 'Y'}(${row.start}px)`,\n              }}\n            >\n              {renderItem(items[row.index] as T, row.index)}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const VirtualList = forwardRef(VirtualListRoot) as <T>(\n  props: VirtualListProps<T> & RefAttributes<VirtualListHandle>,\n) => ReactElement;\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","VirtualListRoot","items","itemKey","renderItem","height","estimateSize","overscan","emptyContent","horizontal","className","style","props","ref","root","useRef","virtualizer","useVirtualizer","index","Math","useImperativeHandle","align","offset","classes","row","undefined","Result","VirtualList","forwardRef"],"mappings":"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"}

package/dist/cjs/virtuallist/virtuallist.d.cts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes, type Key, type ReactElement, type ReactNode, type RefAttributes } from 'react';
+export interface VirtualListHandle {
+    element: HTMLDivElement | null;
+    scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;
+    scrollToOffset: (offset: number) => void;
+}
+export interface VirtualListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: readonly T[];
+    itemKey: (item: T, index: number) => Key;
+    renderItem: (item: T, index: number) => ReactNode;
+    height?: number;
+    estimateSize?: number | ((item: T, index: number) => number);
+    overscan?: number;
+    emptyContent?: ReactNode;
+    horizontal?: boolean;
+}
+export declare const VirtualList: <T>(props: VirtualListProps<T> & RefAttributes<VirtualListHandle>) => ReactElement;
+//# sourceMappingURL=virtuallist.d.cts.map

package/dist/cjs/virtuallist/virtuallist.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtuallist.d.cts","sourceRoot":"","sources":["../../../src/virtuallist/virtuallist.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC;IACpF,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AACD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkFD,eAAO,MAAM,WAAW,EAAkC,CAAC,CAAC,EAC1D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAC1D,YAAY,CAAC"}

package/dist/esm/alert/alert.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type FeedbackType = 'success' | 'info' | 'warning' | 'error';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: ReactNode;
+    description?: ReactNode;
+    type?: FeedbackType;
+    icon?: ReactNode;
+    showIcon?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export declare function FeedbackIcon({ type }: {
+    type: FeedbackType | 'loading';
+}): import("react").JSX.Element;
+export declare function Alert({ title, description, type, icon, showIcon, closable, onClose, className, ...props }: AlertProps): import("react").JSX.Element | null;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAK9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAAE,+BAexE;AACD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,IAAa,EACb,IAAI,EACJ,QAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,sCAmDZ"}

package/dist/esm/alert/alert.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, CircleX, Info, LoaderCircle, TriangleAlert, X } from "lucide-react";
+import { useRef, useState } from "react";
+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({ title, description, type = 'info', icon, showIcon = true, closable, onClose, className, ...props }) {
+    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.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/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 { 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({\n  title,\n  description,\n  type = 'info',\n  icon,\n  showIcon = true,\n  closable,\n  onClose,\n  className,\n  ...props\n}: AlertProps) {\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.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","title","description","icon","showIcon","closable","onClose","className","props","messages","useLeafConfig","closed","setClosed","useState","root","useRef","content","present","usePresence","useContentTransition","inertProps","classes","node","X"],"mappings":";;;;;;;;AAgBO,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,MAAM,EACpBC,KAAK,EACLC,WAAW,EACXV,OAAO,MAAM,EACbW,IAAI,EACJC,WAAW,IAAI,EACfC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACT,GAAGC,OACQ;IACX,MAAM,EAAEC,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,SAASxB;IAC9B,IAAI,CAACyB,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,KAAC;QACE,GAAGT,KAAK;QACR,GAAGY,WAAWT,OAAO;QACtB,KAAKG;QACL,cAAYH,SAAS,YAAYZ;QACjC,oBAAkBG,cAAc,KAAKH;QACrC,eAAaY,UAAUH,KAAK,CAAC,cAAc;QAC3C,MAAMA,MAAM,IAAI,IAAKhB,CAAAA,AAAS,YAATA,QAAoBA,AAAS,cAATA,OAAqB,UAAU,QAAO;QAC/E,WAAW6B,QAAQ,cAAc,CAAC,YAAY,EAAE7B,MAAM,EAAEe;;YAEvDH,YAAY,WAAZA,GACC,IAAC;gBAAK,WAAU;gBAAmB,eAAY;0BAC5CD,QAAQ,WAARA,GAAQ,IAACZ,cAAYA;oBAAC,MAAMC;;;0BAGjC,KAAC;gBAAI,WAAU;gBAAsB,KAAKwB;;kCACxC,IAAC;wBAAI,WAAU;kCAAqBf;;oBACnCC,eAAe,WAAfA,GAAe,IAAC;wBAAI,WAAU;kCAA2BA;;;;YAE3DG,YAAY,WAAZA,GACC,IAAC;gBACC,MAAK;gBACL,WAAU;gBACV,cAAYI,SAAS,KAAK;gBAC1B,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;oBACVN;gBACF;0BAEA,kBAACiB,GAACA;oBAAC,MAAM;oBAAI,eAAY;;;;;AAKnC"}

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

@@ -0,0 +1,3 @@
+export type { AlertProps, FeedbackType } from './alert.js';
+export { Alert } from './alert.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/alert/index.js

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

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

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface AnchorItem {
+    key: string;
+    title: ReactNode;
+    href: string;
+    children?: readonly AnchorItem[];
+}
+export interface AnchorProps extends HTMLAttributes<HTMLElement> {
+    items: readonly AnchorItem[];
+    container?: () => HTMLElement | Window;
+    offset?: number;
+    activeKey?: string;
+    onActiveChange?: (key: string) => void;
+    smooth?: boolean;
+}
+export declare function Anchor({ items, container, offset, activeKey, onActiveChange, smooth, className, ...props }: AnchorProps): import("react").JSX.Element;
+export interface AffixProps extends HTMLAttributes<HTMLDivElement> {
+    offsetTop?: number;
+    offsetBottom?: number;
+    container?: () => HTMLElement | Window;
+    onAffixChange?: (affixed: boolean) => void;
+}
+export declare function Affix({ offsetTop, offsetBottom, container, onAffixChange, className, style, children, ...props }: AffixProps): import("react").JSX.Element;
+//# sourceMappingURL=anchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../../src/anchor/anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKzF,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAClC;AACD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EACT,MAAW,EACX,SAAS,EACT,cAAc,EACd,MAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Eb;AACD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AACD,wBAAgB,KAAK,CAAC,EACpB,SAAa,EACb,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,+BAoEZ"}

package/dist/esm/anchor/anchor.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+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({ items, container, offset = 12, activeKey, onActiveChange, smooth = true, className, ...props }) {
+    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({ offsetTop = 0, offsetBottom, container, onAffixChange, className, style, children, ...props }) {
+    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/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 { 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({\n  items,\n  container,\n  offset = 12,\n  activeKey,\n  onActiveChange,\n  smooth = true,\n  className,\n  ...props\n}: AnchorProps) {\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({\n  offsetTop = 0,\n  offsetBottom,\n  container,\n  onAffixChange,\n  className,\n  style,\n  children,\n  ...props\n}: AffixProps) {\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","items","container","offset","activeKey","onActiveChange","smooth","className","props","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,2 @@
+export * 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,cAAc,UAAU,CAAC"}

package/dist/esm/anchor/index.js

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