@bifrostui/react 2.0.0-alpha.12 → 2.0.0-alpha.13

package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts

@@ -10,6 +10,17 @@ export type TimeSteps = {
     minute?: number;
     second?: number;
 };
+/** 时间面板单元格对象 */
+export interface ITimeInstance {
+    value: number | string;
+    label: string;
+    disabled: boolean;
+}
+export type DisabledTimeView = () => {
+    hour?: () => number[];
+    minute?: (selectedHour: number) => number[];
+    second?: (selectedHour: number, selectedMinute: number) => number[];
+};
 export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**
@@ -105,11 +116,6 @@ export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = Overr
     };
     defaultComponent: D;
 }, D>;
-export type DisabledTimeView = () => {
-    hour?: () => number[];
-    minute?: (selectedHour: number) => number[];
-    second?: (selectedHour: number, selectedMinute: number) => number[];
-};
 export interface TimePickerContentProps {
     setIsOpen: Function;
     triggerChange: Function;
@@ -160,12 +166,6 @@ export interface TimePickerContentProps {
      */
     setIsInvalid: (a: boolean) => void;
 }
-/** 时间面板单元格对象 */
-export interface ITimeInstance {
-    value: number | string;
-    label: string;
-    disabled: boolean;
-}
 /** 时分秒面板单元格对象 */
 export interface ITimeItemNumberInstance {
     value: number;

package/es/DesktopTimePicker/useGetTimePickerContent.js

@@ -21,7 +21,7 @@ import clsx from "clsx";
 import React, { useEffect } from "react";
 import DesktopTimePickerList from "./DesktopTimePickerList";
 import {
-  getdisabledTime,
+  getDisabledTime,
   calculateValidMinTime,
   isDisabledTime
 } from "./utils/utils";
@@ -88,7 +88,7 @@ const useGetTimePickerContent = (props) => {
     return lists.map((type, index) => {
       var _a;
       const dataList = getViewListData(type, timeSteps[type]);
-      const disabledTime = getdisabledTime(
+      const disabledTime = getDisabledTime(
         type,
         timeValue,
         minTime,
@@ -126,7 +126,7 @@ const useGetTimePickerContent = (props) => {
         const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
         const getValidTimeValue = (view, newTimeValue) => {
           var _a2, _b;
-          let viewDisabledTime = getdisabledTime(
+          let viewDisabledTime = getDisabledTime(
             view,
             newTimeValue,
             minTime,

package/es/DesktopTimePicker/utils/utils.d.ts

@@ -23,6 +23,6 @@ export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs
 export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
+export declare const getDisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
 export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
 export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/es/DesktopTimePicker/utils/utils.js

@@ -101,7 +101,7 @@ const getOutOfMaxRangeSeconds = (hourValue, minuteValue, maxTime, dataList) => {
   }
   return outOfMaxRangeMinutes;
 };
-const getdisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
+const getDisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
   var _a, _b, _c, _d, _e;
   const isRangeDate = getIsRangeDate(timeValue, minTime, maxTime);
   if (!isRangeDate) {
@@ -353,13 +353,13 @@ const dateToDayjs = (date) => {
 export {
   calculateValidMinTime,
   dateToDayjs,
+  getDisabledTime,
   getIsRangeDate,
   getIsRangeTime,
   getOutOfMaxRangeMinutes,
   getOutOfMaxRangeSeconds,
   getOutOfMinRangeMinutes,
   getOutOfMinRangeSeconds,
-  getdisabledTime,
   isDisabledTime,
   isDisabledViewTime
 };

package/es/Dialog/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Dialog 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Dialog/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Dialog from "../../Dialog";
 const basicDialogDemo = () => {
   return /* @__PURE__ */ React.createElement(

package/es/Divider/Divider.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type DividerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DrawerProps } from './Drawer.types';
 import './index.less';
 declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Drawer/Drawer.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Modal from "../Modal";
 import Slide from "../Slide";
 import "./index.css";

package/es/Drawer/Drawer.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ModalProps } from '../Modal/Modal.types';
 import { SlideProps } from '../Slide/Slide.types';
 import { TransitionProps } from '../Transition';

package/es/Fade/Fade.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { FadeProps } from './Fade.types';
 declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLElement>>;
 export default Fade;

package/es/Fade/Fade.js

@@ -36,7 +36,7 @@ import {
   getTransitionProps,
   useForkRef
 } from "@bifrostui/utils";
-import React from "react";
+import * as React from "react";
 import Transition from "../Transition";
 const defaultEasing = {
   enter: easing.easeOut,

package/es/Fade/Fade.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from '../Transition';
 export interface FadeProps extends Omit<TransitionProps, 'children'> {
     children?: React.ReactElement;

package/es/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { IconButtonProps } from './IconButton.types';
 import './index.less';
 declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/es/IconButton/IconButton.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { isMini } from "@bifrostui/utils";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const prefixCls = "bui-icon-btn";
 const IconButton = /* @__PURE__ */ React.forwardRef(

package/es/IconButton/IconButton.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type IconButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/Input/Input.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type InputProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/Input/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Input 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Input/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Input from "../../Input";
 const basicInputDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name: ", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));

package/es/ItemSelector/ItemSelector.miniapp.js

@@ -53,11 +53,13 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
       const { screenHeight } = Taro.getSystemInfoSync();
       const query = Taro.createSelectorQuery();
       query.select(".bui-item-selector-scroll-view-container").boundingClientRect();
-      query.exec((codeRect) => {
-        var _a;
-        const domHeight = (_a = codeRect == null ? void 0 : codeRect[0]) == null ? void 0 : _a.height;
-        setHeight(`${domHeight / screenHeight * 100}vh`);
-      });
+      query.exec(
+        (codeRect) => {
+          var _a;
+          const domHeight = (_a = codeRect == null ? void 0 : codeRect[0]) == null ? void 0 : _a.height;
+          setHeight(`${domHeight / screenHeight * 100}vh`);
+        }
+      );
     }, [items]);
     const parseIndex = (length, index) => {
       if (index <= 0)

package/es/ItemSelector/ItemSelector.types.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 export type itemType = {
     /** Item名 */

package/es/ItemSelector/Selector/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { itemType } from '../ItemSelector.types';
 import './index.less';
 type propsType = {

package/es/ItemSelector/Selector/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const Selector = (props) => {
   const { item, onSelect } = props;

package/es/List/List.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListProps } from './List.types';
 import './List.less';
 declare const List: React.ForwardRefExoticComponent<Omit<ListProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/List/List.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import ListContext from "./ListContext";
 import "./List.css";
 const prefixCls = "bui-list";

package/es/List/ListContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface IListContext {
     /** 是否展示分割线 */
     hideDivider?: boolean;

package/es/List/ListContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const ListContext = React.createContext({
   hideDivider: false
 });

package/es/List/ListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListItemProps } from './ListItem.types';
 import './ListItem.less';
 declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/List/ListItem.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { ArrowForwardIcon } from "@bifrostui/icons";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import ListContext from "./ListContext";
 import ListItemFooter from "./ListItemFooter";
 import "./ListItem.css";

package/es/List/ListItem.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ListItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/List/ListItemContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListItemContentProps } from './ListItemContent.types';
 import './ListItemContent.less';
 declare const ListItemContent: React.ForwardRefExoticComponent<Omit<ListItemContentProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/List/ListItemContent.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemContent.css";
 const prefixCls = "bui-list-item-content";
 const ListItemContent = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemContent.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ListItemContentProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/es/List/ListItemExtra.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListItemExtraProps } from './ListItemExtra.types';
 import './ListItemExtra.less';
 declare const ListItemExtra: React.ForwardRefExoticComponent<Omit<ListItemExtraProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/List/ListItemExtra.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemExtra.css";
 const prefixCls = "bui-list-item-extra";
 const ListItemExtra = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemExtra.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ListItemExtraProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         component?: React.ElementType;

package/es/List/ListItemFooter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListItemFooterProps } from './ListItemFooter.types';
 import './ListItemFooter.less';
 declare const ListItemFooter: React.ForwardRefExoticComponent<Omit<ListItemFooterProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;

package/es/List/ListItemFooter.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemFooter.css";
 const prefixCls = "bui-list-item-footer";
 const ListItemFooter = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemFooter.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ListItemFooterProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         component?: React.ElementType;

package/es/List/ListItemHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ListItemHeaderProps } from './ListItemHeader.types';
 import './ListItemHeader.less';
 declare const ListItemHeader: React.ForwardRefExoticComponent<Omit<ListItemHeaderProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/List/ListItemHeader.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemHeader.css";
 const prefixCls = "bui-list-item-header";
 const ListItemHeader = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemHeader.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ListItemHeaderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         component?: React.ElementType;

package/es/Loading/Loading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { LoadingProps } from './Loading.types';
 import './index.less';
 declare const Loading: React.ForwardRefExoticComponent<Omit<LoadingProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Loading/Loading.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import { LoadingThreeQuartersOutlinedIcon } from "@bifrostui/icons";
 import "./index.css";

package/es/Loading/Loading.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import type { ISvgIconProps } from '@bifrostui/icons';
 export type LoadingProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{

package/es/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ModalProps } from './Modal.types';
 import './index.less';
 declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/Modal/Modal.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Backdrop from "../Backdrop";
 import Portal from "../Portal";
 import { useModal } from "./useModal";

package/es/Modal/Modal.miniapp.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ViewProps } from '@tarojs/components';
 import './index.less';
 declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Modal/Modal.miniapp.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import { View } from "@tarojs/components";
 import Backdrop from "../Backdrop";
 import Portal from "../Portal";

package/es/Modal/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Modal 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/es/Modal/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Modal from "../../Modal";
 const basicModalDemo = () => {
   return /* @__PURE__ */ React.createElement(Modal, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");

package/es/Modal/useModal.js

@@ -36,7 +36,6 @@ function useModal(parameters) {
     onClose,
     open,
     rootRef,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     children
   } = parameters;
   const modal = useRef({
@@ -59,12 +58,12 @@ function useModal(parameters) {
     }
     return modal.current;
   };
-  const isTopModal = () => modalManager.isTopModal(getModal());
-  const handleMounted = () => {
+  const isTopModal = useCallback(() => modalManager.isTopModal(getModal()), []);
+  const handleMounted = useCallback(() => {
     modalManager.mount(getModal(), {
       disableScrollLock
     });
-  };
+  }, [disableScrollLock]);
   const handleOpen = useEventCallback(() => {
     const resolvedContainer = getContainer(container) || document.body;
     modalManager.add(getModal(), resolvedContainer);
@@ -72,17 +71,20 @@ function useModal(parameters) {
       handleMounted();
     }
   });
-  const handlePortalRef = useEventCallback((node) => {
-    mountNodeRef.current = node;
-    if (!node) {
-      return;
-    }
-    if (open && isTopModal()) {
-      handleMounted();
-    } else if (modalRef.current) {
-      ariaHidden(modalRef.current, ariaHiddenProp);
-    }
-  });
+  const handlePortalRef = useCallback(
+    (node) => {
+      mountNodeRef.current = node;
+      if (!node) {
+        return;
+      }
+      if (open && isTopModal()) {
+        handleMounted();
+      } else if (modalRef.current) {
+        ariaHidden(modalRef.current, ariaHiddenProp);
+      }
+    },
+    [open, ariaHiddenProp, isTopModal, handleMounted]
+  );
   const handleClose = useCallback(() => {
     modalManager.remove(getModal(), ariaHiddenProp);
   }, [ariaHiddenProp]);
@@ -98,21 +100,17 @@ function useModal(parameters) {
       handleClose();
     }
   }, [open, handleClose, hasTransition, handleOpen]);
-  const createHandleBackdropClick = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (backdropHandlers = {}) => (event) => {
-      var _a;
-      (_a = backdropHandlers.onClick) == null ? void 0 : _a.call(backdropHandlers, event);
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      if (onClose) {
-        onClose(event, { from: "backdropClick" });
-      }
+  const createHandleBackdropClick = (backdropHandlers = {}) => (event) => {
+    var _a;
+    (_a = backdropHandlers.onClick) == null ? void 0 : _a.call(backdropHandlers, event);
+    if (event.target !== event.currentTarget) {
+      return;
     }
-  );
+    if (onClose) {
+      onClose(event, { from: "backdropClick" });
+    }
+  };
   const getRootProps = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (rootHandlers) => {
       return __spreadProps(__spreadValues({
         role: "presentation"
@@ -123,7 +121,6 @@ function useModal(parameters) {
     [handleRef]
   );
   const getBackdropProps = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (backdropHandlers = {}) => {
       const propsEventHandlers = {
         onClick: createHandleBackdropClick(backdropHandlers)

package/es/NavBar/NavBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { NavBarProps } from './NavBar.types';
 import './index.less';
 declare const NavBar: React.ForwardRefExoticComponent<Omit<NavBarProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/es/NavBar/NavBar.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import { useForkRef, useSize } from "@bifrostui/utils";
 import { ArrowBackwardLargeIcon } from "@bifrostui/icons";

package/es/Picker/Picker.js

@@ -238,7 +238,6 @@ const Picker = /* @__PURE__ */ React.forwardRef((props, ref) => {
               [`${prefixCls}-confirm-disabled`]: disabled
             }),
             onClick: confirm,
-            type: "button",
             "aria-label": "Confirm",
             tabIndex: disabled ? -1 : 0
           },