@ifhover/leaf-ui 0.0.0-stage → 0.6.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,120 @@
+"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,
+    VirtualListControl: ()=>VirtualListControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_virtual_namespaceObject = require("@tanstack/react-virtual");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const result_cjs_namespaceObject = require("../result/result.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+function VirtualListRoot(rawProps, ref) {
+    const { items, itemKey, renderItem, height = 320, estimateSize = 40, overscan = 5, emptyContent, horizontal = false, className, style, ...props } = rawProps;
+    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)(result_cjs_namespaceObject.ResultControl, {
+            status: "empty"
+        })
+    });
+}
+const VirtualListControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(VirtualListRoot);
+function VirtualListEntry(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.mergeComponentProps)((0, component_defaults_cjs_namespaceObject.useGenericComponentDefaults)('VirtualList'), rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VirtualListControl, {
+        ...props,
+        ref: ref
+    });
+}
+const VirtualList = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(VirtualListEntry);
+exports.VirtualList = __webpack_exports__.VirtualList;
+exports.VirtualListControl = __webpack_exports__.VirtualListControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "VirtualList",
+    "VirtualListControl"
+].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 {\n  mergeComponentProps,\n  useGenericComponentDefaults,\n} from '../config-provider/component-defaults';\nimport { ResultControl as Result } from '../result/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>(rawProps: VirtualListProps<T>, ref: Ref<VirtualListHandle>) {\n  const {\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  } = rawProps;\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 VirtualListControl = forwardRef(VirtualListRoot) as <T>(\n  props: VirtualListProps<T> & RefAttributes<VirtualListHandle>,\n) => ReactElement;\n\nfunction VirtualListEntry<T>(rawProps: VirtualListProps<T>, ref: Ref<VirtualListHandle>) {\n  const props = mergeComponentProps<VirtualListProps<T>>(\n    useGenericComponentDefaults('VirtualList'),\n    rawProps,\n  );\n  return <VirtualListControl {...props} ref={ref} />;\n}\nexport const VirtualList = forwardRef(VirtualListEntry) 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","rawProps","ref","items","itemKey","renderItem","height","estimateSize","overscan","emptyContent","horizontal","className","style","props","root","useRef","virtualizer","useVirtualizer","index","Math","useImperativeHandle","align","offset","classes","row","undefined","Result","VirtualListControl","forwardRef","VirtualListEntry","mergeComponentProps","useGenericComponentDefaults","VirtualList"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+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 VirtualListControl: <T>(props: VirtualListProps<T> & RefAttributes<VirtualListHandle>) => ReactElement;
+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;AAOf,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;AAgFD,eAAO,MAAM,kBAAkB,EAAkC,CAAC,CAAC,EACjE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAC1D,YAAY,CAAC;AASlB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,EAC3D,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(rawProps: 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;AAM9E,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,QAAQ,EAAE,UAAU,sCA8DzC"}

package/dist/esm/alert/alert.js

@@ -0,0 +1,87 @@
+"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 { 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/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/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(rawProps: 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(rawProps: 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;AAMzF,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,QAAQ,EAAE,WAAW,+BAsF3C;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,QAAQ,EAAE,UAAU,+BA8EzC"}

package/dist/esm/anchor/anchor.js

@@ -0,0 +1,161 @@
+"use client";
+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