@laser-ui/components 2.3.4 → 2.4.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.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
+
+- **components:** fix pass class or style to `inputProps` ([1f7a6ba](https://github.com/laser-ui/laser-ui/commit/1f7a6ba7524742cb7095b2f335a87f91434203a0))
+
 ## [2.3.4](https://github.com/laser-ui/laser-ui/compare/v2.3.3...v2.3.4) (2026-03-06)
 
 ### 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';
@@ -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) => {
@@ -281,10 +279,8 @@ export function Cascader(props) {
                     changeVisible((draft) => (searchable ? true : !draft));
                 }, children: [_jsxs("div", Object.assign({}, styled('cascader__container'), { title: selectedLabel, children: [(() => {
                                 const nodeProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, inputProps), mergeCS(styled('cascader__search'), {
-                                    style: {
-                                        opacity: inputable ? undefined : 0,
-                                        zIndex: inputable ? undefined : -1,
-                                    },
+                                    className: inputProps === null || inputProps === void 0 ? void 0 : inputProps.className,
+                                    style: Object.assign(Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps.style), { opacity: inputable ? undefined : 0, zIndex: inputable ? undefined : -1 }),
                                 })), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria), { ref: (instance) => {
                                         inputRef.current = instance;
                                         const ret = setRef(inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, instance);

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';

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';

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';

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/Checkbox.js

@@ -17,7 +17,10 @@ export const Checkbox = (props) => {
     }), {
         className: restProps.className,
         style: restProps.style,
-    }), { children: [_jsxs("div", Object.assign({}, styled('checkbox__state-container'), { children: [_jsx("input", Object.assign({}, inputProps, styled('checkbox__input'), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { type: "checkbox", disabled: disabled, "aria-checked": indeterminate ? 'mixed' : checked, onChange: () => {
+    }), { children: [_jsxs("div", Object.assign({}, styled('checkbox__state-container'), { children: [_jsx("input", Object.assign({}, inputProps, mergeCS(styled('checkbox__input'), {
+                        className: inputProps === null || inputProps === void 0 ? void 0 : inputProps.className,
+                        style: inputProps === null || inputProps === void 0 ? void 0 : inputProps.style,
+                    }), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { type: "checkbox", disabled: disabled, "aria-checked": indeterminate ? 'mixed' : checked, onChange: () => {
                             changeChecked((draft) => !draft);
                         } })), indeterminate ? _jsx("div", Object.assign({}, styled('checkbox__indeterminate'))) : checked && _jsx("div", Object.assign({}, styled('checkbox__tick')))] })), checkNodeExist(children) && _jsx("div", Object.assign({}, styled('checkbox__label'), { children: children }))] })));
 };

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

@@ -191,10 +191,14 @@ export function DatePicker(props) {
     };
     const clearable = clearableProp && !isNull(_value) && !visible && !disabled;
     const inputNode = (isLeft) => {
+        var _a, _b;
         const index = isLeft ? 0 : 1;
         const value = isLeft ? valueLeft : valueRight;
         const inputRef = isLeft ? inputLeftRef : inputRightRef;
-        return (_jsx(BaseInput, Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps[index], styled('date-picker__input'), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { ref: (instance) => {
+        return (_jsx(BaseInput, Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps[index], mergeCS(styled('date-picker__input'), {
+            className: (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _a === void 0 ? void 0 : _a.className,
+            style: (_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _b === void 0 ? void 0 : _b.style,
+        }), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { ref: (instance) => {
                 var _a;
                 inputRef.current = instance;
                 const ret = setRef((_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _a === void 0 ? void 0 : _a.ref, instance);
@@ -382,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 | {

package/hooks/useStyled.js

@@ -5,7 +5,6 @@ export function useStyled(classes, styleProvider, styleOverrides) {
     const context = use(LContext);
     const classRoot = {};
     Object.keys(styleProvider).forEach((key) => {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         classRoot[key] = isUndefined(styleProvider[key]) ? `${context.namespace}-${key}` : styleProvider[key];
     });
     const prevClassRoot = useRef(classRoot);
@@ -49,7 +48,6 @@ export function useStyled(classes, styleProvider, styleOverrides) {
         const handleKey = (classKey) => {
             let remove = false;
             if (styleOverrides && styleOverrides[classKey]) {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 const styleOverride = styleOverrides[classKey];
                 if (styleOverride.remove) {
                     remove = true;

package/hooks/useZIndex.js

@@ -6,8 +6,11 @@ export function useZIndex(visible) {
     const [zIndex, setZIndex] = useState(0);
     useIsomorphicLayoutEffect(() => {
         if (visible) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            const zIndex = Array.from(ZINDEX).at(-1)[1] + 1;
+            let zIndex = 1;
+            const end = Array.from(ZINDEX).at(-1);
+            if (end) {
+                zIndex = end[1] + 1;
+            }
             ZINDEX.set(id, zIndex);
             setZIndex(zIndex);
             return () => {

package/icon/Icon.d.ts

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

package/icon/types.d.ts

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

package/image/Image.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ImageProps } from './types';
 import { ImageAction } from './ImageAction';
 import { ImageLoader } from './ImageLoader';

package/image/ImageAction.d.ts

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

package/image/ImageLoader.d.ts

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