@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar/calendar.js","sources":["../../../src/calendar/calendar.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { CalendarPanel } from '../shared/calendar';\nimport { classes } from '../shared/classes';\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  mode?: 'date' | 'month';\n  fullscreen?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  headerExtra?: ReactNode;\n  showToday?: boolean;\n}\nexport function Calendar({\n  value,\n  defaultValue,\n  onChange,\n  visibleDate,\n  onVisibleChange,\n  mode = 'date',\n  fullscreen = true,\n  minDate,\n  maxDate,\n  disabledDate,\n  cellRender,\n  headerExtra,\n  showToday = true,\n  className,\n  'aria-label': label,\n  ...props\n}: CalendarProps) {\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(defaultValue);\n  const selected = value ?? internal;\n  const [visible, setVisible] = useState(\n    visibleDate ?? defaultValue ?? value ?? minDate ?? new Date(),\n  );\n  const changeVisible = (next: Date) => {\n    if (visibleDate === undefined) setVisible(next);\n    onVisibleChange?.(next);\n  };\n  const valueTime = value?.getTime();\n  useEffect(() => {\n    if (valueTime !== undefined && visibleDate === undefined) setVisible(new Date(valueTime));\n  }, [valueTime, visibleDate]);\n  return (\n    <section\n      {...props}\n      aria-label={label ?? messages.calendar}\n      className={classes('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className)}\n    >\n      <CalendarPanel\n        picker={mode}\n        value={selected}\n        visibleDate={visibleDate ?? visible}\n        onVisibleChange={changeVisible}\n        minDate={minDate}\n        maxDate={maxDate}\n        disabledDate={disabledDate}\n        cellRender={cellRender}\n        headerExtra={headerExtra}\n        showToday={fullscreen && showToday}\n        onChange={(next) => {\n          if (value === undefined) setInternal(next);\n          changeVisible(next);\n          onChange?.(next);\n        }}\n      />\n    </section>\n  );\n}\n"],"names":["Calendar","value","defaultValue","onChange","visibleDate","onVisibleChange","mode","fullscreen","minDate","maxDate","disabledDate","cellRender","headerExtra","showToday","className","label","props","messages","useLeafConfig","internal","setInternal","useState","selected","visible","setVisible","Date","changeVisible","next","undefined","valueTime","useEffect","classes","CalendarPanel"],"mappings":";;;;;;AAqBO,SAASA,SAAS,EACvBC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,eAAe,EACfC,OAAO,MAAM,EACbC,aAAa,IAAI,EACjBC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,YAAY,IAAI,EAChBC,SAAS,EACT,cAAcC,KAAK,EACnB,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASnB;IACzC,MAAMoB,WAAWrB,SAASkB;IAC1B,MAAM,CAACI,SAASC,WAAW,GAAGH,SAC5BjB,eAAeF,gBAAgBD,SAASO,WAAW,IAAIiB;IAEzD,MAAMC,gBAAgB,CAACC;QACrB,IAAIvB,AAAgBwB,WAAhBxB,aAA2BoB,WAAWG;QAC1CtB,kBAAkBsB;IACpB;IACA,MAAME,YAAY5B,OAAO;IACzB6B,UAAU;QACR,IAAID,AAAcD,WAAdC,aAA2BzB,AAAgBwB,WAAhBxB,aAA2BoB,WAAW,IAAIC,KAAKI;IAChF,GAAG;QAACA;QAAWzB;KAAY;IAC3B,OAAO,WAAP,GACE,IAAC;QACE,GAAGY,KAAK;QACT,cAAYD,SAASE,SAAS,QAAQ;QACtC,WAAWc,QAAQ,sBAAsBxB,cAAc,4BAA4BO;kBAEnF,kBAACkB,eAAaA;YACZ,QAAQ1B;YACR,OAAOgB;YACP,aAAalB,eAAemB;YAC5B,iBAAiBG;YACjB,SAASlB;YACT,SAASC;YACT,cAAcC;YACd,YAAYC;YACZ,aAAaC;YACb,WAAWL,cAAcM;YACzB,UAAU,CAACc;gBACT,IAAI1B,AAAU2B,WAAV3B,OAAqBmB,YAAYO;gBACrCD,cAAcC;gBACdxB,WAAWwB;YACb;;;AAIR"}

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

@@ -0,0 +1,3 @@
+export type { CalendarProps } from './calendar.js';
+export { Calendar } from './calendar.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/calendar/index.js

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

package/dist/esm/card/card.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    description?: ReactNode;
+    extra?: ReactNode;
+    cover?: ReactNode;
+    footer?: ReactNode;
+    loading?: boolean;
+    bordered?: boolean;
+    /** Opt into section dividers and a muted footer surface. */
+    divided?: boolean;
+    hoverable?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare function Card({ title, description, extra, cover, footer, loading, bordered, divided, hoverable, size, children, className, ...props }: CardProps): import("react").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AACD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAe,EACf,QAAe,EACf,OAAe,EACf,SAAiB,EACjB,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,+BAkCX"}

package/dist/esm/card/card.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { classes } from "../shared/classes.js";
+import { useContentTransition } from "../shared/presence.js";
+import { Skeleton } from "../skeleton/index.js";
+function Card({ title, description, extra, cover, footer, loading = false, bordered = true, divided = false, hoverable = false, size = 'md', children, className, ...props }) {
+    const body = useRef(null);
+    useContentTransition(body, loading ? 'loading' : 'content');
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        "aria-busy": loading || void 0,
+        className: classes('leaf-card', `leaf-card--${size}`, bordered && 'leaf-card--bordered', divided && 'leaf-card--divided', hoverable && 'leaf-card--hoverable', className),
+        children: [
+            null != cover && /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__cover",
+                children: cover
+            }),
+            (null != title || null != description || null != extra) && /*#__PURE__*/ jsxs("div", {
+                className: "leaf-card__header",
+                children: [
+                    (null != title || null != description) && /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-card__heading",
+                        children: [
+                            null != title && /*#__PURE__*/ jsx("h3", {
+                                className: "leaf-card__title",
+                                children: title
+                            }),
+                            null != description && /*#__PURE__*/ jsx("div", {
+                                className: "leaf-card__description",
+                                children: description
+                            })
+                        ]
+                    }),
+                    null != extra && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-card__extra",
+                        children: extra
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__body",
+                ref: body,
+                children: /*#__PURE__*/ jsx(Skeleton, {
+                    loading: loading,
+                    children: children
+                })
+            }),
+            null != footer && /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__footer",
+                children: footer
+            })
+        ]
+    });
+}
+export { Card };
+
+//# sourceMappingURL=card.js.map

package/dist/esm/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card/card.js","sources":["../../../src/card/card.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\nimport { Skeleton } from '../skeleton';\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: ReactNode;\n  description?: ReactNode;\n  extra?: ReactNode;\n  cover?: ReactNode;\n  footer?: ReactNode;\n  loading?: boolean;\n  bordered?: boolean;\n  /** Opt into section dividers and a muted footer surface. */\n  divided?: boolean;\n  hoverable?: boolean;\n  size?: 'sm' | 'md';\n}\nexport function Card({\n  title,\n  description,\n  extra,\n  cover,\n  footer,\n  loading = false,\n  bordered = true,\n  divided = false,\n  hoverable = false,\n  size = 'md',\n  children,\n  className,\n  ...props\n}: CardProps) {\n  const body = useRef<HTMLDivElement>(null);\n  useContentTransition(body, loading ? 'loading' : 'content');\n  return (\n    <div\n      {...props}\n      aria-busy={loading || undefined}\n      className={classes(\n        'leaf-card',\n        `leaf-card--${size}`,\n        bordered && 'leaf-card--bordered',\n        divided && 'leaf-card--divided',\n        hoverable && 'leaf-card--hoverable',\n        className,\n      )}\n    >\n      {cover != null && <div className=\"leaf-card__cover\">{cover}</div>}\n      {(title != null || description != null || extra != null) && (\n        <div className=\"leaf-card__header\">\n          {(title != null || description != null) && (\n            <div className=\"leaf-card__heading\">\n              {title != null && <h3 className=\"leaf-card__title\">{title}</h3>}\n              {description != null && <div className=\"leaf-card__description\">{description}</div>}\n            </div>\n          )}\n          {extra != null && <div className=\"leaf-card__extra\">{extra}</div>}\n        </div>\n      )}\n      <div className=\"leaf-card__body\" ref={body}>\n        <Skeleton loading={loading}>{children}</Skeleton>\n      </div>\n      {footer != null && <div className=\"leaf-card__footer\">{footer}</div>}\n    </div>\n  );\n}\n"],"names":["Card","title","description","extra","cover","footer","loading","bordered","divided","hoverable","size","children","className","props","body","useRef","useContentTransition","undefined","classes","Skeleton"],"mappings":";;;;;;AAkBO,SAASA,KAAK,EACnBC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,UAAU,KAAK,EACfC,WAAW,IAAI,EACfC,UAAU,KAAK,EACfC,YAAY,KAAK,EACjBC,OAAO,IAAI,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACO;IACV,MAAMC,OAAOC,OAAuB;IACpCC,qBAAqBF,MAAMR,UAAU,YAAY;IACjD,OAAO,WAAP,GACE,KAAC;QACE,GAAGO,KAAK;QACT,aAAWP,WAAWW;QACtB,WAAWC,QACT,aACA,CAAC,WAAW,EAAER,MAAM,EACpBH,YAAY,uBACZC,WAAW,sBACXC,aAAa,wBACbG;;YAGQ,QAATR,SAAiB,WAAR,GAAQ,IAAC;gBAAI,WAAU;0BAAoBA;;YACnDH,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,eAAuBC,AAAS,QAATA,KAAY,mBACpD,KAAC;gBAAI,WAAU;;oBACXF,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,WAAkB,mBACnC,KAAC;wBAAI,WAAU;;4BACH,QAATD,SAAiB,WAAR,GAAQ,IAAC;gCAAG,WAAU;0CAAoBA;;4BACpC,QAAfC,eAAuB,WAAR,GAAQ,IAAC;gCAAI,WAAU;0CAA0BA;;;;oBAG3D,QAATC,SAAiB,WAAR,GAAQ,IAAC;wBAAI,WAAU;kCAAoBA;;;;0BAGzD,IAAC;gBAAI,WAAU;gBAAkB,KAAKW;0BACpC,kBAACK,UAAQA;oBAAC,SAASb;8BAAUK;;;YAEpB,QAAVN,UAAkB,WAAR,GAAQ,IAAC;gBAAI,WAAU;0BAAqBA;;;;AAG7D"}

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

@@ -0,0 +1,3 @@
+export type { CardProps } from './card.js';
+export { Card } from './card.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/card/index.js

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

package/dist/esm/carousel/carousel.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes } from 'react';
+export interface CarouselHandle {
+    goTo: (index: number) => void;
+    next: () => void;
+    previous: () => void;
+}
+export interface CarouselProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    activeIndex?: number;
+    defaultActiveIndex?: number;
+    onChange?: (index: number) => void;
+    arrows?: boolean;
+    dots?: boolean;
+    autoplay?: boolean | number;
+    infinite?: boolean;
+    pauseOnHover?: boolean;
+}
+export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<CarouselHandle>>;
+//# sourceMappingURL=carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/carousel/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EASpB,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,QAAQ,0GA8JnB,CAAC"}

package/dist/esm/carousel/carousel.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Children, forwardRef, isValidElement, useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { inertProps } from "../shared/inert.js";
+import { animateMotion, useMotionEnabled } from "../shared/motion.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useText } from "../shared/use-text.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+const carousel_Carousel = /*#__PURE__*/ forwardRef(function({ activeIndex, defaultActiveIndex = 0, onChange, arrows = true, dots = true, autoplay = false, infinite = true, pauseOnHover = true, children, className, onKeyDown, ...props }, ref) {
+    const t = useText(), config = useLeafConfig(), id = useId();
+    const slides = Children.toArray(children), count = slides.length;
+    const [requested, setIndex] = useControllable(activeIndex, defaultActiveIndex, onChange);
+    const index = Math.min(Math.max(0, requested), Math.max(0, count - 1));
+    const [paused, setPaused] = useState(false);
+    const motion = useMotionEnabled();
+    const track = useRef(null);
+    const moveDirection = useRef(0);
+    useCarouselMotion(track, index, moveDirection, config.direction, motion);
+    const latest = useRef(index);
+    latest.current = index;
+    const go = (next)=>{
+        if (!count) return;
+        moveDirection.current = Math.sign(next - index);
+        setIndex(infinite ? (next % count + count) % count : Math.max(0, Math.min(count - 1, next)));
+    };
+    const callback = useRef(go);
+    callback.current = go;
+    const pointer = useRef(void 0);
+    useImperativeHandle(ref, ()=>({
+            goTo: go,
+            next: ()=>go(index + 1),
+            previous: ()=>go(index - 1)
+        }));
+    useEffect(()=>{
+        if (!autoplay || paused || !motion || count < 2) return;
+        const timer = setInterval(()=>{
+            if (!document.hidden) callback.current(latest.current + 1);
+        }, 'number' == typeof autoplay ? Math.max(500, autoplay) : 4000);
+        return ()=>clearInterval(timer);
+    }, [
+        autoplay,
+        paused,
+        count,
+        motion
+    ]);
+    return /*#__PURE__*/ jsxs("section", {
+        ...props,
+        "aria-roledescription": "carousel",
+        "aria-label": props['aria-label'] ?? t('轮播', 'Carousel'),
+        className: classes('leaf-carousel', className),
+        onPointerEnter: ()=>{
+            if (pauseOnHover) setPaused(true);
+        },
+        onPointerLeave: ()=>setPaused(false),
+        onFocus: ()=>setPaused(true),
+        onBlur: (event)=>{
+            if (!event.currentTarget.contains(event.relatedTarget)) setPaused(false);
+        },
+        onPointerDown: (event)=>{
+            if (!event.target.closest('button,a,input')) pointer.current = event.clientX;
+        },
+        onPointerUp: (event)=>{
+            if (void 0 === pointer.current) return;
+            const distance = event.clientX - pointer.current;
+            pointer.current = void 0;
+            if (Math.abs(distance) > 40) go(index + (distance < 0 ? 1 : -1) * ('rtl' === config.direction ? -1 : 1));
+        },
+        onPointerCancel: ()=>{
+            pointer.current = void 0;
+        },
+        onKeyDown: (event)=>{
+            onKeyDown?.(event);
+            if (event.defaultPrevented || event.target.matches('input,textarea')) return;
+            if ('ArrowRight' === event.key || 'ArrowLeft' === event.key) {
+                event.preventDefault();
+                go(index + ('ArrowRight' === event.key ? 1 : -1) * ('rtl' === config.direction ? -1 : 1));
+            }
+            if ('Home' === event.key) {
+                event.preventDefault();
+                go(0);
+            }
+            if ('End' === event.key) {
+                event.preventDefault();
+                go(count - 1);
+            }
+        },
+        tabIndex: props.tabIndex ?? 0,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-carousel__viewport",
+                children: /*#__PURE__*/ jsx("div", {
+                    ref: track,
+                    className: "leaf-carousel__track",
+                    children: slides.map((slide, position)=>/*#__PURE__*/ jsx("fieldset", {
+                            id: `${id}-${position}`,
+                            "aria-roledescription": "slide",
+                            "aria-label": `${position + 1} / ${count}`,
+                            "aria-hidden": position !== index || void 0,
+                            ...inertProps(position !== index),
+                            className: "leaf-carousel__slide",
+                            "data-slide-index": position,
+                            "data-active": position === index || void 0,
+                            children: slide
+                        }, /*#__PURE__*/ isValidElement(slide) ? slide.key : `slide-${position}`))
+                })
+            }),
+            arrows && count > 1 && [
+                -1,
+                1
+            ].map((direction)=>/*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: classes('leaf-carousel__arrow', -1 === direction ? 'leaf-carousel__arrow--previous' : 'leaf-carousel__arrow--next'),
+                    disabled: !infinite && (-1 === direction ? 0 === index : index === count - 1),
+                    "aria-label": -1 === direction ? t('上一张', 'Previous slide') : t('下一张', 'Next slide'),
+                    onClick: ()=>go(index + direction),
+                    children: -1 === direction ? /*#__PURE__*/ jsx(ChevronLeft, {
+                        size: 20
+                    }) : /*#__PURE__*/ jsx(ChevronRight, {
+                        size: 20
+                    })
+                }, direction)),
+            dots && count > 1 && /*#__PURE__*/ jsx("div", {
+                className: "leaf-carousel__dots",
+                children: slides.map((slide, position)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        "aria-label": `${t('转到', 'Go to')} ${position + 1}`,
+                        "aria-current": position === index ? 'true' : void 0,
+                        "aria-controls": `${id}-${position}`,
+                        onClick: ()=>go(position)
+                    }, /*#__PURE__*/ isValidElement(slide) ? slide.key : String(slide)))
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "leaf-carousel__status",
+                "aria-live": autoplay && !paused ? 'off' : 'polite',
+                children: [
+                    count ? index + 1 : 0,
+                    " / ",
+                    count
+                ]
+            })
+        ]
+    });
+});
+function useCarouselMotion(track, index, moveDirection, direction, enabled) {
+    const previous = useRef({
+        index,
+        height: 0
+    });
+    const animations = useRef([]);
+    const heightAnimation = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const host = track.current;
+        if (!host) return;
+        const outgoing = host.querySelector(`[data-slide-index="${previous.current.index}"]`);
+        const incoming = host.querySelector(`[data-slide-index="${index}"]`);
+        const interruptedHeight = heightAnimation.current?.playState === 'running' ? host.offsetHeight : previous.current.height;
+        const outgoingStyle = outgoing ? getComputedStyle(outgoing) : null;
+        const incomingStyle = incoming?.dataset.exiting ? getComputedStyle(incoming) : null;
+        const incomingTransform = incomingStyle?.transform;
+        const incomingOpacity = incomingStyle?.opacity;
+        const outgoingTransform = outgoingStyle?.transform ?? 'none';
+        const outgoingOpacity = animations.current.some((animation)=>'running' === animation.playState) ? outgoingStyle?.opacity ?? '1' : '1';
+        for (const animation of animations.current)animation.cancel();
+        animations.current = [];
+        heightAnimation.current = void 0;
+        for (const slide of host.querySelectorAll('[data-exiting]'))slide.removeAttribute('data-exiting');
+        const height = host.offsetHeight;
+        if (enabled && incoming && previous.current.index !== index) {
+            const sign = (moveDirection.current || Math.sign(index - previous.current.index)) * ('rtl' === direction ? -1 : 1);
+            const enter = animateMotion(incoming, [
+                {
+                    opacity: incomingOpacity ?? 0,
+                    transform: incomingTransform ?? `translateX(${12 * sign}%) scale(0.985)`
+                },
+                {
+                    opacity: 1,
+                    transform: 'translateX(0) scale(1)'
+                }
+            ], {
+                durationMultiplier: 2
+            });
+            if (enter) animations.current.push(enter);
+            if (outgoing) {
+                outgoing.dataset.exiting = 'true';
+                const exit = animateMotion(outgoing, [
+                    {
+                        opacity: outgoingOpacity,
+                        transform: outgoingTransform
+                    },
+                    {
+                        opacity: 0,
+                        transform: `translateX(${-12 * sign}%) scale(0.985)`
+                    }
+                ], {
+                    durationMultiplier: 2
+                });
+                if (exit) {
+                    animations.current.push(exit);
+                    exit.addEventListener('finish', ()=>outgoing.removeAttribute('data-exiting'), {
+                        once: true
+                    });
+                } else outgoing.removeAttribute('data-exiting');
+            }
+            if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {
+                const resize = animateMotion(host, [
+                    {
+                        height: `${interruptedHeight}px`
+                    },
+                    {
+                        height: `${height}px`
+                    }
+                ], {
+                    durationMultiplier: 2
+                });
+                if (resize) {
+                    animations.current.push(resize);
+                    heightAnimation.current = resize;
+                }
+            }
+        }
+        moveDirection.current = 0;
+        previous.current = {
+            index,
+            height
+        };
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(()=>{
+            if (!animations.current.some((animation)=>'running' === animation.playState)) previous.current.height = host.offsetHeight;
+        });
+        if (incoming) observer?.observe(incoming);
+        return ()=>observer?.disconnect();
+    }, [
+        track,
+        index,
+        moveDirection,
+        direction,
+        enabled
+    ]);
+    useEffect(()=>()=>{
+            for (const animation of animations.current)animation.cancel();
+        }, []);
+}
+export { carousel_Carousel as Carousel };
+
+//# sourceMappingURL=carousel.js.map

package/dist/esm/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel/carousel.js","sources":["../../../src/carousel/carousel.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  Children,\n  forwardRef,\n  type HTMLAttributes,\n  isValidElement,\n  type MutableRefObject,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport interface CarouselHandle {\n  goTo: (index: number) => void;\n  next: () => void;\n  previous: () => void;\n}\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  activeIndex?: number;\n  defaultActiveIndex?: number;\n  onChange?: (index: number) => void;\n  arrows?: boolean;\n  dots?: boolean;\n  autoplay?: boolean | number;\n  infinite?: boolean;\n  pauseOnHover?: boolean;\n}\nexport const Carousel = forwardRef<CarouselHandle, CarouselProps>(function Carousel(\n  {\n    activeIndex,\n    defaultActiveIndex = 0,\n    onChange,\n    arrows = true,\n    dots = true,\n    autoplay = false,\n    infinite = true,\n    pauseOnHover = true,\n    children,\n    className,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const t = useText(),\n    config = useLeafConfig(),\n    id = useId();\n  const slides = Children.toArray(children),\n    count = slides.length;\n  const [requested, setIndex] = useControllable(activeIndex, defaultActiveIndex, onChange);\n  const index = Math.min(Math.max(0, requested), Math.max(0, count - 1));\n  const [paused, setPaused] = useState(false);\n  const motion = useMotionEnabled();\n  const track = useRef<HTMLDivElement>(null);\n  const moveDirection = useRef(0);\n  useCarouselMotion(track, index, moveDirection, config.direction, motion);\n  const latest = useRef(index);\n  latest.current = index;\n  const go = (next: number) => {\n    if (!count) return;\n    moveDirection.current = Math.sign(next - index);\n    setIndex(infinite ? ((next % count) + count) % count : Math.max(0, Math.min(count - 1, next)));\n  };\n  const callback = useRef(go);\n  callback.current = go;\n  const pointer = useRef<number | undefined>(undefined);\n  useImperativeHandle(ref, () => ({\n    goTo: go,\n    next: () => go(index + 1),\n    previous: () => go(index - 1),\n  }));\n  useEffect(() => {\n    if (!autoplay || paused || !motion || count < 2) return;\n    const timer = setInterval(\n      () => {\n        if (!document.hidden) callback.current(latest.current + 1);\n      },\n      typeof autoplay === 'number' ? Math.max(500, autoplay) : 4000,\n    );\n    return () => clearInterval(timer);\n  }, [autoplay, paused, count, motion]);\n  return (\n    <section\n      {...props}\n      aria-roledescription=\"carousel\"\n      aria-label={props['aria-label'] ?? t('轮播', 'Carousel')}\n      className={classes('leaf-carousel', className)}\n      onPointerEnter={() => {\n        if (pauseOnHover) setPaused(true);\n      }}\n      onPointerLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) setPaused(false);\n      }}\n      onPointerDown={(event) => {\n        if (!(event.target as HTMLElement).closest('button,a,input'))\n          pointer.current = event.clientX;\n      }}\n      onPointerUp={(event) => {\n        if (pointer.current === undefined) return;\n        const distance = event.clientX - pointer.current;\n        pointer.current = undefined;\n        if (Math.abs(distance) > 40)\n          go(index + (distance < 0 ? 1 : -1) * (config.direction === 'rtl' ? -1 : 1));\n      }}\n      onPointerCancel={() => {\n        pointer.current = undefined;\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented || (event.target as HTMLElement).matches('input,textarea'))\n          return;\n        if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n          event.preventDefault();\n          go(index + (event.key === 'ArrowRight' ? 1 : -1) * (config.direction === 'rtl' ? -1 : 1));\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          go(0);\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          go(count - 1);\n        }\n      }}\n      tabIndex={props.tabIndex ?? 0}\n    >\n      <div className=\"leaf-carousel__viewport\">\n        <div ref={track} className=\"leaf-carousel__track\">\n          {slides.map((slide, position) => (\n            <fieldset\n              key={isValidElement(slide) ? slide.key : `slide-${position}`}\n              id={`${id}-${position}`}\n              aria-roledescription=\"slide\"\n              aria-label={`${position + 1} / ${count}`}\n              aria-hidden={position !== index || undefined}\n              {...inertProps(position !== index)}\n              className=\"leaf-carousel__slide\"\n              data-slide-index={position}\n              data-active={position === index || undefined}\n            >\n              {slide}\n            </fieldset>\n          ))}\n        </div>\n      </div>\n      {arrows &&\n        count > 1 &&\n        [-1, 1].map((direction) => (\n          <button\n            key={direction}\n            type=\"button\"\n            className={classes(\n              'leaf-carousel__arrow',\n              direction === -1 ? 'leaf-carousel__arrow--previous' : 'leaf-carousel__arrow--next',\n            )}\n            disabled={!infinite && (direction === -1 ? index === 0 : index === count - 1)}\n            aria-label={\n              direction === -1 ? t('上一张', 'Previous slide') : t('下一张', 'Next slide')\n            }\n            onClick={() => go(index + direction)}\n          >\n            {direction === -1 ? <ChevronLeft size={20} /> : <ChevronRight size={20} />}\n          </button>\n        ))}\n      {dots && count > 1 && (\n        <div className=\"leaf-carousel__dots\">\n          {slides.map((slide, position) => (\n            <button\n              key={isValidElement(slide) ? slide.key : String(slide)}\n              type=\"button\"\n              aria-label={`${t('转到', 'Go to')} ${position + 1}`}\n              aria-current={position === index ? 'true' : undefined}\n              aria-controls={`${id}-${position}`}\n              onClick={() => go(position)}\n            />\n          ))}\n        </div>\n      )}\n      <span className=\"leaf-carousel__status\" aria-live={autoplay && !paused ? 'off' : 'polite'}>\n        {count ? index + 1 : 0} / {count}\n      </span>\n    </section>\n  );\n});\n\nfunction useCarouselMotion(\n  track: React.RefObject<HTMLDivElement | null>,\n  index: number,\n  moveDirection: MutableRefObject<number>,\n  direction: 'ltr' | 'rtl',\n  enabled: boolean,\n) {\n  const previous = useRef({ index, height: 0 });\n  const animations = useRef<Animation[]>([]);\n  const heightAnimation = useRef<Animation | undefined>(undefined);\n  useBrowserLayoutEffect(() => {\n    const host = track.current;\n    if (!host) return;\n    const outgoing = host.querySelector<HTMLElement>(\n      `[data-slide-index=\"${previous.current.index}\"]`,\n    );\n    const incoming = host.querySelector<HTMLElement>(`[data-slide-index=\"${index}\"]`);\n    const interruptedHeight =\n      heightAnimation.current?.playState === 'running'\n        ? host.offsetHeight\n        : previous.current.height;\n    const outgoingStyle = outgoing ? getComputedStyle(outgoing) : null;\n    const incomingStyle = incoming?.dataset.exiting ? getComputedStyle(incoming) : null;\n    const incomingTransform = incomingStyle?.transform;\n    const incomingOpacity = incomingStyle?.opacity;\n    const outgoingTransform = outgoingStyle?.transform ?? 'none';\n    const outgoingOpacity = animations.current.some(\n      (animation) => animation.playState === 'running',\n    )\n      ? (outgoingStyle?.opacity ?? '1')\n      : '1';\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    heightAnimation.current = undefined;\n    for (const slide of host.querySelectorAll<HTMLElement>('[data-exiting]'))\n      slide.removeAttribute('data-exiting');\n    const height = host.offsetHeight;\n    if (enabled && incoming && previous.current.index !== index) {\n      const sign =\n        (moveDirection.current || Math.sign(index - previous.current.index)) *\n        (direction === 'rtl' ? -1 : 1);\n      const enter = animateMotion(\n        incoming,\n        [\n          {\n            opacity: incomingOpacity ?? 0,\n            transform: incomingTransform ?? `translateX(${sign * 12}%) scale(0.985)`,\n          },\n          { opacity: 1, transform: 'translateX(0) scale(1)' },\n        ],\n        { durationMultiplier: 2 },\n      );\n      if (enter) animations.current.push(enter);\n      if (outgoing) {\n        outgoing.dataset.exiting = 'true';\n        const exit = animateMotion(\n          outgoing,\n          [\n            { opacity: outgoingOpacity, transform: outgoingTransform },\n            { opacity: 0, transform: `translateX(${sign * -12}%) scale(0.985)` },\n          ],\n          { durationMultiplier: 2 },\n        );\n        if (exit) {\n          animations.current.push(exit);\n          exit.addEventListener('finish', () => outgoing.removeAttribute('data-exiting'), {\n            once: true,\n          });\n        } else outgoing.removeAttribute('data-exiting');\n      }\n      if (interruptedHeight > 0 && Math.abs(height - interruptedHeight) > 1) {\n        const resize = animateMotion(\n          host,\n          [{ height: `${interruptedHeight}px` }, { height: `${height}px` }],\n          { durationMultiplier: 2 },\n        );\n        if (resize) {\n          animations.current.push(resize);\n          heightAnimation.current = resize;\n        }\n      }\n    }\n    moveDirection.current = 0;\n    previous.current = { index, height };\n    const observer =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver(() => {\n            if (!animations.current.some((animation) => animation.playState === 'running'))\n              previous.current.height = host.offsetHeight;\n          });\n    if (incoming) observer?.observe(incoming);\n    return () => observer?.disconnect();\n  }, [track, index, moveDirection, direction, enabled]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Carousel","forwardRef","activeIndex","defaultActiveIndex","onChange","arrows","dots","autoplay","infinite","pauseOnHover","children","className","onKeyDown","props","ref","t","useText","config","useLeafConfig","id","useId","slides","Children","count","requested","setIndex","useControllable","index","Math","paused","setPaused","useState","motion","useMotionEnabled","track","useRef","moveDirection","useCarouselMotion","latest","go","next","callback","pointer","undefined","useImperativeHandle","timer","setInterval","document","clearInterval","classes","event","distance","slide","position","inertProps","isValidElement","direction","ChevronLeft","ChevronRight","String","enabled","previous","animations","heightAnimation","host","outgoing","incoming","interruptedHeight","outgoingStyle","getComputedStyle","incomingStyle","incomingTransform","incomingOpacity","outgoingTransform","outgoingOpacity","animation","height","sign","enter","animateMotion","exit","resize","observer","ResizeObserver"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './carousel.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/carousel/index.js

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

package/dist/esm/cascader/cascader.d.ts

@@ -0,0 +1,45 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type PopupOptions } from '../shared/floating.js';
+import type { ControlSize, ControlStatus } from '../shared/types.js';
+export interface CascaderOption {
+    value: string;
+    label: ReactNode;
+    searchLabel?: string;
+    isLeaf?: boolean;
+    disabled?: boolean;
+    children?: readonly CascaderOption[];
+}
+interface CascaderBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'children'>, PopupOptions {
+    options: readonly CascaderOption[];
+    size?: ControlSize;
+    status?: ControlStatus;
+    placeholder?: string;
+    name?: string;
+    required?: boolean;
+    allowClear?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    readOnly?: boolean;
+    showSearch?: boolean;
+    changeOnSelect?: boolean;
+    displayRender?: (labels: ReactNode[], selectedOptions: CascaderOption[]) => ReactNode;
+    optionRender?: (option: CascaderOption) => ReactNode;
+    loadData?: (option: CascaderOption, signal: AbortSignal) => Promise<readonly CascaderOption[]>;
+    onLoadError?: (error: unknown, option: CascaderOption) => void;
+    cacheKey?: string | number;
+}
+export type CascaderProps = CascaderBaseProps & ({
+    multiple?: false;
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
+} | {
+    multiple: true;
+    value?: readonly (readonly string[])[];
+    defaultValue?: readonly (readonly string[])[];
+    onChange?: (value: string[][], selectedOptions: CascaderOption[][]) => void;
+});
+export declare const Cascader: import("react").ForwardRefExoticComponent<CascaderProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=cascader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/cascader/cascader.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAQf,OAAO,EAEL,KAAK,YAAY,EAGlB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;CACtC;AAED,UAAU,iBACR,SAAQ,IAAI,CACR,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAC5D,EACD,YAAY;IACd,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;IACtF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,SAAS,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,SAAS,cAAc,EAAE,CAAC,CAAC;IAC/F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AACD,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CACI;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACzE,GACD;IACE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,KAAK,IAAI,CAAC;CAC7E,CACJ,CAAC;AAeJ,eAAO,MAAM,QAAQ,6GA8bnB,CAAC"}