@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip/tooltip.js","sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\n\nexport interface TooltipProps extends PopupOptions {\n  content: ReactNode;\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  className?: string;\n}\nexport function Tooltip({\n  content,\n  children,\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  enterDelay = 100,\n  leaveDelay = 100,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n}: TooltipProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled || content == null || content === '';\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-tooltip`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-describedby':\n          [children.props['aria-describedby'], open ? id : undefined].filter(Boolean).join(' ') ||\n          undefined,\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!inactive && !event.defaultPrevented && event.pointerType !== 'touch') {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (!inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (!hovered.current) schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role=\"tooltip\"\n        placement={popupPlacement ?? placement}\n        className={classes('leaf-floating', 'leaf-tooltip', className, popupClassName)}\n        style={popupStyle}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        }}\n      >\n        {content}\n      </FloatingPanel>\n    </>\n  );\n}\n"],"names":["Tooltip","content","children","placement","controlled","defaultOpen","onOpenChange","disabled","enterDelay","leaveDelay","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","internal","setInternal","useState","inactive","open","trigger","useRef","panel","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","schedule","delay","clearTimeout","setTimeout","Math","dismiss","useFloatingDismiss","useEffect","cloneElement","Boolean","event","FloatingPanel","classes"],"mappings":";;;;;;AA0CO,SAASA,QAAQ,EACtBC,OAAO,EACPC,QAAQ,EACRC,YAAY,KAAK,EACjB,MAAMC,UAAU,EAChBC,cAAc,KAAK,EACnBC,YAAY,EACZC,WAAW,KAAK,EAChBC,aAAa,GAAG,EAChBC,aAAa,GAAG,EAChBC,SAAS,EACTC,cAAc,EACdC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACJ;IACb,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASb;IACzC,MAAMc,WAAWZ,YAAYL,SAAS,KAAK,CAAC,QAAQ,IAAID,AAAW,QAAXA,WAAmBA,AAAY,OAAZA;IAC3E,MAAMmB,OAAO,CAACD,YAAaf,CAAAA,cAAcY,QAAO;IAChD,MAAMK,UAAUC,OAAoB;IACpC,MAAMC,QAAQD,OAAuB;IACrC,MAAME,WAAWC,QAAQ,UAAU,CAAC,SAC/BvB,SAA0D,GAAG,GAC9DA,SAAS,KAAK,CAAC,GAAG;IACtB,MAAMwB,MAAMC,aAAaN,SAASG;IAClC,MAAMI,KAAK,GAAGC,QAAQ,QAAQ,CAAC;IAC/B,MAAMC,QAAQR,OAAkDS;IAChE,MAAMC,UAAUV,OAAO;IACvB,MAAMW,UAAUX,OAAO;IACvB,MAAMY,SAAS,CAACC;QACd,IAAI/B,AAAe2B,WAAf3B,YAA0Ba,YAAYkB;QAC1C,IAAIA,SAASf,MAAMd,eAAe6B;IACpC;IACA,MAAMC,WAAW,CAACD,MAAeE;QAC/BC,aAAaR,MAAM,OAAO;QAC1BA,MAAM,OAAO,GAAGS,WAAW,IAAML,OAAOC,OAAOK,KAAK,GAAG,CAAC,GAAGH;IAC7D;IACA,MAAMI,UAAU;QACdH,aAAaR,MAAM,OAAO;QAC1BI,OAAO;IACT;IACAQ,mBAAmBtB,MAAMqB,SAASpB,SAASE;IAC3CoB,UAAU,IAAM,IAAML,aAAaR,MAAM,OAAO,GAAG,EAAE;IACrDa,UAAU;QACR,IAAIxB,UAAU;YACZmB,aAAaR,MAAM,OAAO;YAC1Bb,YAAY;QACd;IACF,GAAG;QAACE;KAAS;IACb,OAAO,WAAP,GACE;;0BACGyB,aAAa1C,UAAU;gBACtBwB;gBACA,oBACE;oBAACxB,SAAS,KAAK,CAAC,mBAAmB;oBAAEkB,OAAOQ,KAAKG;iBAAU,CAAC,MAAM,CAACc,SAAS,IAAI,CAAC,QACjFd;gBACF,gBAAgB,CAACe;oBACf5C,SAAS,KAAK,CAAC,cAAc,GAAG4C;oBAChC,IAAI,CAAC3B,YAAY,CAAC2B,MAAM,gBAAgB,IAAIA,AAAsB,YAAtBA,MAAM,WAAW,EAAc;wBACzEb,QAAQ,OAAO,GAAG;wBAClBG,SAAS,MAAM5B;oBACjB;gBACF;gBACA,gBAAgB,CAACsC;oBACf5C,SAAS,KAAK,CAAC,cAAc,GAAG4C;oBAChCb,QAAQ,OAAO,GAAG;oBAClB,IAAI,CAACD,QAAQ,OAAO,EAAEI,SAAS,OAAO3B;gBACxC;gBACA,SAAS,CAACqC;oBACR5C,SAAS,KAAK,CAAC,OAAO,GAAG4C;oBACzB,IAAI,CAAC3B,YAAY,CAAC2B,MAAM,gBAAgB,EAAE;wBACxCd,QAAQ,OAAO,GAAG;wBAClBM,aAAaR,MAAM,OAAO;wBAC1BI,OAAO;oBACT;gBACF;gBACA,QAAQ,CAACY;oBACP5C,SAAS,KAAK,CAAC,MAAM,GAAG4C;oBACxBd,QAAQ,OAAO,GAAG;oBAClB,IAAI,CAACC,QAAQ,OAAO,EAAEG,SAAS,OAAO3B;gBACxC;YACF;0BACA,IAACsC,eAAaA;gBACZ,MAAM3B;gBACN,QAAQN;gBACR,WAAWC;gBACX,YAAYM;gBACZ,UAAUE;gBACV,IAAIK;gBACJ,MAAK;gBACL,WAAWjB,kBAAkBR;gBAC7B,WAAW6C,QAAQ,iBAAiB,gBAAgBtC,WAAWE;gBAC/D,OAAOC;gBACP,gBAAgB;oBACdoB,QAAQ,OAAO,GAAG;oBAClBK,aAAaR,MAAM,OAAO;gBAC5B;gBACA,gBAAgB;oBACdG,QAAQ,OAAO,GAAG;oBAClB,IAAI,CAACD,QAAQ,OAAO,EAAEI,SAAS,OAAO3B;gBACxC;0BAECR;;;;AAIT"}
+{"version":3,"file":"tooltip/tooltip.js","sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\n\nexport interface TooltipProps extends PopupOptions {\n  content: ReactNode;\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  className?: string;\n}\nexport function TooltipControl({\n  content,\n  children,\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  enterDelay = 100,\n  leaveDelay = 100,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n}: TooltipProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled || content == null || content === '';\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-tooltip`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-describedby':\n          [children.props['aria-describedby'], open ? id : undefined].filter(Boolean).join(' ') ||\n          undefined,\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!inactive && !event.defaultPrevented && event.pointerType !== 'touch') {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (!inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (!hovered.current) schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role=\"tooltip\"\n        placement={popupPlacement ?? placement}\n        className={classes('leaf-floating', 'leaf-tooltip', className, popupClassName)}\n        style={popupStyle}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        }}\n      >\n        {content}\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function Tooltip(rawProps: TooltipProps) {\n  const props = useComponentProps('Tooltip', rawProps);\n  return <TooltipControl {...props} />;\n}\n"],"names":["TooltipControl","content","children","placement","controlled","defaultOpen","onOpenChange","disabled","enterDelay","leaveDelay","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","internal","setInternal","useState","inactive","open","trigger","useRef","panel","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","schedule","delay","clearTimeout","setTimeout","Math","dismiss","useFloatingDismiss","useEffect","cloneElement","Boolean","event","FloatingPanel","classes","Tooltip","rawProps","props","useComponentProps"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-export * from './tour.js';
+export type { TourProps, TourStep } from './tour.js';
+export { Tour } from './tour.js';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/tour/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./tour.js";
+export { Tour } from "./tour.js";

package/dist/esm/tour/tour.d.ts

@@ -20,5 +20,5 @@ export interface TourProps {
     padding?: number;
     getPopupContainer?: PopupOptions['getPopupContainer'];
 }
-export declare function Tour({ open, steps, current, defaultCurrent, onChange, onClose, onFinish, missingTarget, mask, padding, getPopupContainer, }: TourProps): import("react").JSX.Element | null;
+export declare function Tour(rawProps: TourProps): import("react").JSX.Element | null;
 //# sourceMappingURL=tour.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../src/tour/tour.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMtE,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAmBD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAkB,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAwB,EACxB,IAAW,EACX,OAAW,EACX,iBAAiB,GAClB,EAAE,SAAS,sCA4JX"}
+{"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../src/tour/tour.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAC;AAK3F,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMtE,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAmBD,wBAAgB,IAAI,CAAC,QAAQ,EAAE,SAAS,sCAyKvC"}

package/dist/esm/tour/tour.js

@@ -2,7 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { useEffect, useId, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useDialog } from "../shared/dialog.js";
 import { FloatingPanel } from "../shared/floating.js";
@@ -15,7 +16,8 @@ function TourFocus({ panel, owner, close, modal, open, children }) {
     useDialog(open, panel, owner, close, true, {}, true, modal);
     return children;
 }
-function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onFinish, missingTarget = 'center', mask = true, padding = 8, getPopupContainer }) {
+function Tour(rawProps) {
+    const { open, steps, current, defaultCurrent = 0, onChange, onClose, onFinish, missingTarget = 'center', mask = true, padding = 8, getPopupContainer } = useComponentProps('Tour', rawProps);
     const t = useText();
     const { messages } = useLeafConfig();
     const [index, setIndex] = useControllable(current, defaultCurrent, onChange);
@@ -92,13 +94,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                             id: `${id}-title`,
                             children: step.title
                         }),
-                        /*#__PURE__*/ jsx(Button, {
+                        /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             variant: "ghost",
                             startIcon: /*#__PURE__*/ jsx(X, {
                                 size: 16
                             }),
-                            "aria-label": messages.close,
+                            "aria-label": messages.common.close,
                             onClick: onClose
                         })
                     ]
@@ -117,13 +119,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                                 steps.length
                             ]
                         }),
-                        index > 0 && /*#__PURE__*/ jsx(Button, {
+                        index > 0 && /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             variant: "outline",
                             onClick: ()=>setIndex(index - 1),
-                            children: t('上一步', 'Previous')
+                            children: t('tour.previous')
                         }),
-                        /*#__PURE__*/ jsx(Button, {
+                        /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             onClick: ()=>{
                                 if (index < steps.length - 1) setIndex(index + 1);
@@ -132,7 +134,7 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                                     onClose?.();
                                 }
                             },
-                            children: index === steps.length - 1 ? t('完成', 'Finish') : t('下一步', 'Next')
+                            children: index === steps.length - 1 ? t('tour.finish') : t('tour.next')
                         })
                     ]
                 })

package/dist/esm/tour/tour.js.map

@@ -1 +1 @@
-{"version":3,"file":"tour/tour.js","sources":["../../../src/tour/tour.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { type ReactNode, type RefObject, useEffect, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useDialog } from '../shared/dialog';\nimport { FloatingPanel, type PopupOptions } from '../shared/floating';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface TourStep {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  target?: string | (() => HTMLElement | null);\n  placement?: PopupOptions['popupPlacement'];\n}\nexport interface TourProps {\n  open: boolean;\n  steps: readonly TourStep[];\n  current?: number;\n  defaultCurrent?: number;\n  onChange?: (current: number) => void;\n  onClose?: () => void;\n  onFinish?: () => void;\n  missingTarget?: 'center' | 'skip' | 'close';\n  mask?: boolean;\n  padding?: number;\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\nfunction TourFocus({\n  panel,\n  owner,\n  close,\n  modal,\n  open,\n  children,\n}: {\n  panel: RefObject<HTMLDivElement | null>;\n  owner: string;\n  close: () => void;\n  modal: boolean;\n  open: boolean;\n  children: ReactNode;\n}) {\n  useDialog(open, panel, owner, close, true, {}, true, modal);\n  return children;\n}\nexport function Tour({\n  open,\n  steps,\n  current,\n  defaultCurrent = 0,\n  onChange,\n  onClose,\n  onFinish,\n  missingTarget = 'center',\n  mask = true,\n  padding = 8,\n  getPopupContainer,\n}: TourProps) {\n  const t = useText();\n  const { messages } = useLeafConfig();\n  const [index, setIndex] = useControllable(current, defaultCurrent, onChange);\n  const latestStep = useRef(steps[index]);\n  if (open && steps[index]) latestStep.current = steps[index];\n  const step = open ? steps[index] : latestStep.current;\n  const target = useRef<HTMLElement | null>(null),\n    panel = useRef<HTMLDivElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const contentView = useRef<HTMLDivElement>(null);\n  const present = usePresence(open && Boolean(step), root);\n  useContentTransition(contentView, `${open}:${index}`);\n  const id = useId();\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const callbacks = useRef({ setIndex, onClose });\n  callbacks.current = { setIndex, onClose };\n  useEffect(() => {\n    if (!open || !step) return;\n    let frame = 0;\n    const node =\n      typeof step.target === 'string'\n        ? document.querySelector<HTMLElement>(step.target)\n        : step.target?.();\n    target.current = node ?? null;\n    if (!node) {\n      setRect(null);\n      if (missingTarget === 'skip' && index < steps.length - 1)\n        callbacks.current.setIndex(index + 1);\n      else if (missingTarget === 'close' || missingTarget === 'skip') callbacks.current.onClose?.();\n      return;\n    }\n    node.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setRect(node.getBoundingClientRect()));\n    };\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, step, index, missingTarget, steps.length]);\n  if (!present || !step) return null;\n  const content = (\n    <TourFocus panel={panel} owner={id} close={() => onClose?.()} modal={mask} open={open}>\n      <div ref={contentView} className=\"leaf-tour__content\">\n        <div className=\"leaf-tour__header\">\n          <h3 id={`${id}-title`}>{step.title}</h3>\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            startIcon={<X size={16} />}\n            aria-label={messages.close}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"leaf-tour__description\">{step.description}</div>\n        <div className=\"leaf-tour__footer\">\n          <span>\n            {index + 1} / {steps.length}\n          </span>\n          {index > 0 && (\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIndex(index - 1)}>\n              {t('上一步', 'Previous')}\n            </Button>\n          )}\n          <Button\n            size=\"sm\"\n            onClick={() => {\n              if (index < steps.length - 1) setIndex(index + 1);\n              else {\n                onFinish?.();\n                onClose?.();\n              }\n            }}\n          >\n            {index === steps.length - 1 ? t('完成', 'Finish') : t('下一步', 'Next')}\n          </Button>\n        </div>\n      </div>\n    </TourFocus>\n  );\n  return (\n    <ScopedPortal container={getPopupContainer}>\n      <div\n        ref={root}\n        className=\"leaf-tour-root\"\n        data-state={open ? 'open' : 'closing'}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n      >\n        {mask && (\n          <div className=\"leaf-tour__mask\" aria-hidden=\"true\">\n            {rect ? (\n              <>\n                <div style={{ inset: `0 0 auto 0`, height: Math.max(0, rect.top - padding) }} />\n                <div style={{ inset: `${rect.bottom + padding}px 0 0 0` }} />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: 0,\n                    width: Math.max(0, rect.left - padding),\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: rect.right + padding,\n                    right: 0,\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n              </>\n            ) : (\n              <div style={{ inset: 0 }} />\n            )}\n          </div>\n        )}\n        {rect ? (\n          <FloatingPanel\n            open={open}\n            triggerRef={target}\n            panelRef={panel}\n            placement={step.placement ?? 'bottom'}\n            container={getPopupContainer}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            className=\"leaf-floating leaf-tour\"\n            tabIndex={-1}\n          >\n            {content}\n          </FloatingPanel>\n        ) : (\n          <div\n            ref={panel}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            tabIndex={-1}\n            className=\"leaf-tour leaf-tour--center\"\n          >\n            {content}\n          </div>\n        )}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["TourFocus","panel","owner","close","modal","open","children","useDialog","Tour","steps","current","defaultCurrent","onChange","onClose","onFinish","missingTarget","mask","padding","getPopupContainer","t","useText","messages","useLeafConfig","index","setIndex","useControllable","latestStep","useRef","step","target","root","contentView","present","usePresence","Boolean","useContentTransition","id","useId","rect","setRect","useState","callbacks","useEffect","frame","node","document","update","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","undefined","window","content","Button","X","ScopedPortal","inertProps","Math","FloatingPanel"],"mappings":"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"}
+{"version":3,"file":"tour/tour.js","sources":["../../../src/tour/tour.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { type ReactNode, type RefObject, useEffect, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useDialog } from '../shared/dialog';\nimport { FloatingPanel, type PopupOptions } from '../shared/floating';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface TourStep {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  target?: string | (() => HTMLElement | null);\n  placement?: PopupOptions['popupPlacement'];\n}\nexport interface TourProps {\n  open: boolean;\n  steps: readonly TourStep[];\n  current?: number;\n  defaultCurrent?: number;\n  onChange?: (current: number) => void;\n  onClose?: () => void;\n  onFinish?: () => void;\n  missingTarget?: 'center' | 'skip' | 'close';\n  mask?: boolean;\n  padding?: number;\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\nfunction TourFocus({\n  panel,\n  owner,\n  close,\n  modal,\n  open,\n  children,\n}: {\n  panel: RefObject<HTMLDivElement | null>;\n  owner: string;\n  close: () => void;\n  modal: boolean;\n  open: boolean;\n  children: ReactNode;\n}) {\n  useDialog(open, panel, owner, close, true, {}, true, modal);\n  return children;\n}\nexport function Tour(rawProps: TourProps) {\n  const {\n    open,\n    steps,\n    current,\n    defaultCurrent = 0,\n    onChange,\n    onClose,\n    onFinish,\n    missingTarget = 'center',\n    mask = true,\n    padding = 8,\n    getPopupContainer,\n  } = useComponentProps('Tour', rawProps);\n  const t = useText();\n  const { messages } = useLeafConfig();\n  const [index, setIndex] = useControllable(current, defaultCurrent, onChange);\n  const latestStep = useRef(steps[index]);\n  if (open && steps[index]) latestStep.current = steps[index];\n  const step = open ? steps[index] : latestStep.current;\n  const target = useRef<HTMLElement | null>(null),\n    panel = useRef<HTMLDivElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const contentView = useRef<HTMLDivElement>(null);\n  const present = usePresence(open && Boolean(step), root);\n  useContentTransition(contentView, `${open}:${index}`);\n  const id = useId();\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const callbacks = useRef({ setIndex, onClose });\n  callbacks.current = { setIndex, onClose };\n  useEffect(() => {\n    if (!open || !step) return;\n    let frame = 0;\n    const node =\n      typeof step.target === 'string'\n        ? document.querySelector<HTMLElement>(step.target)\n        : step.target?.();\n    target.current = node ?? null;\n    if (!node) {\n      setRect(null);\n      if (missingTarget === 'skip' && index < steps.length - 1)\n        callbacks.current.setIndex(index + 1);\n      else if (missingTarget === 'close' || missingTarget === 'skip') callbacks.current.onClose?.();\n      return;\n    }\n    node.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setRect(node.getBoundingClientRect()));\n    };\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, step, index, missingTarget, steps.length]);\n  if (!present || !step) return null;\n  const content = (\n    <TourFocus panel={panel} owner={id} close={() => onClose?.()} modal={mask} open={open}>\n      <div ref={contentView} className=\"leaf-tour__content\">\n        <div className=\"leaf-tour__header\">\n          <h3 id={`${id}-title`}>{step.title}</h3>\n          <ButtonControl\n            size=\"sm\"\n            variant=\"ghost\"\n            startIcon={<X size={16} />}\n            aria-label={messages.common.close}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"leaf-tour__description\">{step.description}</div>\n        <div className=\"leaf-tour__footer\">\n          <span>\n            {index + 1} / {steps.length}\n          </span>\n          {index > 0 && (\n            <ButtonControl size=\"sm\" variant=\"outline\" onClick={() => setIndex(index - 1)}>\n              {t('tour.previous')}\n            </ButtonControl>\n          )}\n          <ButtonControl\n            size=\"sm\"\n            onClick={() => {\n              if (index < steps.length - 1) setIndex(index + 1);\n              else {\n                onFinish?.();\n                onClose?.();\n              }\n            }}\n          >\n            {index === steps.length - 1 ? t('tour.finish') : t('tour.next')}\n          </ButtonControl>\n        </div>\n      </div>\n    </TourFocus>\n  );\n  return (\n    <ScopedPortal container={getPopupContainer}>\n      <div\n        ref={root}\n        className=\"leaf-tour-root\"\n        data-state={open ? 'open' : 'closing'}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n      >\n        {mask && (\n          <div className=\"leaf-tour__mask\" aria-hidden=\"true\">\n            {rect ? (\n              <>\n                <div style={{ inset: `0 0 auto 0`, height: Math.max(0, rect.top - padding) }} />\n                <div style={{ inset: `${rect.bottom + padding}px 0 0 0` }} />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: 0,\n                    width: Math.max(0, rect.left - padding),\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: rect.right + padding,\n                    right: 0,\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n              </>\n            ) : (\n              <div style={{ inset: 0 }} />\n            )}\n          </div>\n        )}\n        {rect ? (\n          <FloatingPanel\n            open={open}\n            triggerRef={target}\n            panelRef={panel}\n            placement={step.placement ?? 'bottom'}\n            container={getPopupContainer}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            className=\"leaf-floating leaf-tour\"\n            tabIndex={-1}\n          >\n            {content}\n          </FloatingPanel>\n        ) : (\n          <div\n            ref={panel}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            tabIndex={-1}\n            className=\"leaf-tour leaf-tour--center\"\n          >\n            {content}\n          </div>\n        )}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["TourFocus","panel","owner","close","modal","open","children","useDialog","Tour","rawProps","steps","current","defaultCurrent","onChange","onClose","onFinish","missingTarget","mask","padding","getPopupContainer","useComponentProps","t","useText","messages","useLeafConfig","index","setIndex","useControllable","latestStep","useRef","step","target","root","contentView","present","usePresence","Boolean","useContentTransition","id","useId","rect","setRect","useState","callbacks","useEffect","frame","node","document","update","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","undefined","window","content","ButtonControl","X","ScopedPortal","inertProps","Math","FloatingPanel"],"mappings":"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"}

package/dist/esm/transfer/transfer.d.ts

@@ -29,5 +29,5 @@ export interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     required?: boolean;
     oneWay?: boolean;
 }
-export declare function Transfer({ items, value, defaultValue, onChange, selectedKeys, onSelectionChange, titles, searchable, filterOption, renderItem, disabled: disabledProp, height, virtual, name, form, required, oneWay, className, ...props }: TransferProps): import("react").JSX.Element;
+export declare function Transfer(rawProps: TransferProps): import("react").JSX.Element;
 //# sourceMappingURL=transfer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["../../../src/transfer/transfer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAWrF,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACN,UAAiB,EACjB,YAAY,EACZ,UAAU,EACV,QAAQ,EAAE,YAAY,EACtB,MAAY,EACZ,OAAe,EACf,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAiMf"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["../../../src/transfer/transfer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAcrF,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,+BAsN/C"}

package/dist/esm/transfer/transfer.js

@@ -2,17 +2,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft, ArrowRight, Search } from "lucide-react";
 import { useId, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { Checkbox } from "../checkbox/index.js";
+import { ButtonControl } from "../button/button.js";
+import { CheckboxControl } from "../checkbox/checkbox.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { estimateControlHeight } from "../density.js";
 import { FieldScope, useFormField } from "../form/form.js";
-import { Input } from "../input/index.js";
-import { Result } from "../result/index.js";
+import { InputControl } from "../input/input.js";
+import { ResultControl } from "../result/result.js";
 import { classes } from "../shared/classes.js";
 import { FormValue, useFieldValue } from "../shared/field.js";
 import { useListMotion } from "../shared/motion.js";
 import { useText } from "../shared/use-text.js";
-import { VirtualList } from "../virtuallist/virtuallist.js";
-function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onSelectionChange, titles, searchable = true, filterOption, renderItem, disabled: disabledProp, height = 180, virtual = false, name, form, required, oneWay = false, className, ...props }) {
+import { VirtualListControl } from "../virtuallist/virtuallist.js";
+function Transfer(rawProps) {
+    const { items, value, defaultValue = [], onChange, selectedKeys, onSelectionChange, titles, searchable = true, filterOption, renderItem, disabled: disabledProp, height = 180, virtual = false, name, form, required, oneWay = false, className, ...props } = useComponentProps('Transfer', rawProps);
+    const { theme, density } = useLeafConfig();
     const field = useFormField();
     const disabled = disabledProp || field?.disabled;
     const t = useText();
@@ -60,7 +65,7 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                 className: "leaf-transfer__item",
                 "data-motion-key": item.key,
                 "data-selected": selected.includes(item.key) ? '' : void 0,
-                children: /*#__PURE__*/ jsx(Checkbox, {
+                children: /*#__PURE__*/ jsx(CheckboxControl, {
                     disabled: disabled || item.disabled,
                     checked: selected.includes(item.key),
                     onChange: (event)=>select(event.target.checked ? [
@@ -86,8 +91,8 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                 /*#__PURE__*/ jsxs("header", {
                     className: "leaf-transfer__header",
                     children: [
-                        /*#__PURE__*/ jsx(Checkbox, {
-                            "aria-label": t('选择本页全部', 'Select all visible items'),
+                        /*#__PURE__*/ jsx(CheckboxControl, {
+                            "aria-label": t('transfer.selectAllVisibleItems'),
                             disabled: disabled || !enabled.length,
                             checked: enabled.length > 0 && checked.length === enabled.length,
                             indeterminate: checked.length > 0 && checked.length < enabled.length,
@@ -100,7 +105,7 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                         }),
                         /*#__PURE__*/ jsx("span", {
                             id: `${id}-${side}`,
-                            children: titles?.[side] ?? (0 === side ? t('可选项目', 'Available') : t('已选项目', 'Selected'))
+                            children: titles?.[side] ?? (0 === side ? t('transfer.available') : t('transfer.selected'))
                         }),
                         /*#__PURE__*/ jsxs("small", {
                             children: [
@@ -112,27 +117,27 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                 }),
                 searchable && /*#__PURE__*/ jsx("div", {
                     className: "leaf-transfer__search",
-                    children: /*#__PURE__*/ jsx(Input, {
+                    children: /*#__PURE__*/ jsx(InputControl, {
                         size: "sm",
                         allowClear: true,
                         prefix: /*#__PURE__*/ jsx(Search, {
                             size: 14
                         }),
-                        "aria-label": 0 === side ? t('搜索可选项目', 'Search available items') : t('搜索已选项目', 'Search selected items'),
+                        "aria-label": 0 === side ? t('transfer.searchAvailableItems') : t('transfer.searchSelectedItems'),
                         value: query,
                         onChange: (event)=>setQueries((previous)=>previous.map((text, index)=>index === side ? event.target.value : text))
                     })
                 }),
-                virtual ? /*#__PURE__*/ jsx(VirtualList, {
+                virtual ? /*#__PURE__*/ jsx(VirtualListControl, {
                     items: list,
                     itemKey: (item)=>item.key,
                     renderItem: row,
                     height: height,
-                    estimateSize: items.some((item)=>item.description) ? 54 : 40,
-                    emptyContent: /*#__PURE__*/ jsx(Result, {
+                    estimateSize: (item)=>Math.max(estimateControlHeight(theme, density), item.description ? 42 : 0) + 6,
+                    emptyContent: /*#__PURE__*/ jsx(ResultControl, {
                         size: "sm",
                         icon: null,
-                        title: t('暂无项目', 'No items')
+                        title: t('transfer.noItems')
                     })
                 }) : /*#__PURE__*/ jsx("div", {
                     className: "leaf-transfer__list",
@@ -141,10 +146,10 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                     },
                     children: list.length ? list.map((item)=>/*#__PURE__*/ jsx("div", {
                             children: row(item)
-                        }, item.key)) : /*#__PURE__*/ jsx(Result, {
+                        }, item.key)) : /*#__PURE__*/ jsx(ResultControl, {
                         size: "sm",
                         icon: null,
-                        title: t('暂无项目', 'No items')
+                        title: t('transfer.noItems')
                     })
                 })
             ]
@@ -162,24 +167,24 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
             /*#__PURE__*/ jsxs("div", {
                 className: "leaf-transfer__actions",
                 children: [
-                    /*#__PURE__*/ jsx(Button, {
+                    /*#__PURE__*/ jsx(ButtonControl, {
                         ref: trigger,
                         id: props.id ?? field?.id,
                         size: "sm",
                         startIcon: /*#__PURE__*/ jsx(ArrowRight, {
                             size: 16
                         }),
-                        "aria-label": t('移至已选', 'Move to selected'),
+                        "aria-label": t('transfer.moveToSelected'),
                         disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && !current.includes(item.key)),
                         onClick: ()=>move('right')
                     }),
-                    !oneWay && /*#__PURE__*/ jsx(Button, {
+                    !oneWay && /*#__PURE__*/ jsx(ButtonControl, {
                         size: "sm",
                         variant: "outline",
                         startIcon: /*#__PURE__*/ jsx(ArrowLeft, {
                             size: 16
                         }),
-                        "aria-label": t('移回可选', 'Move to available'),
+                        "aria-label": t('transfer.moveToAvailable'),
                         disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && current.includes(item.key)),
                         onClick: ()=>move('left')
                     })

package/dist/esm/transfer/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer/transfer.js","sources":["../../../src/transfer/transfer.tsx"],"sourcesContent":["import { ArrowLeft, ArrowRight, Search } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { FieldScope, useFormField } from '../form/form';\nimport { Input } from '../input';\nimport { Result } from '../result';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { VirtualList } from '../virtuallist/virtuallist';\nexport interface TransferItem {\n  key: string;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  searchLabel?: string;\n}\nexport interface TransferChangeInfo {\n  direction: 'left' | 'right';\n  movedKeys: string[];\n}\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TransferItem[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (keys: string[], info: TransferChangeInfo) => void;\n  selectedKeys?: readonly string[];\n  onSelectionChange?: (keys: string[]) => void;\n  titles?: readonly [ReactNode, ReactNode];\n  searchable?: boolean;\n  filterOption?: (query: string, item: TransferItem) => boolean;\n  renderItem?: (item: TransferItem) => ReactNode;\n  disabled?: boolean;\n  height?: number;\n  virtual?: boolean;\n  name?: string;\n  form?: string;\n  required?: boolean;\n  oneWay?: boolean;\n}\nexport function Transfer({\n  items,\n  value,\n  defaultValue = [],\n  onChange,\n  selectedKeys,\n  onSelectionChange,\n  titles,\n  searchable = true,\n  filterOption,\n  renderItem,\n  disabled: disabledProp,\n  height = 180,\n  virtual = false,\n  name,\n  form,\n  required,\n  oneWay = false,\n  className,\n  ...props\n}: TransferProps) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const t = useText();\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internal, setInternal] = useState<readonly string[]>([]);\n  const selected = selectedKeys ?? internal;\n  const [queries, setQueries] = useState(['', '']);\n  useListMotion(\n    root,\n    JSON.stringify([current, queries, items.map((item) => item.key)]),\n    virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]',\n  );\n  const select = (keys: string[]) => {\n    if (selectedKeys === undefined) setInternal(keys);\n    onSelectionChange?.(keys);\n  };\n  const move = (direction: 'left' | 'right') => {\n    const moved = items\n      .filter(\n        (item) =>\n          !item.disabled &&\n          selected.includes(item.key) &&\n          current.includes(item.key) === (direction === 'left'),\n      )\n      .map((item) => item.key);\n    if (!moved.length || disabled) return;\n    const next =\n      direction === 'right'\n        ? [...current, ...moved]\n        : current.filter((key) => !moved.includes(key));\n    setCurrent(next);\n    select(selected.filter((key) => !moved.includes(key)));\n    onChange?.([...next], { direction, movedKeys: moved });\n  };\n  const panel = (side: 0 | 1) => {\n    const query = queries[side] ?? '';\n    const list = items.filter(\n      (item) =>\n        current.includes(item.key) === (side === 1) &&\n        (filterOption\n          ? filterOption(query, item)\n          : `${item.searchLabel ?? (typeof item.label === 'string' ? item.label : item.key)} ${item.description ?? ''}`\n              .toLocaleLowerCase()\n              .includes(query.toLocaleLowerCase())),\n    );\n    const enabled = list.filter((item) => !item.disabled);\n    const checked = enabled.filter((item) => selected.includes(item.key));\n    const row = (item: TransferItem) => (\n      <div\n        className=\"leaf-transfer__item\"\n        data-motion-key={item.key}\n        data-selected={selected.includes(item.key) ? '' : undefined}\n      >\n        <Checkbox\n          disabled={disabled || item.disabled}\n          checked={selected.includes(item.key)}\n          onChange={(event) =>\n            select(\n              event.target.checked\n                ? [...new Set([...selected, item.key])]\n                : selected.filter((key) => key !== item.key),\n            )\n          }\n        >\n          <span>\n            {renderItem?.(item) ?? item.label}\n            {item.description && <small>{item.description}</small>}\n          </span>\n        </Checkbox>\n      </div>\n    );\n    return (\n      <section className=\"leaf-transfer__panel\" aria-labelledby={`${id}-${side}`}>\n        <header className=\"leaf-transfer__header\">\n          <Checkbox\n            aria-label={t('选择本页全部', 'Select all visible items')}\n            disabled={disabled || !enabled.length}\n            checked={enabled.length > 0 && checked.length === enabled.length}\n            indeterminate={checked.length > 0 && checked.length < enabled.length}\n            onChange={(event) =>\n              select(\n                event.target.checked\n                  ? [...new Set([...selected, ...enabled.map((item) => item.key)])]\n                  : selected.filter((key) => !enabled.some((item) => item.key === key)),\n              )\n            }\n          />\n          <span id={`${id}-${side}`}>\n            {titles?.[side] ??\n              (side === 0 ? t('可选项目', 'Available') : t('已选项目', 'Selected'))}\n          </span>\n          <small>\n            {checked.length ? `${checked.length} / ` : ''}\n            {list.length}\n          </small>\n        </header>\n        {searchable && (\n          <div className=\"leaf-transfer__search\">\n            <Input\n              size=\"sm\"\n              allowClear\n              prefix={<Search size={14} />}\n              aria-label={\n                side === 0\n                  ? t('搜索可选项目', 'Search available items')\n                  : t('搜索已选项目', 'Search selected items')\n              }\n              value={query}\n              onChange={(event) =>\n                setQueries((previous) =>\n                  previous.map((text, index) => (index === side ? event.target.value : text)),\n                )\n              }\n            />\n          </div>\n        )}\n        {virtual ? (\n          <VirtualList\n            items={list}\n            itemKey={(item) => item.key}\n            renderItem={row}\n            height={height}\n            estimateSize={items.some((item) => item.description) ? 54 : 40}\n            emptyContent={<Result size=\"sm\" icon={null} title={t('暂无项目', 'No items')} />}\n          />\n        ) : (\n          <div className=\"leaf-transfer__list\" style={{ height }}>\n            {list.length ? (\n              list.map((item) => <div key={item.key}>{row(item)}</div>)\n            ) : (\n              <Result size=\"sm\" icon={null} title={t('暂无项目', 'No items')} />\n            )}\n          </div>\n        )}\n      </section>\n    );\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-transfer', className)}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <FieldScope>{panel(0)}</FieldScope>\n      <div className=\"leaf-transfer__actions\">\n        <Button\n          ref={trigger}\n          id={props.id ?? field?.id}\n          size=\"sm\"\n          startIcon={<ArrowRight size={16} />}\n          aria-label={t('移至已选', 'Move to selected')}\n          disabled={\n            disabled ||\n            !items.some(\n              (item) =>\n                !item.disabled && selected.includes(item.key) && !current.includes(item.key),\n            )\n          }\n          onClick={() => move('right')}\n        />\n        {!oneWay && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            startIcon={<ArrowLeft size={16} />}\n            aria-label={t('移回可选', 'Move to available')}\n            disabled={\n              disabled ||\n              !items.some(\n                (item) =>\n                  !item.disabled && selected.includes(item.key) && current.includes(item.key),\n              )\n            }\n            onClick={() => move('left')}\n          />\n        )}\n      </div>\n      <FieldScope>{panel(1)}</FieldScope>\n      <FormValue\n        name={name}\n        form={form}\n        value={current.length ? JSON.stringify(current) : ''}\n        required={required ?? field?.required}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["Transfer","items","value","defaultValue","onChange","selectedKeys","onSelectionChange","titles","searchable","filterOption","renderItem","disabledProp","height","virtual","name","form","required","oneWay","className","props","field","useFormField","disabled","t","useText","id","useId","trigger","useRef","root","current","setCurrent","useFieldValue","internal","setInternal","useState","selected","queries","setQueries","useListMotion","JSON","item","select","keys","undefined","move","direction","moved","next","key","panel","side","query","list","enabled","checked","row","Checkbox","event","Set","Input","Search","previous","text","index","VirtualList","Result","classes","FieldScope","Button","ArrowRight","ArrowLeft","FormValue"],"mappings":"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"}
+{"version":3,"file":"transfer/transfer.js","sources":["../../../src/transfer/transfer.tsx"],"sourcesContent":["import { ArrowLeft, ArrowRight, Search } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { CheckboxControl as Checkbox } from '../checkbox/checkbox';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { FieldScope, useFormField } from '../form/form';\nimport { InputControl } from '../input/input';\nimport { ResultControl as Result } from '../result/result';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { VirtualListControl as VirtualList } from '../virtuallist/virtuallist';\nexport interface TransferItem {\n  key: string;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  searchLabel?: string;\n}\nexport interface TransferChangeInfo {\n  direction: 'left' | 'right';\n  movedKeys: string[];\n}\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TransferItem[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (keys: string[], info: TransferChangeInfo) => void;\n  selectedKeys?: readonly string[];\n  onSelectionChange?: (keys: string[]) => void;\n  titles?: readonly [ReactNode, ReactNode];\n  searchable?: boolean;\n  filterOption?: (query: string, item: TransferItem) => boolean;\n  renderItem?: (item: TransferItem) => ReactNode;\n  disabled?: boolean;\n  height?: number;\n  virtual?: boolean;\n  name?: string;\n  form?: string;\n  required?: boolean;\n  oneWay?: boolean;\n}\nexport function Transfer(rawProps: TransferProps) {\n  const {\n    items,\n    value,\n    defaultValue = [],\n    onChange,\n    selectedKeys,\n    onSelectionChange,\n    titles,\n    searchable = true,\n    filterOption,\n    renderItem,\n    disabled: disabledProp,\n    height = 180,\n    virtual = false,\n    name,\n    form,\n    required,\n    oneWay = false,\n    className,\n    ...props\n  } = useComponentProps('Transfer', rawProps);\n  const { theme, density } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const t = useText();\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internal, setInternal] = useState<readonly string[]>([]);\n  const selected = selectedKeys ?? internal;\n  const [queries, setQueries] = useState(['', '']);\n  useListMotion(\n    root,\n    JSON.stringify([current, queries, items.map((item) => item.key)]),\n    virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]',\n  );\n  const select = (keys: string[]) => {\n    if (selectedKeys === undefined) setInternal(keys);\n    onSelectionChange?.(keys);\n  };\n  const move = (direction: 'left' | 'right') => {\n    const moved = items\n      .filter(\n        (item) =>\n          !item.disabled &&\n          selected.includes(item.key) &&\n          current.includes(item.key) === (direction === 'left'),\n      )\n      .map((item) => item.key);\n    if (!moved.length || disabled) return;\n    const next =\n      direction === 'right'\n        ? [...current, ...moved]\n        : current.filter((key) => !moved.includes(key));\n    setCurrent(next);\n    select(selected.filter((key) => !moved.includes(key)));\n    onChange?.([...next], { direction, movedKeys: moved });\n  };\n  const panel = (side: 0 | 1) => {\n    const query = queries[side] ?? '';\n    const list = items.filter(\n      (item) =>\n        current.includes(item.key) === (side === 1) &&\n        (filterOption\n          ? filterOption(query, item)\n          : `${item.searchLabel ?? (typeof item.label === 'string' ? item.label : item.key)} ${item.description ?? ''}`\n              .toLocaleLowerCase()\n              .includes(query.toLocaleLowerCase())),\n    );\n    const enabled = list.filter((item) => !item.disabled);\n    const checked = enabled.filter((item) => selected.includes(item.key));\n    const row = (item: TransferItem) => (\n      <div\n        className=\"leaf-transfer__item\"\n        data-motion-key={item.key}\n        data-selected={selected.includes(item.key) ? '' : undefined}\n      >\n        <Checkbox\n          disabled={disabled || item.disabled}\n          checked={selected.includes(item.key)}\n          onChange={(event) =>\n            select(\n              event.target.checked\n                ? [...new Set([...selected, item.key])]\n                : selected.filter((key) => key !== item.key),\n            )\n          }\n        >\n          <span>\n            {renderItem?.(item) ?? item.label}\n            {item.description && <small>{item.description}</small>}\n          </span>\n        </Checkbox>\n      </div>\n    );\n    return (\n      <section className=\"leaf-transfer__panel\" aria-labelledby={`${id}-${side}`}>\n        <header className=\"leaf-transfer__header\">\n          <Checkbox\n            aria-label={t('transfer.selectAllVisibleItems')}\n            disabled={disabled || !enabled.length}\n            checked={enabled.length > 0 && checked.length === enabled.length}\n            indeterminate={checked.length > 0 && checked.length < enabled.length}\n            onChange={(event) =>\n              select(\n                event.target.checked\n                  ? [...new Set([...selected, ...enabled.map((item) => item.key)])]\n                  : selected.filter((key) => !enabled.some((item) => item.key === key)),\n              )\n            }\n          />\n          <span id={`${id}-${side}`}>\n            {titles?.[side] ?? (side === 0 ? t('transfer.available') : t('transfer.selected'))}\n          </span>\n          <small>\n            {checked.length ? `${checked.length} / ` : ''}\n            {list.length}\n          </small>\n        </header>\n        {searchable && (\n          <div className=\"leaf-transfer__search\">\n            <InputControl\n              size=\"sm\"\n              allowClear\n              prefix={<Search size={14} />}\n              aria-label={\n                side === 0 ? t('transfer.searchAvailableItems') : t('transfer.searchSelectedItems')\n              }\n              value={query}\n              onChange={(event) =>\n                setQueries((previous) =>\n                  previous.map((text, index) => (index === side ? event.target.value : text)),\n                )\n              }\n            />\n          </div>\n        )}\n        {virtual ? (\n          <VirtualList\n            items={list}\n            itemKey={(item) => item.key}\n            renderItem={row}\n            height={height}\n            estimateSize={(item) =>\n              Math.max(estimateControlHeight(theme, density), item.description ? 42 : 0) + 6\n            }\n            emptyContent={<Result size=\"sm\" icon={null} title={t('transfer.noItems')} />}\n          />\n        ) : (\n          <div className=\"leaf-transfer__list\" style={{ height }}>\n            {list.length ? (\n              list.map((item) => <div key={item.key}>{row(item)}</div>)\n            ) : (\n              <Result size=\"sm\" icon={null} title={t('transfer.noItems')} />\n            )}\n          </div>\n        )}\n      </section>\n    );\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-transfer', className)}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <FieldScope>{panel(0)}</FieldScope>\n      <div className=\"leaf-transfer__actions\">\n        <ButtonControl\n          ref={trigger}\n          id={props.id ?? field?.id}\n          size=\"sm\"\n          startIcon={<ArrowRight size={16} />}\n          aria-label={t('transfer.moveToSelected')}\n          disabled={\n            disabled ||\n            !items.some(\n              (item) =>\n                !item.disabled && selected.includes(item.key) && !current.includes(item.key),\n            )\n          }\n          onClick={() => move('right')}\n        />\n        {!oneWay && (\n          <ButtonControl\n            size=\"sm\"\n            variant=\"outline\"\n            startIcon={<ArrowLeft size={16} />}\n            aria-label={t('transfer.moveToAvailable')}\n            disabled={\n              disabled ||\n              !items.some(\n                (item) =>\n                  !item.disabled && selected.includes(item.key) && current.includes(item.key),\n              )\n            }\n            onClick={() => move('left')}\n          />\n        )}\n      </div>\n      <FieldScope>{panel(1)}</FieldScope>\n      <FormValue\n        name={name}\n        form={form}\n        value={current.length ? JSON.stringify(current) : ''}\n        required={required ?? field?.required}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["Transfer","rawProps","items","value","defaultValue","onChange","selectedKeys","onSelectionChange","titles","searchable","filterOption","renderItem","disabledProp","height","virtual","name","form","required","oneWay","className","props","useComponentProps","theme","density","useLeafConfig","field","useFormField","disabled","t","useText","id","useId","trigger","useRef","root","current","setCurrent","useFieldValue","internal","setInternal","useState","selected","queries","setQueries","useListMotion","JSON","item","select","keys","undefined","move","direction","moved","next","key","panel","side","query","list","enabled","checked","row","Checkbox","event","Set","InputControl","Search","previous","text","index","VirtualList","Math","estimateControlHeight","Result","classes","FieldScope","ButtonControl","ArrowRight","ArrowLeft","FormValue"],"mappings":"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"}

package/dist/esm/tree/drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/tree/drag.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAiB,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQrD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAwJA;AACD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAqCA"}
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/tree/drag.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAiB,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQrD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAoJA;AACD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAuCA"}

package/dist/esm/tree/drag.js

@@ -3,13 +3,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, pointerWithin, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
 import { GripVertical } from "lucide-react";
 import { createContext, useContext, useId, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { useText } from "../shared/use-text.js";
+import { ButtonControl } from "../button/button.js";
+import { useDragAnnouncements } from "../shared/use-drag-announcements.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { moveTreeNode } from "./move.js";
 const Context = /*#__PURE__*/ createContext({});
 function TreeDragScope({ data, nodes, allowDrop, onDrop, children }) {
     const id = useId();
-    const t = useText();
+    const accessibility = useDragAnnouncements((key)=>{
+        const node = nodes.get(String(key))?.node;
+        return node?.searchLabel ?? ('string' == typeof node?.title ? node.title : String(key));
+    }, true);
     const [state, setState] = useState({});
     const blocked = useRef(new Set());
     const keyboardTarget = useRef(void 0);
@@ -88,11 +92,7 @@ function TreeDragScope({ data, nodes, allowDrop, onDrop, children }) {
         id: id,
         sensors: sensors,
         collisionDetection: collisionDetection,
-        accessibility: {
-            screenReaderInstructions: {
-                draggable: t('按空格开始拖动，上下选择目标，左放在目标前方，右放在目标后方，空格放置，Escape 取消。', 'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.')
-            }
-        },
+        accessibility: accessibility,
         onDragStart: ({ active })=>{
             const key = String(active.id);
             keyboardTarget.current = void 0;
@@ -147,7 +147,7 @@ function TreeDragScope({ data, nodes, allowDrop, onDrop, children }) {
     });
 }
 function TreeDragRow({ node, draggable, children }) {
-    const t = useText();
+    const format = useFormattedText();
     const state = useContext(Context);
     const { attributes, listeners, setNodeRef: setDrag, setActivatorNodeRef, isDragging } = useDraggable({
         id: node.key,
@@ -166,7 +166,7 @@ function TreeDragRow({ node, draggable, children }) {
         "data-dragging": isDragging || void 0,
         "data-drop": state.over === node.key && state.active !== node.key ? state.position : void 0,
         children: [
-            draggable && /*#__PURE__*/ jsx(Button, {
+            draggable && /*#__PURE__*/ jsx(ButtonControl, {
                 ...attributes,
                 ...listeners,
                 ref: setActivatorNodeRef,
@@ -177,7 +177,9 @@ function TreeDragRow({ node, draggable, children }) {
                 startIcon: /*#__PURE__*/ jsx(GripVertical, {
                     size: 14
                 }),
-                "aria-label": `${t('移动节点', 'Move node')} ${node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key)}`
+                "aria-label": format('tree.moveNode', {
+                    label: node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key)
+                })
             }),
             children
         ]

package/dist/esm/tree/drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree/drag.js","sources":["../../../src/tree/drag.tsx"],"sourcesContent":["import {\n  type CollisionDetection,\n  closestCenter,\n  DndContext,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useText } from '../shared/use-text';\nimport { moveTreeNode } from './move';\nimport type { TreeDropInfo, TreeNode } from './tree';\n\ninterface DragState {\n  active?: string;\n  over?: string;\n  position?: TreeDropInfo['position'];\n}\nconst Context = createContext<DragState>({});\nexport function TreeDragScope({\n  data,\n  nodes,\n  allowDrop,\n  onDrop,\n  children,\n}: {\n  data: readonly TreeNode[];\n  nodes: Map<string, { node: TreeNode }>;\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const t = useText();\n  const [state, setState] = useState<DragState>({});\n  const blocked = useRef(new Set<string>());\n  const keyboardTarget = useRef<{ key: string; position: TreeDropInfo['position'] } | undefined>(\n    undefined,\n  );\n  const pointerY = useRef<number | undefined>(undefined);\n  const collisionDetection: CollisionDetection = (args) => {\n    if (args.pointerCoordinates) {\n      pointerY.current = args.pointerCoordinates.y;\n      const hits = pointerWithin(args);\n      return hits.length ? hits : closestCenter(args);\n    }\n    if (keyboardTarget.current) return [{ id: keyboardTarget.current.key }];\n    return closestCenter(args);\n  };\n  const keyboardCoordinates: KeyboardCoordinateGetter = (\n    event,\n    { active, currentCoordinates, context },\n  ) => {\n    const rect = context.collisionRect;\n    if (!rect || !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) return;\n    const candidates = context.droppableContainers\n      .getEnabled()\n      .filter((container) => !blocked.current.has(String(container.id)))\n      .flatMap((container) => {\n        const target = context.droppableRects.get(container.id);\n        return target ? [{ id: container.id, rect: target }] : [];\n      })\n      .sort((a, b) => a.rect.top - b.rect.top);\n    const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;\n    const centerY = current.top + current.height / 2;\n    const target =\n      event.code === 'ArrowDown'\n        ? candidates.find(\n            (candidate) => candidate.rect.top + candidate.rect.height / 2 > centerY + 1,\n          )\n        : event.code === 'ArrowUp'\n          ? candidates\n              .reverse()\n              .find((candidate) => candidate.rect.top + candidate.rect.height / 2 < centerY - 1)\n          : candidates.find((candidate) => candidate.id === keyboardTarget.current?.key);\n    if (!target) return;\n    const fraction = event.code === 'ArrowLeft' ? 0.15 : event.code === 'ArrowRight' ? 0.85 : 0.5;\n    keyboardTarget.current = {\n      key: String(target.id),\n      position:\n        event.code === 'ArrowLeft' ? 'before' : event.code === 'ArrowRight' ? 'after' : 'inside',\n    };\n    return {\n      x:\n        currentCoordinates.x +\n        target.rect.left +\n        target.rect.width / 2 -\n        (rect.left + rect.width / 2),\n      y:\n        currentCoordinates.y +\n        target.rect.top +\n        target.rect.height * fraction -\n        (rect.top + rect.height / 2),\n    };\n  };\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates }),\n  );\n  const updateTarget = ({ active, over }: DragMoveEvent | DragOverEvent) => {\n    const activeRect = active.rect.current.translated;\n    const targetRect = over?.rect;\n    const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);\n    const position =\n      keyboardTarget.current?.position ??\n      (!targetRect ||\n      (y >= targetRect.top + targetRect.height * 0.3 &&\n        y <= targetRect.top + targetRect.height * 0.7)\n        ? 'inside'\n        : y < targetRect.top + targetRect.height / 2\n          ? 'before'\n          : 'after');\n    const node = nodes.get(String(active.id))?.node;\n    const target = over ? nodes.get(String(over.id))?.node : undefined;\n    const permitted =\n      node &&\n      target &&\n      !target.disabled &&\n      !blocked.current.has(target.key) &&\n      (!allowDrop || allowDrop({ node, target, position }));\n    const next = {\n      active: String(active.id),\n      over: permitted && over ? String(over.id) : undefined,\n      position,\n    };\n    setState((previous) =>\n      previous.active === next.active &&\n      previous.over === next.over &&\n      previous.position === next.position\n        ? previous\n        : next,\n    );\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      accessibility={{\n        screenReaderInstructions: {\n          draggable: t(\n            '按空格开始拖动，上下选择目标，左放在目标前方，右放在目标后方，空格放置，Escape 取消。',\n            'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.',\n          ),\n        },\n      }}\n      onDragStart={({ active }) => {\n        const key = String(active.id);\n        keyboardTarget.current = undefined;\n        pointerY.current = undefined;\n        blocked.current = new Set([key]);\n        const collect = (node?: TreeNode) => {\n          for (const child of node?.children ?? []) {\n            blocked.current.add(child.key);\n            collect(child);\n          }\n        };\n        collect(nodes.get(key)?.node);\n        setState({ active: key });\n      }}\n      onDragMove={updateTarget}\n      onDragOver={updateTarget}\n      onDragCancel={() => setState({})}\n      onDragEnd={({ active, over }) => {\n        const node = nodes.get(String(active.id))?.node;\n        const target = over ? nodes.get(String(over.id))?.node : undefined;\n        const position = state.position ?? 'inside';\n        setState({});\n        if (!node || !target || target.disabled || target.key === node.key) return;\n        const info = { node, target, position };\n        if (allowDrop && !allowDrop(info)) return;\n        const next = moveTreeNode(data, node.key, target.key, position);\n        if (next) onDrop?.({ ...info, data: next });\n      }}\n    >\n      <Context.Provider value={state}>{children}</Context.Provider>\n      <DragOverlay>\n        {state.active && (\n          <div className=\"leaf-tree__drag-preview\">{nodes.get(state.active)?.node.title}</div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\nexport function TreeDragRow({\n  node,\n  draggable,\n  children,\n}: {\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  const t = useText();\n  const state = useContext(Context);\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDrag,\n    setActivatorNodeRef,\n    isDragging,\n  } = useDraggable({ id: node.key, disabled: !draggable || node.disabled });\n  const { setNodeRef: setDrop } = useDroppable({ id: node.key, disabled: node.disabled });\n  return (\n    <div\n      ref={(element) => {\n        setDrag(element);\n        setDrop(element);\n      }}\n      className=\"leaf-tree__drag-row\"\n      data-dragging={isDragging || undefined}\n      data-drop={state.over === node.key && state.active !== node.key ? state.position : undefined}\n    >\n      {draggable && (\n        <Button\n          {...attributes}\n          {...listeners}\n          ref={setActivatorNodeRef}\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={node.disabled}\n          className=\"leaf-tree__drag-handle\"\n          startIcon={<GripVertical size={14} />}\n          aria-label={`${t('移动节点', 'Move node')} ${node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key)}`}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["Context","createContext","TreeDragScope","data","nodes","allowDrop","onDrop","children","id","useId","t","useText","state","setState","useState","blocked","useRef","Set","keyboardTarget","undefined","pointerY","collisionDetection","args","hits","pointerWithin","closestCenter","keyboardCoordinates","event","active","currentCoordinates","context","rect","candidates","container","String","target","a","b","current","centerY","candidate","fraction","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","updateTarget","over","activeRect","targetRect","y","position","node","permitted","next","previous","DndContext","key","collect","child","info","moveTreeNode","DragOverlay","TreeDragRow","draggable","useContext","attributes","listeners","setDrag","setActivatorNodeRef","isDragging","useDraggable","setDrop","useDroppable","element","Button","GripVertical"],"mappings":"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"}
+{"version":3,"file":"tree/drag.js","sources":["../../../src/tree/drag.tsx"],"sourcesContent":["import {\n  type CollisionDetection,\n  closestCenter,\n  DndContext,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useDragAnnouncements } from '../shared/use-drag-announcements';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { moveTreeNode } from './move';\nimport type { TreeDropInfo, TreeNode } from './tree';\n\ninterface DragState {\n  active?: string;\n  over?: string;\n  position?: TreeDropInfo['position'];\n}\nconst Context = createContext<DragState>({});\nexport function TreeDragScope({\n  data,\n  nodes,\n  allowDrop,\n  onDrop,\n  children,\n}: {\n  data: readonly TreeNode[];\n  nodes: Map<string, { node: TreeNode }>;\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const accessibility = useDragAnnouncements((key) => {\n    const node = nodes.get(String(key))?.node;\n    return node?.searchLabel ?? (typeof node?.title === 'string' ? node.title : String(key));\n  }, true);\n  const [state, setState] = useState<DragState>({});\n  const blocked = useRef(new Set<string>());\n  const keyboardTarget = useRef<{ key: string; position: TreeDropInfo['position'] } | undefined>(\n    undefined,\n  );\n  const pointerY = useRef<number | undefined>(undefined);\n  const collisionDetection: CollisionDetection = (args) => {\n    if (args.pointerCoordinates) {\n      pointerY.current = args.pointerCoordinates.y;\n      const hits = pointerWithin(args);\n      return hits.length ? hits : closestCenter(args);\n    }\n    if (keyboardTarget.current) return [{ id: keyboardTarget.current.key }];\n    return closestCenter(args);\n  };\n  const keyboardCoordinates: KeyboardCoordinateGetter = (\n    event,\n    { active, currentCoordinates, context },\n  ) => {\n    const rect = context.collisionRect;\n    if (!rect || !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) return;\n    const candidates = context.droppableContainers\n      .getEnabled()\n      .filter((container) => !blocked.current.has(String(container.id)))\n      .flatMap((container) => {\n        const target = context.droppableRects.get(container.id);\n        return target ? [{ id: container.id, rect: target }] : [];\n      })\n      .sort((a, b) => a.rect.top - b.rect.top);\n    const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;\n    const centerY = current.top + current.height / 2;\n    const target =\n      event.code === 'ArrowDown'\n        ? candidates.find(\n            (candidate) => candidate.rect.top + candidate.rect.height / 2 > centerY + 1,\n          )\n        : event.code === 'ArrowUp'\n          ? candidates\n              .reverse()\n              .find((candidate) => candidate.rect.top + candidate.rect.height / 2 < centerY - 1)\n          : candidates.find((candidate) => candidate.id === keyboardTarget.current?.key);\n    if (!target) return;\n    const fraction = event.code === 'ArrowLeft' ? 0.15 : event.code === 'ArrowRight' ? 0.85 : 0.5;\n    keyboardTarget.current = {\n      key: String(target.id),\n      position:\n        event.code === 'ArrowLeft' ? 'before' : event.code === 'ArrowRight' ? 'after' : 'inside',\n    };\n    return {\n      x:\n        currentCoordinates.x +\n        target.rect.left +\n        target.rect.width / 2 -\n        (rect.left + rect.width / 2),\n      y:\n        currentCoordinates.y +\n        target.rect.top +\n        target.rect.height * fraction -\n        (rect.top + rect.height / 2),\n    };\n  };\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates }),\n  );\n  const updateTarget = ({ active, over }: DragMoveEvent | DragOverEvent) => {\n    const activeRect = active.rect.current.translated;\n    const targetRect = over?.rect;\n    const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);\n    const position =\n      keyboardTarget.current?.position ??\n      (!targetRect ||\n      (y >= targetRect.top + targetRect.height * 0.3 &&\n        y <= targetRect.top + targetRect.height * 0.7)\n        ? 'inside'\n        : y < targetRect.top + targetRect.height / 2\n          ? 'before'\n          : 'after');\n    const node = nodes.get(String(active.id))?.node;\n    const target = over ? nodes.get(String(over.id))?.node : undefined;\n    const permitted =\n      node &&\n      target &&\n      !target.disabled &&\n      !blocked.current.has(target.key) &&\n      (!allowDrop || allowDrop({ node, target, position }));\n    const next = {\n      active: String(active.id),\n      over: permitted && over ? String(over.id) : undefined,\n      position,\n    };\n    setState((previous) =>\n      previous.active === next.active &&\n      previous.over === next.over &&\n      previous.position === next.position\n        ? previous\n        : next,\n    );\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      accessibility={accessibility}\n      onDragStart={({ active }) => {\n        const key = String(active.id);\n        keyboardTarget.current = undefined;\n        pointerY.current = undefined;\n        blocked.current = new Set([key]);\n        const collect = (node?: TreeNode) => {\n          for (const child of node?.children ?? []) {\n            blocked.current.add(child.key);\n            collect(child);\n          }\n        };\n        collect(nodes.get(key)?.node);\n        setState({ active: key });\n      }}\n      onDragMove={updateTarget}\n      onDragOver={updateTarget}\n      onDragCancel={() => setState({})}\n      onDragEnd={({ active, over }) => {\n        const node = nodes.get(String(active.id))?.node;\n        const target = over ? nodes.get(String(over.id))?.node : undefined;\n        const position = state.position ?? 'inside';\n        setState({});\n        if (!node || !target || target.disabled || target.key === node.key) return;\n        const info = { node, target, position };\n        if (allowDrop && !allowDrop(info)) return;\n        const next = moveTreeNode(data, node.key, target.key, position);\n        if (next) onDrop?.({ ...info, data: next });\n      }}\n    >\n      <Context.Provider value={state}>{children}</Context.Provider>\n      <DragOverlay>\n        {state.active && (\n          <div className=\"leaf-tree__drag-preview\">{nodes.get(state.active)?.node.title}</div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\nexport function TreeDragRow({\n  node,\n  draggable,\n  children,\n}: {\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  const format = useFormattedText();\n  const state = useContext(Context);\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDrag,\n    setActivatorNodeRef,\n    isDragging,\n  } = useDraggable({ id: node.key, disabled: !draggable || node.disabled });\n  const { setNodeRef: setDrop } = useDroppable({ id: node.key, disabled: node.disabled });\n  return (\n    <div\n      ref={(element) => {\n        setDrag(element);\n        setDrop(element);\n      }}\n      className=\"leaf-tree__drag-row\"\n      data-dragging={isDragging || undefined}\n      data-drop={state.over === node.key && state.active !== node.key ? state.position : undefined}\n    >\n      {draggable && (\n        <ButtonControl\n          {...attributes}\n          {...listeners}\n          ref={setActivatorNodeRef}\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={node.disabled}\n          className=\"leaf-tree__drag-handle\"\n          startIcon={<GripVertical size={14} />}\n          aria-label={format('tree.moveNode', {\n            label: node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key),\n          })}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["Context","createContext","TreeDragScope","data","nodes","allowDrop","onDrop","children","id","useId","accessibility","useDragAnnouncements","key","node","String","state","setState","useState","blocked","useRef","Set","keyboardTarget","undefined","pointerY","collisionDetection","args","hits","pointerWithin","closestCenter","keyboardCoordinates","event","active","currentCoordinates","context","rect","candidates","container","target","a","b","current","centerY","candidate","fraction","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","updateTarget","over","activeRect","targetRect","y","position","permitted","next","previous","DndContext","collect","child","info","moveTreeNode","DragOverlay","TreeDragRow","draggable","format","useFormattedText","useContext","attributes","listeners","setDrag","setActivatorNodeRef","isDragging","useDraggable","setDrop","useDroppable","element","ButtonControl","GripVertical"],"mappings":"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"}

package/dist/esm/tree/tree.d.ts

@@ -66,5 +66,9 @@ export interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelec
     allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;
     onDrop?: (info: TreeDropInfo) => void;
 }
-export declare function Tree({ data: suppliedData, selectedKeys, defaultSelectedKeys, onSelect, multiple, selectable, checkable, checkStrictly, checkedKeys, defaultCheckedKeys, onCheck, expandedKeys, defaultExpandedKeys, defaultExpandAll, onExpand, disabled, showLine, showIcon, searchValue, filterTreeNode, notFoundContent, loadData, cacheKey, nodeRender, onLoad, onLoadError, virtual, height, itemHeight, draggable, allowDrop, onDrop, className, 'aria-label': label, ...props }: TreeProps): import("react").JSX.Element;
+export declare function TreeControl({ data: suppliedData, selectedKeys, defaultSelectedKeys, onSelect, multiple, selectable, checkable, checkOnClick, expandOnClick, checkStrictly, checkedKeys, defaultCheckedKeys, onCheck, expandedKeys, defaultExpandedKeys, defaultExpandAll, onExpand, disabled, showLine, showIcon, searchValue, filterTreeNode, notFoundContent, loadData, cacheKey, nodeRender, onLoad, onLoadError, virtual, height, itemHeight: itemHeightProp, draggable, allowDrop, onDrop, className, 'aria-label': label, ...props }: TreeProps & {
+    checkOnClick?: boolean;
+    expandOnClick?: boolean;
+}): import("react").JSX.Element;
+export declare function Tree(rawProps: TreeProps): import("react").JSX.Element;
 //# sourceMappingURL=tree.d.ts.map