@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/tooltip/tooltip.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/tooltip.css');
 var __webpack_require__ = {};
 (()=>{
@@ -30,14 +31,16 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Tooltip: ()=>Tooltip
+    Tooltip: ()=>Tooltip,
+    TooltipControl: ()=>TooltipControl
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
 const floating_cjs_namespaceObject = require("../shared/floating.cjs");
-function Tooltip({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
+function TooltipControl({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
     const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultOpen);
     const inactive = disabled || children.props.disabled || null == content || '' === content;
     const open = !inactive && (controlled ?? internal);
@@ -129,9 +132,17 @@ function Tooltip({ content, children, placement = 'top', open: controlled, defau
         ]
     });
 }
+function Tooltip(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Tooltip', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TooltipControl, {
+        ...props
+    });
+}
 exports.Tooltip = __webpack_exports__.Tooltip;
+exports.TooltipControl = __webpack_exports__.TooltipControl;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Tooltip"
+    "Tooltip",
+    "TooltipControl"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/browser/modules/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip/tooltip.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tooltip/tooltip.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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":"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"}
+{"version":3,"file":"tooltip/tooltip.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tooltip/tooltip.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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/cjs/browser/modules/tour/index.cjs

@@ -1,29 +1,6 @@
 "use client";
 "use strict";
-var __webpack_modules__ = {
-    sy (module) {
-        module.exports = require("./tour.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -50,14 +27,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _tour__rspack_import_0 = __webpack_require__("sy");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _tour__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_tour__rspack_import_0[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-})();
-for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tour: ()=>external_tour_cjs_namespaceObject.Tour
+});
+const external_tour_cjs_namespaceObject = require("./tour.cjs");
+exports.Tour = __webpack_exports__.Tour;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tour"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/cjs/browser/modules/tour/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}
+{"version":3,"file":"tour/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/tour/tour.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/tour.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,7 +36,8 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const dialog_cjs_namespaceObject = require("../shared/dialog.cjs");
 const floating_cjs_namespaceObject = require("../shared/floating.cjs");
@@ -48,7 +50,8 @@ function TourFocus({ panel, owner, close, modal, open, children }) {
     (0, dialog_cjs_namespaceObject.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 } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Tour', rawProps);
     const t = (0, use_text_cjs_namespaceObject.useText)();
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const [index, setIndex] = (0, use_controllable_cjs_namespaceObject.useControllable)(current, defaultCurrent, onChange);
@@ -125,13 +128,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                             id: `${id}-title`,
                             children: step.title
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                             size: "sm",
                             variant: "ghost",
                             startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                 size: 16
                             }),
-                            "aria-label": messages.close,
+                            "aria-label": messages.common.close,
                             onClick: onClose
                         })
                     ]
@@ -150,13 +153,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                                 steps.length
                             ]
                         }),
-                        index > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        index > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                             size: "sm",
                             variant: "outline",
                             onClick: ()=>setIndex(index - 1),
-                            children: t('上一步', 'Previous')
+                            children: t('tour.previous')
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                             size: "sm",
                             onClick: ()=>{
                                 if (index < steps.length - 1) setIndex(index + 1);
@@ -165,7 +168,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/cjs/browser/modules/tour/tour.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tour/tour.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tour/tour.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { 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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tour/tour.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { 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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;;;AC0BA,SAASI,UAAU,EACjBC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,QAAQ,EAQT;IACCC,IAAAA,2BAAAA,SAAAA,AAAAA,EAAUF,MAAMJ,OAAOC,OAAOC,OAAO,MAAM,CAAC,GAAG,MAAMC;IACrD,OAAOE;AACT;AACO,SAASE,KAAKC,QAAmB;IACtC,MAAM,EACJJ,IAAI,EACJK,KAAK,EACLC,OAAO,EACPC,iBAAiB,CAAC,EAClBC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,gBAAgB,QAAQ,EACxBC,OAAO,IAAI,EACXC,UAAU,CAAC,EACXC,iBAAiB,EAClB,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,QAAQX;IAC9B,MAAMY,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAM,CAACC,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAAgBhB,SAASC,gBAAgBC;IACnE,MAAMe,aAAaC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOnB,KAAK,CAACe,MAAM;IACtC,IAAIpB,QAAQK,KAAK,CAACe,MAAM,EAAEG,WAAW,OAAO,GAAGlB,KAAK,CAACe,MAAM;IAC3D,MAAMK,OAAOzB,OAAOK,KAAK,CAACe,MAAM,GAAGG,WAAW,OAAO;IACrD,MAAMG,SAASF,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAA2B,OACxC5B,QAAQ4B,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACjC,MAAMG,OAAOH,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpC,MAAMI,cAAcJ,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IAC3C,MAAMK,UAAUC,AAAAA,IAAAA,6BAAAA,WAAAA,AAAAA,EAAY9B,QAAQ+B,QAAQN,OAAOE;IACnDK,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBJ,aAAa,GAAG5B,KAAK,CAAC,EAAEoB,OAAO;IACpD,MAAMa,KAAKC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAM,CAACC,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAyB;IACjD,MAAMC,YAAYd,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO;QAAEH;QAAUZ;IAAQ;IAC7C6B,UAAU,OAAO,GAAG;QAAEjB;QAAUZ;IAAQ;IACxC8B,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAI,CAACvC,QAAQ,CAACyB,MAAM;QACpB,IAAIe,QAAQ;QACZ,MAAMC,OACJ,AAAuB,YAAvB,OAAOhB,KAAK,MAAM,GACdiB,SAAS,aAAa,CAAcjB,KAAK,MAAM,IAC/CA,KAAK,MAAM;QACjBC,OAAO,OAAO,GAAGe,QAAQ;QACzB,IAAI,CAACA,MAAM;YACTL,QAAQ;YACR,IAAIzB,AAAkB,WAAlBA,iBAA4BS,QAAQf,MAAM,MAAM,GAAG,GACrDiC,UAAU,OAAO,CAAC,QAAQ,CAAClB,QAAQ;iBAChC,IAAIT,AAAkB,YAAlBA,iBAA6BA,AAAkB,WAAlBA,eAA0B2B,UAAU,OAAO,CAAC,OAAO;YACzF;QACF;QACAG,KAAK,cAAc,GAAG;YAAE,OAAO;YAAU,UAAU;QAAU;QAC7D,MAAME,SAAS;YACbC,qBAAqBJ;YACrBA,QAAQK,sBAAsB,IAAMT,QAAQK,KAAK,qBAAqB;QACxE;QACA,MAAMK,WAAW,AAA0B,MAA1B,OAAOC,iBAAiC,IAAIA,eAAeJ,UAAUK;QACtFF,UAAU,QAAQL;QAClBQ,OAAO,gBAAgB,CAAC,UAAUN,QAAQ;QAC1CM,OAAO,gBAAgB,CAAC,UAAUN;QAClCA;QACA,OAAO;YACLC,qBAAqBJ;YACrBM,UAAU;YACVG,OAAO,mBAAmB,CAAC,UAAUN,QAAQ;YAC7CM,OAAO,mBAAmB,CAAC,UAAUN;QACvC;IACF,GAAG;QAAC3C;QAAMyB;QAAML;QAAOT;QAAeN,MAAM,MAAM;KAAC;IACnD,IAAI,CAACwB,WAAW,CAACJ,MAAM,OAAO;IAC9B,MAAMyB,UACJ,AADc,WAAVA,GACJ,qCAACvD,WAAAA;QAAU,OAAOC;QAAO,OAAOqC;QAAI,OAAO,IAAMxB;QAAa,OAAOG;QAAM,MAAMZ;kBAC/E,oDAAC;YAAI,KAAK4B;YAAa,WAAU;;8BAC/B,sCAAC;oBAAI,WAAU;;sCACb,qCAAC;4BAAG,IAAI,GAAGK,GAAG,MAAM,CAAC;sCAAGR,KAAK,KAAK;;sCAClC,qCAAC0B,2BAAAA,aAAaA,EAAAA;4BACZ,MAAK;4BACL,SAAQ;4BACR,WAAW,AAAX,cAAW,qCAACC,sCAAAA,CAACA,EAAAA;gCAAC,MAAM;;4BACpB,cAAYlC,SAAS,MAAM,CAAC,KAAK;4BACjC,SAAST;;;;8BAGb,qCAAC;oBAAI,WAAU;8BAA0BgB,KAAK,WAAW;;8BACzD,sCAAC;oBAAI,WAAU;;sCACb,sCAAC;;gCACEL,QAAQ;gCAAE;gCAAIf,MAAM,MAAM;;;wBAE5Be,QAAQ,KACP,AADY,WAAL,GACP,qCAAC+B,2BAAAA,aAAaA,EAAAA;4BAAC,MAAK;4BAAK,SAAQ;4BAAU,SAAS,IAAM9B,SAASD,QAAQ;sCACxEJ,EAAE;;sCAGP,qCAACmC,2BAAAA,aAAaA,EAAAA;4BACZ,MAAK;4BACL,SAAS;gCACP,IAAI/B,QAAQf,MAAM,MAAM,GAAG,GAAGgB,SAASD,QAAQ;qCAC1C;oCACHV;oCACAD;gCACF;4BACF;sCAECW,UAAUf,MAAM,MAAM,GAAG,IAAIW,EAAE,iBAAiBA,EAAE;;;;;;;IAM7D,OACE,AADK,WAAP,GACE,qCAACqC,kCAAAA,YAAYA,EAAAA;QAAC,WAAWvC;kBACvB,oDAAC;YACC,KAAKa;YACL,WAAU;YACV,cAAY3B,OAAO,SAAS;YAC5B,eAAa,CAACA,QAAQgD;YACrB,GAAGM,AAAAA,IAAAA,0BAAAA,UAAAA,AAAAA,EAAW,CAACtD,KAAK;;gBAEpBY,QACC,AADO,WAARA,GACC,qCAAC;oBAAI,WAAU;oBAAkB,eAAY;8BAC1CuB,OACC,AADM,WAAPA,GACC;;0CACE,qCAAC;gCAAI,OAAO;oCAAE,OAAO;oCAAc,QAAQoB,KAAK,GAAG,CAAC,GAAGpB,KAAK,GAAG,GAAGtB;gCAAS;;0CAC3E,qCAAC;gCAAI,OAAO;oCAAE,OAAO,GAAGsB,KAAK,MAAM,GAAGtB,QAAQ,QAAQ,CAAC;gCAAC;;0CACxD,qCAAC;gCACC,OAAO;oCACL,KAAKsB,KAAK,GAAG,GAAGtB;oCAChB,MAAM;oCACN,OAAO0C,KAAK,GAAG,CAAC,GAAGpB,KAAK,IAAI,GAAGtB;oCAC/B,QAAQsB,KAAK,MAAM,GAAG,IAAItB;gCAC5B;;0CAEF,qCAAC;gCACC,OAAO;oCACL,KAAKsB,KAAK,GAAG,GAAGtB;oCAChB,MAAMsB,KAAK,KAAK,GAAGtB;oCACnB,OAAO;oCACP,QAAQsB,KAAK,MAAM,GAAG,IAAItB;gCAC5B;;;yBAIJ,mDAAC;wBAAI,OAAO;4BAAE,OAAO;wBAAE;;;gBAI5BsB,OACC,AADM,WAAPA,GACC,qCAACqB,6BAAAA,aAAaA,EAAAA;oBACZ,MAAMxD;oBACN,YAAY0B;oBACZ,UAAU9B;oBACV,WAAW6B,KAAK,SAAS,IAAI;oBAC7B,WAAWX;oBACX,MAAK;oBACL,cAAYF,QAAQoC;oBACpB,mBAAiB,GAAGf,GAAG,MAAM,CAAC;oBAC9B,WAAU;oBACV,UAAU;8BAETiB;qBAGH,mDAAC;oBACC,KAAKtD;oBACL,MAAK;oBACL,cAAYgB,QAAQoC;oBACpB,mBAAiB,GAAGf,GAAG,MAAM,CAAC;oBAC9B,UAAU;oBACV,WAAU;8BAETiB;;;;;AAMb"}

package/dist/cjs/browser/modules/transfer/transfer.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/transfer.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,17 +36,22 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
-const external_checkbox_index_cjs_namespaceObject = require("../checkbox/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const checkbox_cjs_namespaceObject = require("../checkbox/checkbox.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const external_density_cjs_namespaceObject = require("../density.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
-const external_input_index_cjs_namespaceObject = require("../input/index.cjs");
-const external_result_index_cjs_namespaceObject = require("../result/index.cjs");
+const input_cjs_namespaceObject = require("../input/input.cjs");
+const result_cjs_namespaceObject = require("../result/result.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
 const motion_cjs_namespaceObject = require("../shared/motion.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
 const virtuallist_cjs_namespaceObject = require("../virtuallist/virtuallist.cjs");
-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 }) {
+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 } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Transfer', rawProps);
+    const { theme, density } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
     const t = (0, use_text_cjs_namespaceObject.useText)();
@@ -93,7 +99,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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_index_cjs_namespaceObject.Checkbox, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.CheckboxControl, {
                     disabled: disabled || item.disabled,
                     checked: selected.includes(item.key),
                     onChange: (event)=>select(event.target.checked ? [
@@ -119,8 +125,8 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
                     className: "leaf-transfer__header",
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_index_cjs_namespaceObject.Checkbox, {
-                            "aria-label": t('选择本页全部', 'Select all visible items'),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.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,
@@ -133,7 +139,7 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsxs)("small", {
                             children: [
@@ -145,27 +151,27 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                 }),
                 searchable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: "leaf-transfer__search",
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_index_cjs_namespaceObject.Input, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.InputControl, {
                         size: "sm",
                         allowClear: true,
                         prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(virtuallist_cjs_namespaceObject.VirtualList, {
+                virtual ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(virtuallist_cjs_namespaceObject.VirtualListControl, {
                     items: list,
                     itemKey: (item)=>item.key,
                     renderItem: row,
                     height: height,
-                    estimateSize: items.some((item)=>item.description) ? 54 : 40,
-                    emptyContent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_result_index_cjs_namespaceObject.Result, {
+                    estimateSize: (item)=>Math.max((0, external_density_cjs_namespaceObject.estimateControlHeight)(theme, density), item.description ? 42 : 0) + 6,
+                    emptyContent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(result_cjs_namespaceObject.ResultControl, {
                         size: "sm",
                         icon: null,
-                        title: t('暂无项目', 'No items')
+                        title: t('transfer.noItems')
                     })
                 }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: "leaf-transfer__list",
@@ -174,10 +180,10 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
                     },
                     children: list.length ? list.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                             children: row(item)
-                        }, item.key)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_result_index_cjs_namespaceObject.Result, {
+                        }, item.key)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(result_cjs_namespaceObject.ResultControl, {
                         size: "sm",
                         icon: null,
-                        title: t('暂无项目', 'No items')
+                        title: t('transfer.noItems')
                     })
                 })
             ]
@@ -195,24 +201,24 @@ function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onS
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "leaf-transfer__actions",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                         ref: trigger,
                         id: props.id ?? field?.id,
                         size: "sm",
                         startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                    !oneWay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                         size: "sm",
                         variant: "outline",
                         startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.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/cjs/browser/modules/transfer/transfer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer/transfer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/transfer/transfer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { 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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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","panel","side","query","list","enabled","checked","row","Checkbox","event","Set","Input","Search","previous","text","index","VirtualList","Result","classes","FieldScope","Button","ArrowRight","ArrowLeft","FormValue"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;;;ACoCO,SAASI,SAAS,EACvBC,KAAK,EACLC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,MAAM,EACNC,aAAa,IAAI,EACjBC,YAAY,EACZC,UAAU,EACV,UAAUC,YAAY,EACtBC,SAAS,GAAG,EACZC,UAAU,KAAK,EACfC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,SAAS,KAAK,EACdC,SAAS,EACT,GAAGC,OACW;IACd,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,WAAWX,gBAAgBS,OAAO;IACxC,MAAMG,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,KAAKC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAA0B;IAC1C,MAAMC,OAAOD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpC,MAAM,CAACE,SAASC,WAAW,GAAGC,AAAAA,IAAAA,0BAAAA,aAAAA,AAAAA,EAAc9B,OAAOC,cAAcwB,SAASZ;IAC1E,MAAM,CAACkB,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAA4B,EAAE;IAC9D,MAAMC,WAAW/B,gBAAgB4B;IACjC,MAAM,CAACI,SAASC,WAAW,GAAGH,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;QAAC;QAAI;KAAG;IAC/CI,IAAAA,2BAAAA,aAAAA,AAAAA,EACEV,MACAW,KAAK,SAAS,CAAC;QAACV;QAASO;QAASpC,MAAM,GAAG,CAAC,CAACwC,OAASA,KAAK,GAAG;KAAE,GAChE5B,UAAU,8BAA8B;IAE1C,MAAM6B,SAAS,CAACC;QACd,IAAItC,AAAiBuC,WAAjBvC,cAA4B6B,YAAYS;QAC5CrC,oBAAoBqC;IACtB;IACA,MAAME,OAAO,CAACC;QACZ,MAAMC,QAAQ9C,MACX,MAAM,CACL,CAACwC,OACC,CAACA,KAAK,QAAQ,IACdL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAC1BX,QAAQ,QAAQ,CAACW,KAAK,GAAG,MAAOK,CAAAA,AAAc,WAAdA,SAAmB,GAEtD,GAAG,CAAC,CAACL,OAASA,KAAK,GAAG;QACzB,IAAI,CAACM,MAAM,MAAM,IAAIzB,UAAU;QAC/B,MAAM0B,OACJF,AAAc,YAAdA,YACI;eAAIhB;eAAYiB;SAAM,GACtBjB,QAAQ,MAAM,CAAC,CAACnC,MAAQ,CAACoD,MAAM,QAAQ,CAACpD;QAC9CoC,WAAWiB;QACXN,OAAON,SAAS,MAAM,CAAC,CAACzC,MAAQ,CAACoD,MAAM,QAAQ,CAACpD;QAChDS,WAAW;eAAI4C;SAAK,EAAE;YAAEF;YAAW,WAAWC;QAAM;IACtD;IACA,MAAME,QAAQ,CAACC;QACb,MAAMC,QAAQd,OAAO,CAACa,KAAK,IAAI;QAC/B,MAAME,OAAOnD,MAAM,MAAM,CACvB,CAACwC,OACCX,QAAQ,QAAQ,CAACW,KAAK,GAAG,MAAOS,CAAAA,AAAS,MAATA,IAAS,KACxCzC,CAAAA,eACGA,aAAa0C,OAAOV,QACpB,GAAGA,KAAK,WAAW,IAAK,CAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGA,KAAK,GAAE,EAAG,CAAC,EAAEA,KAAK,WAAW,IAAI,IAAI,CACxG,iBAAiB,GACjB,QAAQ,CAACU,MAAM,iBAAiB,GAAE;QAE7C,MAAME,UAAUD,KAAK,MAAM,CAAC,CAACX,OAAS,CAACA,KAAK,QAAQ;QACpD,MAAMa,UAAUD,QAAQ,MAAM,CAAC,CAACZ,OAASL,SAAS,QAAQ,CAACK,KAAK,GAAG;QACnE,MAAMc,MAAM,CAACd,OACX,AADWA,WAAAA,GACX,qCAAC;gBACC,WAAU;gBACV,mBAAiBA,KAAK,GAAG;gBACzB,iBAAeL,SAAS,QAAQ,CAACK,KAAK,GAAG,IAAI,KAAKG;0BAElD,mDAACY,4CAAAA,QAAQA,EAAAA;oBACP,UAAUlC,YAAYmB,KAAK,QAAQ;oBACnC,SAASL,SAAS,QAAQ,CAACK,KAAK,GAAG;oBACnC,UAAU,CAACgB,QACTf,OACEe,MAAM,MAAM,CAAC,OAAO,GAChB;+BAAI,IAAIC,IAAI;mCAAItB;gCAAUK,KAAK,GAAG;6BAAC;yBAAE,GACrCL,SAAS,MAAM,CAAC,CAACzC,MAAQA,QAAQ8C,KAAK,GAAG;8BAIjD,oDAAC;;4BACE/B,aAAa+B,SAASA,KAAK,KAAK;4BAChCA,KAAK,WAAW,IAAI,WAAJ,GAAI,qCAAC;0CAAOA,KAAK,WAAW;;;;;;QAKrD,OACE,AADK,WAAP,GACE,sCAAC;YAAQ,WAAU;YAAuB,mBAAiB,GAAGhB,GAAG,CAAC,EAAEyB,MAAM;;8BACxE,sCAAC;oBAAO,WAAU;;sCAChB,qCAACM,4CAAAA,QAAQA,EAAAA;4BACP,cAAYjC,EAAE,UAAU;4BACxB,UAAUD,YAAY,CAAC+B,QAAQ,MAAM;4BACrC,SAASA,QAAQ,MAAM,GAAG,KAAKC,QAAQ,MAAM,KAAKD,QAAQ,MAAM;4BAChE,eAAeC,QAAQ,MAAM,GAAG,KAAKA,QAAQ,MAAM,GAAGD,QAAQ,MAAM;4BACpE,UAAU,CAACI,QACTf,OACEe,MAAM,MAAM,CAAC,OAAO,GAChB;uCAAI,IAAIC,IAAI;2CAAItB;2CAAaiB,QAAQ,GAAG,CAAC,CAACZ,OAASA,KAAK,GAAG;qCAAE;iCAAE,GAC/DL,SAAS,MAAM,CAAC,CAACzC,MAAQ,CAAC0D,QAAQ,IAAI,CAAC,CAACZ,OAASA,KAAK,GAAG,KAAK9C;;sCAIxE,qCAAC;4BAAK,IAAI,GAAG8B,GAAG,CAAC,EAAEyB,MAAM;sCACtB3C,QAAQ,CAAC2C,KAAK,IACZA,CAAAA,AAAS,MAATA,OAAa3B,EAAE,QAAQ,eAAeA,EAAE,QAAQ,WAAU;;sCAE/D,sCAAC;;gCACE+B,QAAQ,MAAM,GAAG,GAAGA,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG;gCAC1CF,KAAK,MAAM;;;;;gBAGf5C,cACC,AADa,WAAdA,GACC,qCAAC;oBAAI,WAAU;8BACb,mDAACmD,yCAAAA,KAAKA,EAAAA;wBACJ,MAAK;wBACL,YAAU;wBACV,QAAQ,AAAR,cAAQ,qCAACC,sCAAAA,MAAMA,EAAAA;4BAAC,MAAM;;wBACtB,cACEV,AAAS,MAATA,OACI3B,EAAE,UAAU,4BACZA,EAAE,UAAU;wBAElB,OAAO4B;wBACP,UAAU,CAACM,QACTnB,WAAW,CAACuB,WACVA,SAAS,GAAG,CAAC,CAACC,MAAMC,QAAWA,UAAUb,OAAOO,MAAM,MAAM,CAAC,KAAK,GAAGK;;;gBAM9EjD,UACC,AADS,WAAVA,GACC,qCAACmD,gCAAAA,WAAWA,EAAAA;oBACV,OAAOZ;oBACP,SAAS,CAACX,OAASA,KAAK,GAAG;oBAC3B,YAAYc;oBACZ,QAAQ3C;oBACR,cAAcX,MAAM,IAAI,CAAC,CAACwC,OAASA,KAAK,WAAW,IAAI,KAAK;oBAC5D,cAAc,AAAd,cAAc,qCAACwB,0CAAAA,MAAMA,EAAAA;wBAAC,MAAK;wBAAK,MAAM;wBAAM,OAAO1C,EAAE,QAAQ;;qBAG/D,mDAAC;oBAAI,WAAU;oBAAsB,OAAO;wBAAEX;oBAAO;8BAClDwC,KAAK,MAAM,GACVA,KAAK,GAAG,CAAC,CAACX,OAAS,AAATA,WAAAA,GAAS,qCAAC;sCAAoBc,IAAId;2BAAfA,KAAK,GAAG,KAErC,AAFqC,cAErC,qCAACwB,0CAAAA,MAAMA,EAAAA;wBAAC,MAAK;wBAAK,MAAM;wBAAM,OAAO1C,EAAE,QAAQ;;;;;IAM3D;IACA,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGJ,KAAK;QACT,KAAKU;QACL,WAAWqC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiBhD;QACpC,iBAAeI,WAAW,KAAKsB;;0BAE/B,qCAACuB,yBAAAA,UAAUA,EAAAA;0BAAElB,MAAM;;0BACnB,sCAAC;gBAAI,WAAU;;kCACb,qCAACmB,0BAAAA,MAAMA,EAAAA;wBACL,KAAKzC;wBACL,IAAIR,MAAM,EAAE,IAAIC,OAAO;wBACvB,MAAK;wBACL,WAAW,AAAX,cAAW,qCAACiD,sCAAAA,UAAUA,EAAAA;4BAAC,MAAM;;wBAC7B,cAAY9C,EAAE,QAAQ;wBACtB,UACED,YACA,CAACrB,MAAM,IAAI,CACT,CAACwC,OACC,CAACA,KAAK,QAAQ,IAAIL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAAK,CAACX,QAAQ,QAAQ,CAACW,KAAK,GAAG;wBAGjF,SAAS,IAAMI,KAAK;;oBAErB,CAAC5B,UACA,AADU,WAAVA,GACA,qCAACmD,0BAAAA,MAAMA,EAAAA;wBACL,MAAK;wBACL,SAAQ;wBACR,WAAW,AAAX,cAAW,qCAACE,sCAAAA,SAASA,EAAAA;4BAAC,MAAM;;wBAC5B,cAAY/C,EAAE,QAAQ;wBACtB,UACED,YACA,CAACrB,MAAM,IAAI,CACT,CAACwC,OACC,CAACA,KAAK,QAAQ,IAAIL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAAKX,QAAQ,QAAQ,CAACW,KAAK,GAAG;wBAGhF,SAAS,IAAMI,KAAK;;;;0BAI1B,qCAACsB,yBAAAA,UAAUA,EAAAA;0BAAElB,MAAM;;0BACnB,qCAACsB,0BAAAA,SAASA,EAAAA;gBACR,MAAMzD;gBACN,MAAMC;gBACN,OAAOe,QAAQ,MAAM,GAAGU,KAAK,SAAS,CAACV,WAAW;gBAClD,UAAUd,YAAYI,OAAO;gBAC7B,UAAUE;gBACV,YAAYK;;;;AAIpB"}
+{"version":3,"file":"transfer/transfer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/transfer/transfer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { 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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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","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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"}