@laser-ui/components 2.3.5 → 2.5.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.5.0](https://github.com/laser-ui/laser-ui/compare/v2.4.0...v2.5.0) (2026-04-03)
+
+### Features
+
+- **components:** cascader support `onScrollBottom` event ([19508bb](https://github.com/laser-ui/laser-ui/commit/19508bbd77fabdd3b884b40e77005d8f596985ac))
+
+# [2.4.0](https://github.com/laser-ui/laser-ui/compare/v2.3.5...v2.4.0) (2026-03-27)
+
+### Bug Fixes
+
+- fix `no-non-null-assertion` ([0080403](https://github.com/laser-ui/laser-ui/commit/0080403dcf3c8d82f473d5ce62c2222efdfc0e06))
+
 ## [2.3.5](https://github.com/laser-ui/laser-ui/compare/v2.3.4...v2.3.5) (2026-03-16)
 
 ### Bug Fixes

package/accordion/Accordion.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { AccordionItem, AccordionProps } from './types';
 export declare function Accordion<ID extends React.Key, T extends AccordionItem<ID>>(props: AccordionProps<ID, T>): React.ReactElement | null;

package/accordion/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/affix/Affix.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { AffixProps } from './types';
 export declare function Affix(props: AffixProps): React.ReactElement | null;

package/affix/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RefExtra } from '@laser-ui/hooks/useRefExtra';
 export {};
 export interface AffixRef {

package/alert/Alert.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { AlertProps } from './types';
 export declare function Alert(props: AlertProps): React.ReactElement | null;

package/alert/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/anchor/Anchor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AnchorItem, AnchorProps } from './types';
 import { DOT_INDICATOR, LINE_INDICATOR } from './vars';
 export declare const Anchor: {

package/anchor/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES, DOT_INDICATOR, LINE_INDICATOR } from './vars';
 import type { BaseProps } from '../types';
 import type { RefExtra } from '@laser-ui/hooks/useRefExtra';

package/avatar/Avatar.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { AvatarProps } from './types';
 export declare function Avatar(props: AvatarProps): React.ReactElement | null;

package/avatar/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/badge/Badge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BadgeProps } from './types';
 import { BadgeText } from './BadgeText';
 export declare const Badge: {

package/badge/internal/BadgeNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { CLASSES } from '../vars';
 interface BadgeNumberProps {

package/badge/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/base-input/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export {};
 export interface BaseInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     ref?: React.Ref<HTMLInputElement>;

package/breadcrumb/Breadcrumb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { BreadcrumbItem, BreadcrumbProps } from './types';
 export declare function Breadcrumb<ID extends React.Key, T extends BreadcrumbItem<ID>>(props: BreadcrumbProps<ID, T>): React.ReactElement | null;

package/breadcrumb/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/button/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, Size } from '../types';
 export {};

package/card/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CardProps } from './types';
 import { CardAction } from './CardAction';
 import { CardActions } from './CardActions';

package/card/CardAction.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CardActionProps } from './types';
 export declare function CardAction(props: CardActionProps): React.ReactElement | null;

package/card/CardActions.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CardActionsProps } from './types';
 export declare function CardActions(props: CardActionsProps): React.ReactElement | null;

package/card/CardContent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CardContentProps } from './types';
 export declare function CardContent(props: CardContentProps): React.ReactElement | null;

package/card/CardHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CardHeaderProps } from './types';
 export declare function CardHeader(props: CardHeaderProps): React.ReactElement | null;

package/card/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/cascader/Cascader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CascaderItem, CascaderProps } from './types';
 export declare function Cascader<V extends React.Key, T extends CascaderItem<V>>(props: CascaderProps<V, T>): React.ReactElement | null;

package/cascader/Cascader.js

@@ -6,7 +6,7 @@ import CancelFilled from '@material-design-icons/svg/filled/cancel.svg?react';
 import CloseOutlined from '@material-design-icons/svg/outlined/close.svg?react';
 import KeyboardArrowDownOutlined from '@material-design-icons/svg/outlined/keyboard_arrow_down.svg?react';
 import SearchOutlined from '@material-design-icons/svg/outlined/search.svg?react';
-import { isNull, isUndefined } from 'lodash';
+import { isNull } from 'lodash';
 import { useId, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { CascaderPanel } from './internal/CascaderPanel';
 import { CascaderSearchPanel } from './internal/CascaderSearchPanel';
@@ -27,7 +27,7 @@ import { TREE_NODE_KEY } from '../tree/vars';
 import { getVerticalSidePosition, isPrintableCharacter, mergeCS } from '../utils';
 import { TTANSITION_DURING_POPUP, WINDOW_SPACE } from '../vars';
 export function Cascader(props) {
-    const _a = useComponentProps('Cascader', props), { ref, styleOverrides, styleProvider, formControl, list, model, defaultModel, visible: visibleProp, defaultVisible, placeholder, multiple = false, searchable = false, searchValue: searchValueProp, defaultSearchValue, onlyLeafSelectable = true, clearable: clearableProp = false, loading = false, size: sizeProp, disabled: disabledProp = false, virtual = false, escClosable = true, customItem, customSelected, customSearch, inputProps, popupRender, onModelChange, onVisibleChange, onSearch, onClear, onFirstFocus, afterVisibleChange } = _a, restProps = __rest(_a, ["ref", "styleOverrides", "styleProvider", "formControl", "list", "model", "defaultModel", "visible", "defaultVisible", "placeholder", "multiple", "searchable", "searchValue", "defaultSearchValue", "onlyLeafSelectable", "clearable", "loading", "size", "disabled", "virtual", "escClosable", "customItem", "customSelected", "customSearch", "inputProps", "popupRender", "onModelChange", "onVisibleChange", "onSearch", "onClear", "onFirstFocus", "afterVisibleChange"]);
+    const _a = useComponentProps('Cascader', props), { ref, styleOverrides, styleProvider, formControl, list, model, defaultModel, visible: visibleProp, defaultVisible, placeholder, multiple = false, searchable = false, searchValue: searchValueProp, defaultSearchValue, onlyLeafSelectable = true, clearable: clearableProp = false, loading = false, size: sizeProp, disabled: disabledProp = false, virtual = false, escClosable = true, customItem, customSelected, customSearch, inputProps, popupRender, onModelChange, onVisibleChange, onSearch, onClear, onFirstFocus, afterVisibleChange, onScrollBottom } = _a, restProps = __rest(_a, ["ref", "styleOverrides", "styleProvider", "formControl", "list", "model", "defaultModel", "visible", "defaultVisible", "placeholder", "multiple", "searchable", "searchValue", "defaultSearchValue", "onlyLeafSelectable", "clearable", "loading", "size", "disabled", "virtual", "escClosable", "customItem", "customSelected", "customSearch", "inputProps", "popupRender", "onModelChange", "onVisibleChange", "onSearch", "onClear", "onFirstFocus", "afterVisibleChange", "onScrollBottom"]);
     const namespace = useNamespace();
     const styled = useStyled(CLASSES, { cascader: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.cascader, 'cascader-popup': styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider['cascader-popup'] }, styleOverrides);
     const { t } = useTranslation();
@@ -113,10 +113,8 @@ export function Cascader(props) {
         if (!hasSearch) {
             return [];
         }
-        const filterFn = isUndefined(customSearch === null || customSearch === void 0 ? void 0 : customSearch.filter)
-            ? (item) => item.label.includes(searchValue)
-            : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                (item) => customSearch.filter(searchValue, item);
+        const customFilterFn = customSearch && customSearch.filter ? customSearch.filter : undefined;
+        const filterFn = customFilterFn ? (item) => customFilterFn(searchValue, item) : (item) => item.label.includes(searchValue);
         const sortFn = customSearch === null || customSearch === void 0 ? void 0 : customSearch.sort;
         const searchList = [];
         const reduceNodes = (nodes) => {
@@ -484,12 +482,16 @@ export function Cascader(props) {
                                         }, namespace: namespace, styled: styled, id: listId, list: searchList, customItem: customItem, itemId: getItemId, itemFocused: itemFocusedWithSearch, multiple: multiple, onlyLeafSelectable: onlyLeafSelectable, virtual: virtual, focusVisible: focusVisible, onClick: (item) => {
                                             changeItemFocusedWithSearch(item);
                                             changeSelectedByClickWithSearch(item);
+                                        }, onScrollBottom: () => {
+                                            onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom([]);
                                         } })) : (_jsx(CascaderPanel, { ref: (instance) => {
                                             focusRef.current = instance;
                                             return () => {
                                                 focusRef.current = null;
                                             };
-                                        }, namespace: namespace, styled: styled, id: listId, list: nodes, customItem: customItem, itemId: getItemId, itemSelected: !multiple && hasSelected ? nodesMap.get(selected) : undefined, itemFocused: itemFocusedWithoutSearch, multiple: multiple, virtual: virtual, focusVisible: focusVisible, onFocus: changeItemFocusedWithoutSearch, onClick: changeSelectedByClickWithoutSearch }))] })));
+                                        }, namespace: namespace, styled: styled, id: listId, list: nodes, customItem: customItem, itemId: getItemId, itemSelected: !multiple && hasSelected ? nodesMap.get(selected) : undefined, itemFocused: itemFocusedWithoutSearch, multiple: multiple, virtual: virtual, focusVisible: focusVisible, onFocus: changeItemFocusedWithoutSearch, onClick: changeSelectedByClickWithoutSearch, onScrollBottom: (ancestors) => {
+                                            onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom(ancestors);
+                                        } }))] })));
                             return popupRender ? popupRender(el) : el;
                         })() }))) }) })] }));
 }

package/cascader/internal/CascaderPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { AbstractTreeNode } from '../../tree/node/abstract-node';
 import type { CascaderItem } from '../types';
@@ -18,6 +17,7 @@ interface CascaderPanelProps<V extends React.Key, T extends CascaderItem<V>> {
     focusVisible: boolean;
     onFocus: (item: AbstractTreeNode<V, T>) => void;
     onClick: (item: AbstractTreeNode<V, T>) => void;
+    onScrollBottom: (ancestors: V[]) => void;
 }
 export declare function CascaderPanel<V extends React.Key, T extends CascaderItem<V>>(props: CascaderPanelProps<V, T>): React.ReactElement | null;
 export {};

package/cascader/internal/CascaderPanel.js

@@ -11,7 +11,7 @@ import { Empty } from '../../empty';
 import { Icon } from '../../icon';
 import { VirtualScroll } from '../../virtual-scroll';
 export function CascaderPanel(props) {
-    const { ref, namespace, styled, id, list, customItem, itemId, itemSelected, itemFocused, multiple, virtual, focusVisible, onFocus, onClick, _root = true, } = props;
+    const { ref, namespace, styled, id, list, customItem, itemId, itemSelected, itemFocused, multiple, virtual, focusVisible, onFocus, onClick, onScrollBottom, _root = true, } = props;
     const listRef = useRef(null);
     const vsRef = useRef(null);
     const focusRef = useRef(null);
@@ -135,7 +135,9 @@ export function CascaderPanel(props) {
                                 } }) }))),
                         _jsx("div", Object.assign({}, styled('cascader__option-content'), { children: customItem ? customItem(item.origin) : item.origin.label })),
                         !item.isLeaf && (_jsx("div", Object.assign({}, styled('cascader__option-icon'), { children: _jsx(Icon, { children: item.origin.loading ? _jsx(CircularProgress, {}) : _jsx(KeyboardArrowRightOutlined, {}) }) })))));
-                }, itemFocused: nodeFocused === null || nodeFocused === void 0 ? void 0 : nodeFocused.id, placeholder: "li", children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list', 'cascader__list--inline'), { ref: (instance) => {
+                }, itemFocused: nodeFocused === null || nodeFocused === void 0 ? void 0 : nodeFocused.id, placeholder: "li", onScrollEnd: () => {
+                    onScrollBottom([]);
+                }, children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list', 'cascader__list--inline'), { ref: (instance) => {
                         listRef.current = instance;
                         return () => {
                             listRef.current = null;
@@ -145,5 +147,7 @@ export function CascaderPanel(props) {
                     return () => {
                         focusRef.current = null;
                     };
-                }, id: undefined, list: nodeFocused.children })))] }));
+                }, id: undefined, list: nodeFocused.children, onScrollBottom: (ancestors) => {
+                    onScrollBottom([nodeFocused.id].concat(ancestors));
+                } })))] }));
 }

package/cascader/internal/CascaderSearchPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CascaderSearchPanelItem } from './types';
 import type { Styled } from '../../hooks/useStyled';
 import type { CascaderItem } from '../types';
@@ -17,6 +16,7 @@ interface CascaderSearchPanelProps<V extends React.Key, T extends CascaderItem<V
     virtual: boolean | number;
     focusVisible: boolean;
     onClick: (item: CascaderSearchPanelItem<V, T>) => void;
+    onScrollBottom: () => void;
 }
 export declare function CascaderSearchPanel<V extends React.Key, T extends CascaderItem<V>>(props: CascaderSearchPanelProps<V, T>): React.ReactElement | null;
 export {};

package/cascader/internal/CascaderSearchPanel.js

@@ -10,7 +10,7 @@ import { getTreeNodeLabel } from '../../tree/utils';
 import { TREE_NODE_KEY } from '../../tree/vars';
 import { VirtualScroll } from '../../virtual-scroll';
 export function CascaderSearchPanel(props) {
-    const { ref, namespace, styled, id, list, customItem, itemId, itemFocused, multiple, onlyLeafSelectable, virtual, focusVisible, onClick, } = props;
+    const { ref, namespace, styled, id, list, customItem, itemId, itemFocused, multiple, onlyLeafSelectable, virtual, focusVisible, onClick, onScrollBottom, } = props;
     const listRef = useRef(null);
     const vsRef = useRef(null);
     const handleKeyDown = useEventCallback((code) => {
@@ -73,7 +73,7 @@ export function CascaderSearchPanel(props) {
                 focusVisible && (itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value) === item.value && _jsx("div", { className: `${namespace}-focus-outline` }),
                 multiple && (_jsx("div", Object.assign({}, styled('cascader__option-prefix'), { children: _jsx(Checkbox, { model: node.checked, disabled: node.disabled }) }))),
                 _jsx("div", Object.assign({}, styled('cascader__option-content'), { children: customItem ? customItem(node.origin) : getTreeNodeLabel(node) }))));
-        }, itemFocused: itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value, placeholder: "li", children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list'), { ref: (instance) => {
+        }, itemFocused: itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value, placeholder: "li", onScrollEnd: onScrollBottom, children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list'), { ref: (instance) => {
                 listRef.current = instance;
                 return () => {
                     listRef.current = null;

package/cascader/internal/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SelectItem } from '../../select/types';
 import type { AbstractTreeNode } from '../../tree/node/abstract-node';
 import type { TreeNode } from '../../tree/node/types';

package/cascader/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps, Size } from '../types';
@@ -46,5 +45,6 @@ export interface CascaderProps<V extends React.Key, T extends CascaderItem<V>> e
     onSearch?: (value: string) => void;
     onClear?: () => void;
     onFirstFocus?: (value: V, origin: T) => void;
+    onScrollBottom?: (ancestors: V[]) => void;
     afterVisibleChange?: (visible: boolean) => void;
 }

package/checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CheckboxProps } from './types';
 import { CheckboxGroup } from './CheckboxGroup';
 export declare const Checkbox: {

package/checkbox/CheckboxGroup.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CheckboxGroupItem, CheckboxGroupProps } from './types';
 export declare function CheckboxGroup<V extends React.Key, T extends CheckboxGroupItem<V>>(props: CheckboxGroupProps<V, T>): React.ReactElement | null;

package/checkbox/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps } from '../types';

package/circular-progress/CircularProgress.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function CircularProgress(props: React.SVGProps<SVGSVGElement>): React.ReactElement | null;

package/compose/Compose.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComposeProps } from './types';
 import { ComposeItem } from './ComposeItem';
 export declare const Compose: {

package/compose/ComposeItem.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ComposeItemProps } from './types';
 export declare function ComposeItem(props: ComposeItemProps): React.ReactElement | null;

package/compose/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, Size } from '../types';
 export {};

package/config-provider/ConfigProvider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ConfigProviderProps } from './types';
 export declare function ConfigProvider(props: ConfigProviderProps): React.ReactElement | null;

package/config-provider/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LContextIn } from '../context';
 export {};
 export interface ConfigProviderProps {

package/context/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentProps } from './props';
 import type { Size } from '../types';
 import type { RefExtra } from '@laser-ui/hooks/useRefExtra';

package/date-picker/DatePicker.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DatePickerProps } from './types';
 export declare function DatePicker(props: DatePickerProps): React.ReactElement | null;

package/date-picker/DatePicker.js

@@ -386,10 +386,14 @@ export function DatePicker(props) {
                                             return () => {
                                                 timePickerPanelRef.current = null;
                                             };
-                                        }, styled: styled, time: dataRef.current.latestFocused === 'start' ? valueLeft : valueRight, format: format, config: showTime && !isBoolean(showTime) && showTime.config
-                                            ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                                                (...args) => showTime.config(...args, dataRef.current.latestFocused, [valueLeft, valueRight])
-                                            : undefined, inDatePicker: true, onTimeChange: (time) => {
+                                        }, styled: styled, time: dataRef.current.latestFocused === 'start' ? valueLeft : valueRight, format: format, config: (() => {
+                                            if (showTime && !isBoolean(showTime)) {
+                                                const fn = showTime.config;
+                                                if (fn) {
+                                                    return (...args) => fn(...args, dataRef.current.latestFocused, [valueLeft, valueRight]);
+                                                }
+                                            }
+                                        })(), inDatePicker: true, onTimeChange: (time) => {
                                             changeValue(time);
                                         } })), _jsx("div", Object.assign({}, styled('date-picker__footer'), { children: _jsx(Button, { pattern: "link", onClick: () => {
                                                 const now = new Date();

package/date-picker/internal/DatePickerPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { CLASSES } from '../vars';
 interface DatePickerPanelProps {

package/date-picker/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { TimePickerProps } from '../time-picker';

package/dialog-service.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare class DialogInstance<P extends object> {
     key: string | number;
     private type;

package/drawer/Drawer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from './types';
 import { DrawerFooter } from './DrawerFooter';
 import { DrawerHeader } from './DrawerHeader';

package/drawer/DrawerFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DrawerFooterProps } from './types';
 export declare function DrawerFooter(props: DrawerFooterProps): React.ReactElement | null;

package/drawer/DrawerHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DrawerHeaderProps } from './types';
 export declare function DrawerHeader(props: DrawerHeaderProps): React.ReactElement | null;

package/drawer/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { ButtonProps } from '../button';
 import type { BaseProps } from '../types';

package/drawer/vars.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Offsets } from './types';
 export declare const CLASSES: {
     drawer: string;

package/dropdown/Dropdown.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DropdownItem, DropdownProps } from './types';
 export declare function Dropdown<ID extends React.Key, T extends DropdownItem<ID>>(props: DropdownProps<ID, T>): React.ReactElement | null;

package/dropdown/internal/DropdownList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { DropdownItem } from '../types';
 import type { CLASSES } from '../vars';

package/dropdown/internal/DropdownList.js

@@ -147,12 +147,12 @@ export function DropdownList(props) {
                                     })(),
                                 },
                             }), { role: "group", "aria-labelledby": id, children: childrenNode }))] })) : (_jsx(DropdownSub, { ref: (instance) => {
-                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                            const fn = instance;
-                            updateSubPosition.current.set(itemId, fn);
-                            return () => {
-                                updateSubPosition.current.delete(itemId);
-                            };
+                            if (instance) {
+                                updateSubPosition.current.set(itemId, instance);
+                                return () => {
+                                    updateSubPosition.current.delete(itemId);
+                                };
+                            }
                         }, namespace: namespace, styled: styled, id: id, icon: itemIcon, theme: itemTheme, list: _jsx(DropdownList, { namespace: namespace, styled: styled, ulProps: { 'aria-labelledby': id }, list: (children !== null && children !== void 0 ? children : []), ancestryOfSub: currentAncestryOfSub, virtual: virtual, focusVisible: focusVisible, focusId: focusId, popupIds: popupIds, updateSubPosition: updateSubPosition, trigger: trigger, zIndex: zIndex, handleKeyDown: handleKeyDown, getItemId: getItemId, onClick: onClick, onFocusIdsChange: onFocusIdsChange, onPopupIdsChange: onPopupIdsChange, addPopupId: addPopupId, removePopupId: removePopupId, onVisibleChange: onVisibleChange }), popupState: popupState === null || popupState === void 0 ? void 0 : popupState.visible, trigger: trigger, focus: focusVisible && isFocus, disabled: itemDisabled, zIndex: isUndefined(zIndex)
                             ? zIndex
                             : isNumber(zIndex)

package/dropdown/internal/DropdownSub.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { CLASSES } from '../vars';
 interface DropdownSubProps {

package/dropdown/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, VerticalSidePlacement } from '../types';
 export {};

package/dropdown/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DropdownItem } from './types';
 export declare function checkEnableItem<ID extends React.Key, T extends DropdownItem<ID>>(item: T): boolean;
 export declare function getSameLevelEnableItems<ID extends React.Key, T extends DropdownItem<ID>>(arr: T[]): T[];

package/empty/Empty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmptyProps } from './types';
 import { SIMPLE_IMG } from './vars';
 export declare const Empty: {

package/empty/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES, SIMPLE_IMG } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/fab/Fab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FabProps } from './types';
 import { FabBacktop } from './FabBacktop';
 import { FabButton } from './FabButton';

package/fab/FabBacktop.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { FabBacktopProps } from './types';
 export declare function FabBacktop(props: FabBacktopProps): React.ReactElement | null;

package/fab/FabButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { FabButtonProps } from './types';
 export declare function FabButton(props: FabButtonProps): React.ReactElement | null;

package/fab/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BUTTON_CLASSES, CLASSES } from './vars';
 import type { BaseProps } from '../types';
 import type { RefExtra } from '@laser-ui/hooks/useRefExtra';

package/fab/vars.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CLASSES: {
     fab: string;
     fab__actions: string;

package/form/Form.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FormProps } from './types';
 import { FormItem } from './FormItem';
 export declare const Form: {

package/form/FormItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FormErrors, FormItemProps } from './types';
 export declare function FormItem<T extends {
     [index: string]: FormErrors;

package/form/internal/FormError.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { CLASSES } from '../vars';
 interface FormErrorProps {

package/form/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AbstractControl } from './model/abstract-control';
 import type { CLASSES } from './vars';
 import type { BaseProps, Size } from '../types';

package/form/vars.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FormGroup } from './model/form-group';
 import type { FormContextData } from './types';
 export declare const CLASSES: {

package/hooks/useContainerScrolling.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useContainerScrolling(target: React.RefObject<HTMLElement | null>, callback?: () => void, disabled?: boolean): void;

package/hooks/useFocusVisible.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useFocusVisible(isValidCode: (code: string) => boolean): [
     boolean,
     {

package/hooks/useLayout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useLayout(): {
     pageScrollRef: import("react").RefObject<HTMLElement | null>;
     contentResizeRef: import("react").RefObject<HTMLElement | null>;

package/hooks/useNestedPopup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DraftFunction } from '@laser-ui/hooks/useImmer';
 interface PopupId<ID> {
     id: ID;

package/hooks/useStyled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Styled<C extends {
     [index: string]: string;
 }> = (...args: (keyof C | {