antd-mobile 5.10.2 → 5.11.0

package/cjs/locales/base.js

@@ -10,7 +10,7 @@ const base = {
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',
-    loading: 'Loading...'
+    loading: 'Loading'
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
@@ -94,6 +94,9 @@ const base = {
   ImageUploader: {
     uploading: 'Uploading...'
   },
+  InfiniteScroll: {
+    noMore: 'No more'
+  },
   Mask: {
     name: 'Mask'
   },

package/cjs/locales/en-US.d.ts

@@ -87,6 +87,9 @@ declare const enUS: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/es-ES.d.ts

@@ -87,6 +87,9 @@ declare const esES: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/es-ES.js

@@ -15,7 +15,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: 'Confirmar',
     cancel: 'Cancelar',
-    loading: 'Cargando...'
+    loading: 'Cargando'
   },
   Calendar: {
     markItems: ['Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],

package/cjs/locales/fa-IR.d.ts

@@ -87,6 +87,9 @@ declare const faIR: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/ko-KR.d.ts

@@ -87,6 +87,9 @@ declare const koKR: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/ko-KR.js

@@ -15,11 +15,11 @@ const koKR = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '확인',
     cancel: '취소',
-    loading: '로딩중...'
+    loading: '로딩중'
   },
   Calendar: {
     markItems: ['월', '화', '수', '목', '금', '토', '일'],
-    renderYearAndMonth: (year, month) => `${year}년${month}일`
+    renderYearAndMonth: (year, month) => `${year}년 ${month}월`
   },
   Cascader: {
     placeholder: '선택됨'

package/cjs/locales/zh-CN.d.ts

@@ -87,6 +87,9 @@ declare const zhCN: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/zh-CN.js

@@ -15,7 +15,7 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '确定',
     cancel: '取消',
-    loading: '加载中……'
+    loading: '加载中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -99,6 +99,9 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   ImageUploader: {
     uploading: '上传中...'
   },
+  InfiniteScroll: {
+    noMore: '没有更多了'
+  },
   Mask: {
     name: '遮罩层'
   },

package/cjs/locales/zh-HK.d.ts

@@ -87,6 +87,9 @@ declare const zhHK: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/zh-HK.js

@@ -15,7 +15,7 @@ const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中……'
+    loading: '加載中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -99,6 +99,9 @@ const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
   ImageUploader: {
     uploading: '上傳中...'
   },
+  InfiniteScroll: {
+    noMore: '沒有更多了'
+  },
   Mask: {
     name: '遮罩層'
   },

package/cjs/locales/zh-TW.d.ts

@@ -87,6 +87,9 @@ declare const zhTW: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };

package/cjs/locales/zh-TW.js

@@ -15,7 +15,7 @@ const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中……'
+    loading: '加載中'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
@@ -99,6 +99,9 @@ const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
   ImageUploader: {
     uploading: '上傳中...'
   },
+  InfiniteScroll: {
+    noMore: '沒有更多了'
+  },
   Mask: {
     name: '遮罩層'
   },

package/cjs/utils/get-scroll-parent.js

@@ -7,24 +7,27 @@ exports.getScrollParent = getScrollParent;
 
 var _canUseDom = require("./can-use-dom");
 
-const overflowScrollReg = /scroll|auto|overlay/i;
 const defaultRoot = _canUseDom.canUseDom ? window : undefined;
+const overflowStylePatterns = ['scroll', 'auto', 'overlay'];
 
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
-} // https://github.com/youzan/vant/issues/3823
-
+}
 
 function getScrollParent(el, root = defaultRoot) {
   let node = el;
 
   while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+
     const {
       overflowY
     } = window.getComputedStyle(node);
 
-    if (overflowScrollReg.test(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY)) {
       return node;
     }
 

package/es/components/auto-center/auto-center.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type AutoCenterProps = NativeProps;
+export declare type AutoCenterProps = {
+    children?: React.ReactNode;
+} & NativeProps;
 export declare const AutoCenter: FC<AutoCenterProps>;

package/es/components/badge/badge.d.ts

@@ -5,5 +5,6 @@ export declare type BadgeProps = {
     content?: React.ReactNode | typeof dot;
     color?: string;
     bordered?: boolean;
+    children?: React.ReactNode;
 } & NativeProps<'--right' | '--top' | '--color'>;
 export declare const Badge: FC<BadgeProps>;

package/es/components/button/button.d.ts

@@ -5,10 +5,11 @@ export declare type ButtonProps = {
     fill?: 'solid' | 'outline' | 'none';
     size?: 'mini' | 'small' | 'middle' | 'large';
     block?: boolean;
-    loading?: boolean;
+    loading?: boolean | 'auto';
     loadingText?: string;
+    loadingIcon?: React.ReactNode;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
     type?: 'submit' | 'reset' | 'button';
     shape?: 'default' | 'rounded' | 'rectangular';
     children?: React.ReactNode;
@@ -21,10 +22,11 @@ export declare const Button: React.ForwardRefExoticComponent<{
     fill?: "none" | "solid" | "outline" | undefined;
     size?: "small" | "large" | "middle" | "mini" | undefined;
     block?: boolean | undefined;
-    loading?: boolean | undefined;
+    loading?: boolean | "auto" | undefined;
     loadingText?: string | undefined;
+    loadingIcon?: React.ReactNode;
     disabled?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
     children?: React.ReactNode;

package/es/components/button/button.js

@@ -1,32 +1,56 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { __awaiter } from "tslib";
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import classNames from 'classnames';
 import DotLoading from '../dot-loading';
 import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
+import { isPromise } from '../../utils/validate';
 const classPrefix = `adm-button`;
 const defaultProps = {
   color: 'default',
   fill: 'solid',
   block: false,
   loading: false,
+  loadingIcon: React.createElement(DotLoading, {
+    color: 'currentColor'
+  }),
   type: 'button',
   shape: 'default',
   size: 'middle'
 };
 export const Button = forwardRef((p, ref) => {
   const props = mergeProps(defaultProps, p);
-  const disabled = props.disabled || props.loading;
+  const [innerLoading, setInnerLoading] = useState(false);
   const nativeButtonRef = useRef(null);
+  const loading = props.loading === 'auto' ? innerLoading : props.loading;
+  const disabled = props.disabled || loading;
   useImperativeHandle(ref, () => ({
     get nativeElement() {
       return nativeButtonRef.current;
     }
 
   }));
+
+  const handleClick = e => __awaiter(void 0, void 0, void 0, function* () {
+    if (!props.onClick) return;
+    const promise = props.onClick(e);
+
+    if (isPromise(promise)) {
+      try {
+        setInnerLoading(true);
+        yield promise;
+        setInnerLoading(false);
+      } catch (e) {
+        setInnerLoading(false);
+        throw e;
+      }
+    }
+  });
+
   return withNativeProps(props, React.createElement("button", {
     ref: nativeButtonRef,
     type: props.type,
-    onClick: props.onClick,
+    onClick: handleClick,
     className: classNames(classPrefix, props.color ? `${classPrefix}-${props.color}` : null, {
       [`${classPrefix}-block`]: props.block,
       [`${classPrefix}-disabled`]: disabled,
@@ -35,12 +59,10 @@ export const Button = forwardRef((p, ref) => {
       [`${classPrefix}-mini`]: props.size === 'mini',
       [`${classPrefix}-small`]: props.size === 'small',
       [`${classPrefix}-large`]: props.size === 'large',
-      [`${classPrefix}-loading`]: props.loading
+      [`${classPrefix}-loading`]: loading
     }, `${classPrefix}-shape-${props.shape}`),
     disabled: disabled
-  }, props.loading ? React.createElement("div", {
+  }, loading ? React.createElement("div", {
     className: `${classPrefix}-loading-wrapper`
-  }, React.createElement(DotLoading, {
-    color: 'currentColor'
-  }), props.loadingText) : props.children));
+  }, props.loadingIcon, props.loadingText) : props.children));
 });

package/es/components/calendar/calendar.css

@@ -50,10 +50,10 @@
 .adm-calendar-cell.adm-calendar-cell-today {
   color: var(--adm-color-primary);
 }
-.adm-calendar-cell.adm-calendar-cell-out {
+.adm-calendar-cell.adm-calendar-cell-disabled {
   color: var(--adm-color-light);
 }
-.adm-calendar-cell.adm-calendar-cell-out .adm-calendar-cell-bottom {
+.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
   color: var(--adm-color-light);
 }
 .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {

package/es/components/calendar/calendar.d.ts

@@ -13,6 +13,8 @@ export declare type CalendarProps = {
     weekStartsOn?: 'Monday' | 'Sunday';
     renderLabel?: (date: Date) => string | null | undefined;
     allowClear?: boolean;
+    max?: Date;
+    min?: Date;
 } & ({
     selectionMode?: undefined;
     value?: undefined;

package/es/components/calendar/calendar.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState, useImperativeHandle } from 'react';
+import React, { forwardRef, useState, useImperativeHandle, useMemo } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import dayjs from 'dayjs';
 import classNames from 'classnames';
@@ -63,7 +63,7 @@ export const Calendar = forwardRef((p, ref) => {
         page = pageOrPageGenerator;
       }
 
-      setCurrent(dayjs().year(page.year).month(page.month - 1));
+      setCurrent(dayjs().year(page.year).month(page.month - 1).date(1));
     },
     jumpToToday: () => {
       setCurrent(dayjs().date(1));
@@ -94,6 +94,8 @@ export const Calendar = forwardRef((p, ref) => {
       setCurrent(current.add(1, 'year'));
     }
   }, React.createElement(ArrowLeftDouble, null)));
+  const maxDay = useMemo(() => props.max && dayjs(props.max), [props.max]);
+  const minDay = useMemo(() => props.min && dayjs(props.min), [props.min]);
 
   function renderCells() {
     var _a;
@@ -119,9 +121,10 @@ export const Calendar = forwardRef((p, ref) => {
       }
 
       const inThisMonth = d.month() === current.month();
+      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
       cells.push(React.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix}-cell`, inThisMonth ? `${classPrefix}-cell-in` : `${classPrefix}-cell-out`, inThisMonth && {
+        className: classNames(`${classPrefix}-cell`, disabled && `${classPrefix}-cell-disabled`, inThisMonth && {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
           [`${classPrefix}-cell-selected-begin`]: isBegin,
@@ -129,6 +132,7 @@ export const Calendar = forwardRef((p, ref) => {
         }),
         onClick: () => {
           if (!props.selectionMode) return;
+          if (disabled) return;
           const date = d.toDate();
 
           if (!inThisMonth) {

package/es/components/capsule-tabs/capsule-tabs.d.ts

@@ -1,15 +1,17 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CapsuleTabProps = {
     title: ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    children?: ReactNode;
 } & NativeProps;
 export declare const CapsuleTab: FC<CapsuleTabProps>;
 export declare type CapsuleTabsProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CapsuleTabs: FC<CapsuleTabsProps>;

package/es/components/card/card.d.ts

@@ -10,5 +10,6 @@ export declare type CardProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const Card: FC<CardProps>;

package/es/components/check-list/check-list.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
 export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
@@ -9,5 +9,6 @@ export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
     activeIcon?: ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CheckList: FC<CheckListProps>;

package/es/components/checkbox/checkbox.d.ts

@@ -11,5 +11,6 @@ export declare type CheckboxProps = {
     block?: boolean;
     id?: string;
     icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
+    children?: React.ReactNode;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Checkbox: FC<CheckboxProps>;

package/es/components/checkbox/group.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { CheckboxValue } from '.';
 export interface CheckboxGroupProps {
     value?: CheckboxValue[];
     onChange?: (val: CheckboxValue[]) => void;
     defaultValue?: CheckboxValue[];
     disabled?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Group: FC<CheckboxGroupProps>;

package/es/components/collapse/collapse.d.ts

@@ -8,6 +8,7 @@ export declare type CollapsePanelProps = {
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
     arrow?: React.ReactNode | ((active: boolean) => React.ReactNode);
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const CollapsePanel: FC<CollapsePanelProps>;
 declare type ValueProps<T> = {
@@ -20,6 +21,8 @@ export declare type CollapseProps = (({
     accordion?: false;
 } & ValueProps<string[]>) | ({
     accordion: true;
-} & ValueProps<string | null>)) & NativeProps;
+} & ValueProps<string | null>)) & {
+    children?: React.ReactNode;
+} & NativeProps;
 export declare const Collapse: FC<CollapseProps>;
 export {};

package/es/components/config-provider/config-provider.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { Locale } from '../../locales/base';
 declare type Config = {
     locale: Locale;
+    children?: React.ReactNode;
 };
 export declare const defaultConfigRef: {
     current: Config;

package/es/components/date-picker/date-picker.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerProps } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
-export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
+export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel'> & {
     value?: Date | null;
     defaultValue?: Date | null;
     onSelect?: (value: Date) => void;

package/es/components/date-picker/date-picker.js

@@ -47,6 +47,7 @@ export const DatePicker = p => {
     value: pickerValue,
     onCancel: props.onCancel,
     onClose: props.onClose,
+    closeOnMaskClick: props.closeOnMaskClick,
     visible: props.visible,
     confirmText: props.confirmText,
     cancelText: props.cancelText,
@@ -57,7 +58,8 @@ export const DatePicker = p => {
     afterClose: props.afterClose,
     onClick: props.onClick,
     title: props.title,
-    stopPropagation: props.stopPropagation
+    stopPropagation: props.stopPropagation,
+    mouseWheel: props.mouseWheel
   }, () => {
     var _a;
 

package/es/components/date-picker-view/date-picker-view.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
-export declare type DatePickerViewProps = Pick<PickerViewProps, 'style'> & {
+export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel'> & {
     value?: Date;
     defaultValue?: Date;
     onChange?: (value: Date) => void;

package/es/components/date-picker-view/date-picker-view.js

@@ -33,6 +33,7 @@ export const DatePickerView = p => {
   return withNativeProps(props, React.createElement(PickerView, {
     columns: selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
     value: pickerValue,
+    mouseWheel: props.mouseWheel,
     onChange: onChange
   }));
 };

package/es/components/dialog/dialog-action-button.js

@@ -1,5 +1,4 @@
-import { __awaiter } from "tslib";
-import React, { useState } from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import Button from '../button';
 import { withNativeProps } from '../../utils/native-props';
@@ -7,26 +6,9 @@ export const DialogActionButton = props => {
   const {
     action
   } = props;
-  const [loading, setLoading] = useState(false);
-
-  function handleClick() {
-    return __awaiter(this, void 0, void 0, function* () {
-      setLoading(true);
-
-      try {
-        const promise = props.onAction();
-        yield promise;
-        setLoading(false);
-      } catch (e) {
-        setLoading(false);
-        throw e;
-      }
-    });
-  }
-
   return withNativeProps(props.action, React.createElement(Button, {
     key: action.key,
-    onClick: handleClick,
+    onClick: props.onAction,
     className: classNames('adm-dialog-button', {
       'adm-dialog-button-bold': action.bold
     }),
@@ -34,7 +16,7 @@ export const DialogActionButton = props => {
     shape: 'rectangular',
     block: true,
     color: action.danger ? 'danger' : 'primary',
-    loading: loading,
+    loading: 'auto',
     disabled: action.disabled
   }, action.text));
 };

package/es/components/divider/divider.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type DividerProps = {
     contentPosition?: 'left' | 'right' | 'center';
     direction?: 'horizontal' | 'vertical';
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const Divider: FC<DividerProps>;

package/es/components/dropdown/item.d.ts

@@ -9,10 +9,11 @@ export declare type DropdownItemProps = {
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     arrow?: React.ReactNode;
+    children?: React.ReactNode;
 } & NativeProps;
 declare const Item: FC<DropdownItemProps>;
 export default Item;
 declare type DropdownItemChildrenWrapProps = {
     onClick?: () => void;
-} & Pick<DropdownItemProps, 'active' | 'forceRender' | 'destroyOnClose'>;
+} & Pick<DropdownItemProps, 'active' | 'forceRender' | 'destroyOnClose' | 'children'>;
 export declare const ItemChildrenWrap: FC<DropdownItemChildrenWrapProps>;

package/es/components/error-block/error-block.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement, ReactNode } from 'react';
+import React, { FC, ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ErrorBlockProps = {
     status?: 'default' | 'disconnected' | 'empty' | 'busy';
@@ -6,5 +6,6 @@ export declare type ErrorBlockProps = {
     image?: string | ReactElement;
     description?: ReactNode;
     fullPage?: boolean;
+    children?: React.ReactNode;
 } & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
 export declare const ErrorBlock: FC<ErrorBlockProps>;

package/es/components/floating-bubble/floating-bubble.d.ts

@@ -4,5 +4,6 @@ export declare type FloatingBubbleProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     axis?: 'x' | 'y' | 'xy' | 'lock';
     magnetic?: 'x' | 'y';
+    children?: React.ReactNode;
 } & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size' | '--border-radius' | '--background'>;
 export declare const FloatingBubble: FC<FloatingBubbleProps>;

package/es/components/floating-panel/floating-panel.js

@@ -37,7 +37,7 @@ export const FloatingPanel = forwardRef((p, ref) => {
       tension: 300
     },
     onChange: result => {
-      onHeightChange(result.value.y, y.isAnimating);
+      onHeightChange(-result.value.y, y.isAnimating);
     }
   }));
   useDrag(state => {