@lobehub/ui 4.1.4 → 4.1.5

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react9 from "react";
+import * as react8 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react9.NamedExoticComponent<AccordionProps & react9.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react8.NamedExoticComponent<AccordionProps>;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=Accordion.d.mts.map

package/es/Accordion/Accordion.mjs

@@ -2,14 +2,14 @@
 
 import { AccordionContext } from "./context.mjs";
 import { useStyles } from "./style.mjs";
-import { Children, Fragment, forwardRef, isValidElement, memo, useCallback } from "react";
+import { Children, Fragment, isValidElement, memo, useCallback } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Divider } from "antd";
 import { LayoutGroup } from "motion/react";
 import useMergeState from "use-merge-value";
 
 //#region src/Accordion/Accordion.tsx
-const Accordion = memo(forwardRef(({ children, className: userClassName, style: userStyle, accordion = false, defaultExpandedKeys, expandedKeys: expandedKeysProp, onExpandedChange, variant = "borderless", gap, showDivider = false, disableAnimation = false, hideIndicator = false, indicatorPlacement = "start", keepContentMounted = true, classNames, styles: customStyles, motionProps, ...rest }, ref) => {
+const Accordion = memo(({ children, className: userClassName, style: userStyle, accordion = false, defaultExpandedKeys, expandedKeys: expandedKeysProp, onExpandedChange, variant = "borderless", gap, showDivider = false, disableAnimation = false, hideIndicator = false, indicatorPlacement = "start", keepContentMounted = true, classNames, styles: customStyles, motionProps, ref, ...rest }) => {
 	const { cx, styles } = useStyles();
 	const validChildren = Children.toArray(children).filter(isValidElement);
 	const allItemKeys = validChildren.map((child, index) => child.props.itemKey || index);
@@ -60,7 +60,7 @@ const Accordion = memo(forwardRef(({ children, className: userClassName, style:
 			children: disableAnimation ? content : /* @__PURE__ */ jsx(LayoutGroup, { children: content })
 		})
 	});
-}));
+});
 Accordion.displayName = "Accordion";
 var Accordion_default = Accordion;
 

package/es/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":["newKeys: Key[]"],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Divider } from 'antd';\nimport { LayoutGroup } from 'motion/react';\nimport { Children, Fragment, forwardRef, isValidElement, memo, useCallback } from 'react';\nimport type { Key } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { AccordionContext } from './context';\nimport { useStyles } from './style';\nimport type { AccordionProps } from './type';\n\nconst Accordion = memo(\n  forwardRef<HTMLDivElement, AccordionProps>(\n    (\n      {\n        children,\n        className: userClassName,\n        style: userStyle,\n        accordion = false,\n        defaultExpandedKeys,\n        expandedKeys: expandedKeysProp,\n        onExpandedChange,\n        variant = 'borderless',\n        gap,\n        showDivider = false,\n        disableAnimation = false,\n        hideIndicator = false,\n        indicatorPlacement = 'start',\n        keepContentMounted = true,\n        classNames,\n        styles: customStyles,\n        motionProps,\n        ...rest\n      },\n      ref,\n    ) => {\n      const { cx, styles } = useStyles();\n\n      // Convert children to array and filter valid elements\n      const validChildren = Children.toArray(children).filter(isValidElement);\n\n      // Collect all item keys\n      const allItemKeys = validChildren.map(\n        (child, index) => (child.props as any).itemKey || index,\n      );\n\n      // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default\n      const initialExpandedKeys = defaultExpandedKeys ?? allItemKeys;\n\n      const [expandedKeys, setExpandedKeys] = useMergeState<Key[]>(initialExpandedKeys, {\n        onChange: onExpandedChange,\n        value: expandedKeysProp,\n      });\n\n      const toggleExpand = useCallback(\n        (key: Key) => {\n          const prev = expandedKeys;\n          let newKeys: Key[];\n\n          if (accordion) {\n            newKeys = prev.includes(key) ? [] : [key];\n          } else {\n            newKeys = prev.includes(key) ? prev.filter((k: Key) => k !== key) : [...prev, key];\n          }\n\n          setExpandedKeys(newKeys);\n        },\n        [accordion, expandedKeys, setExpandedKeys],\n      );\n\n      const isExpanded = useCallback(\n        (key: Key) => {\n          return expandedKeys.includes(key);\n        },\n        [expandedKeys],\n      );\n\n      const contextValue = {\n        disableAnimation,\n        expandedKeys,\n        hideIndicator,\n        indicatorPlacement,\n        isExpanded,\n        keepContentMounted,\n        motionProps,\n        onToggle: toggleExpand,\n        showDivider,\n        variant,\n      };\n\n      const content = (\n        <>\n          {validChildren.map((child, index) => {\n            // Extract itemKey from child props to use as React key\n            const childKey = (child.props as any).itemKey || index;\n            return (\n              <Fragment key={childKey}>\n                {child}\n                {showDivider && index < validChildren.length - 1 && (\n                  <Divider className={styles.divider} />\n                )}\n              </Fragment>\n            );\n          })}\n        </>\n      );\n\n      return (\n        <AccordionContext.Provider value={contextValue}>\n          <div\n            className={cx(styles.base, classNames?.base, userClassName)}\n            ref={ref}\n            style={{\n              gap: gap,\n              ...customStyles?.base,\n              ...userStyle,\n            }}\n            {...rest}\n          >\n            {disableAnimation ? content : <LayoutGroup>{content}</LayoutGroup>}\n          </div>\n        </AccordionContext.Provider>\n      );\n    },\n  ),\n);\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAY,KAChB,YAEI,EACE,UACA,WAAW,eACX,OAAO,WACP,YAAY,OACZ,qBACA,cAAc,kBACd,kBACA,UAAU,cACV,KACA,cAAc,OACd,mBAAmB,OACnB,gBAAgB,OAChB,qBAAqB,SACrB,qBAAqB,MACrB,YACA,QAAQ,cACR,aACA,GAAG,QAEL,QACG;CACH,MAAM,EAAE,IAAI,WAAW,WAAW;CAGlC,MAAM,gBAAgB,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CAGvE,MAAM,cAAc,cAAc,KAC/B,OAAO,UAAW,MAAM,MAAc,WAAW,MACnD;CAKD,MAAM,CAAC,cAAc,mBAAmB,cAFZ,uBAAuB,aAE+B;EAChF,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,aAClB,QAAa;EACZ,MAAM,OAAO;EACb,IAAIA;AAEJ,MAAI,UACF,WAAU,KAAK,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI;MAEzC,WAAU,KAAK,SAAS,IAAI,GAAG,KAAK,QAAQ,MAAW,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI;AAGpF,kBAAgB,QAAQ;IAE1B;EAAC;EAAW;EAAc;EAAgB,CAC3C;CASD,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA,YAZiB,aAChB,QAAa;AACZ,UAAO,aAAa,SAAS,IAAI;KAEnC,CAAC,aAAa,CACf;EAQC;EACA;EACA,UAAU;EACV;EACA;EACD;CAED,MAAM,UACJ,4CACG,cAAc,KAAK,OAAO,UAAU;EAEnC,MAAM,WAAY,MAAM,MAAc,WAAW;AACjD,SACE,qBAAC,uBACE,OACA,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,WAAQ,WAAW,OAAO,UAAW,KAH3B,SAKJ;GAEb,GACD;AAGL,QACE,oBAAC,iBAAiB;EAAS,OAAO;YAChC,oBAAC;GACC,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,cAAc;GACtD;GACL,OAAO;IACA;IACL,GAAG,cAAc;IACjB,GAAG;IACJ;GACD,GAAI;aAEH,mBAAmB,UAAU,oBAAC,yBAAa,UAAsB;IAC9D;GACoB;EAGjC,CACF;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"Accordion.mjs","names":["newKeys: Key[]"],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Divider } from 'antd';\nimport { LayoutGroup } from 'motion/react';\nimport { Children, Fragment, isValidElement, memo, useCallback } from 'react';\nimport type { Key } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { AccordionContext } from './context';\nimport { useStyles } from './style';\nimport type { AccordionProps } from './type';\n\nconst Accordion = memo<AccordionProps>(\n  ({\n    children,\n    className: userClassName,\n    style: userStyle,\n    accordion = false,\n    defaultExpandedKeys,\n    expandedKeys: expandedKeysProp,\n    onExpandedChange,\n    variant = 'borderless',\n    gap,\n    showDivider = false,\n    disableAnimation = false,\n    hideIndicator = false,\n    indicatorPlacement = 'start',\n    keepContentMounted = true,\n    classNames,\n    styles: customStyles,\n    motionProps,\n    ref,\n    ...rest\n  }) => {\n    const { cx, styles } = useStyles();\n\n    // Convert children to array and filter valid elements\n    const validChildren = Children.toArray(children).filter(isValidElement);\n\n    // Collect all item keys\n    const allItemKeys = validChildren.map((child, index) => (child.props as any).itemKey || index);\n\n    // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default\n    const initialExpandedKeys = defaultExpandedKeys ?? allItemKeys;\n\n    const [expandedKeys, setExpandedKeys] = useMergeState<Key[]>(initialExpandedKeys, {\n      onChange: onExpandedChange,\n      value: expandedKeysProp,\n    });\n\n    const toggleExpand = useCallback(\n      (key: Key) => {\n        const prev = expandedKeys;\n        let newKeys: Key[];\n\n        if (accordion) {\n          newKeys = prev.includes(key) ? [] : [key];\n        } else {\n          newKeys = prev.includes(key) ? prev.filter((k: Key) => k !== key) : [...prev, key];\n        }\n\n        setExpandedKeys(newKeys);\n      },\n      [accordion, expandedKeys, setExpandedKeys],\n    );\n\n    const isExpanded = useCallback(\n      (key: Key) => {\n        return expandedKeys.includes(key);\n      },\n      [expandedKeys],\n    );\n\n    const contextValue = {\n      disableAnimation,\n      expandedKeys,\n      hideIndicator,\n      indicatorPlacement,\n      isExpanded,\n      keepContentMounted,\n      motionProps,\n      onToggle: toggleExpand,\n      showDivider,\n      variant,\n    };\n\n    const content = (\n      <>\n        {validChildren.map((child, index) => {\n          // Extract itemKey from child props to use as React key\n          const childKey = (child.props as any).itemKey || index;\n          return (\n            <Fragment key={childKey}>\n              {child}\n              {showDivider && index < validChildren.length - 1 && (\n                <Divider className={styles.divider} />\n              )}\n            </Fragment>\n          );\n        })}\n      </>\n    );\n\n    return (\n      <AccordionContext.Provider value={contextValue}>\n        <div\n          className={cx(styles.base, classNames?.base, userClassName)}\n          ref={ref}\n          style={{\n            gap: gap,\n            ...customStyles?.base,\n            ...userStyle,\n          }}\n          {...rest}\n        >\n          {disableAnimation ? content : <LayoutGroup>{content}</LayoutGroup>}\n        </div>\n      </AccordionContext.Provider>\n    );\n  },\n);\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAY,MACf,EACC,UACA,WAAW,eACX,OAAO,WACP,YAAY,OACZ,qBACA,cAAc,kBACd,kBACA,UAAU,cACV,KACA,cAAc,OACd,mBAAmB,OACnB,gBAAgB,OAChB,qBAAqB,SACrB,qBAAqB,MACrB,YACA,QAAQ,cACR,aACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,WAAW;CAGlC,MAAM,gBAAgB,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CAGvE,MAAM,cAAc,cAAc,KAAK,OAAO,UAAW,MAAM,MAAc,WAAW,MAAM;CAK9F,MAAM,CAAC,cAAc,mBAAmB,cAFZ,uBAAuB,aAE+B;EAChF,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,aAClB,QAAa;EACZ,MAAM,OAAO;EACb,IAAIA;AAEJ,MAAI,UACF,WAAU,KAAK,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI;MAEzC,WAAU,KAAK,SAAS,IAAI,GAAG,KAAK,QAAQ,MAAW,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI;AAGpF,kBAAgB,QAAQ;IAE1B;EAAC;EAAW;EAAc;EAAgB,CAC3C;CASD,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA,YAZiB,aAChB,QAAa;AACZ,UAAO,aAAa,SAAS,IAAI;KAEnC,CAAC,aAAa,CACf;EAQC;EACA;EACA,UAAU;EACV;EACA;EACD;CAED,MAAM,UACJ,4CACG,cAAc,KAAK,OAAO,UAAU;EAEnC,MAAM,WAAY,MAAM,MAAc,WAAW;AACjD,SACE,qBAAC,uBACE,OACA,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,WAAQ,WAAW,OAAO,UAAW,KAH3B,SAKJ;GAEb,GACD;AAGL,QACE,oBAAC,iBAAiB;EAAS,OAAO;YAChC,oBAAC;GACC,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,cAAc;GACtD;GACL,OAAO;IACA;IACL,GAAG,cAAc;IACjB,GAAG;IACJ;GACD,GAAI;aAEH,mBAAmB,UAAU,oBAAC,yBAAa,UAAsB;IAC9D;GACoB;EAGjC;AAED,UAAU,cAAc;AAExB,wBAAe"}

package/es/Accordion/AccordionItem.d.mts

@@ -1,8 +1,8 @@
 import { AccordionItemProps } from "./type.mjs";
-import * as react11 from "react";
+import * as react9 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react11.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react9.NamedExoticComponent<AccordionItemProps>;
 //#endregion
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.mts.map

package/es/Accordion/type.d.mts

@@ -65,7 +65,7 @@ interface AccordionItemProps extends Pick<BlockProps, 'padding' | 'paddingBlock'
    */
   title: ReactNode;
 }
-interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<BlockProps, 'variant'> {
+interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<BlockProps, 'variant' | 'ref'> {
   /**
    * Whether only one item can be expanded at a time
    * @default false

package/es/ActionIcon/ActionIcon.d.mts

@@ -1,8 +1,8 @@
 import { ActionIconProps } from "./type.mjs";
-import * as react5 from "react";
+import * as react3 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react5.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react3.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { ActionIcon };
 //# sourceMappingURL=ActionIcon.d.mts.map

package/es/Alert/Alert.d.mts

@@ -1,8 +1,8 @@
 import { AlertProps } from "./type.mjs";
-import * as react7 from "react";
+import * as react57 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react7.NamedExoticComponent<AlertProps>;
+declare const Alert: react57.NamedExoticComponent<AlertProps>;
 //#endregion
 export { Alert };
 //# sourceMappingURL=Alert.d.mts.map

package/es/AutoComplete/Select.d.mts

@@ -1,8 +1,8 @@
 import { AutoCompleteProps } from "./type.mjs";
-import * as react6 from "react";
+import * as react68 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react6.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react68.NamedExoticComponent<AutoCompleteProps>;
 //#endregion
 export { AutoComplete };
 //# sourceMappingURL=Select.d.mts.map

package/es/Avatar/AvatarGroup/index.d.mts

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react8 from "react";
+import * as react2 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react8.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react2.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Burger/Burger.d.mts

@@ -1,8 +1,8 @@
 import { BurgerProps } from "./type.mjs";
-import * as react4 from "react";
+import * as react6 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react4.NamedExoticComponent<BurgerProps>;
+declare const Burger: react6.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,8 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as react3 from "react";
+import * as react5 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react3.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react5.NamedExoticComponent<CodeEditorProps>;
 //#endregion
 export { CodeEditor };
 //# sourceMappingURL=CodeEditor.d.mts.map

package/es/Collapse/Collapse.d.mts

@@ -1,8 +1,8 @@
 import { CollapseProps } from "./type.mjs";
-import * as react43 from "react";
+import * as react4 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react43.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react4.NamedExoticComponent<CollapseProps>;
 //#endregion
 export { Collapse };
 //# sourceMappingURL=Collapse.d.mts.map

package/es/ConfigProvider/index.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as react64 from "react";
+import * as react47 from "react";
 import { ElementType, ReactNode } from "react";
 
 //#region src/ConfigProvider/index.d.ts
@@ -19,7 +19,7 @@ interface ConfigProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const ConfigProvider: react64.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react47.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/DatePicker/DatePicker.d.mts

@@ -1,8 +1,8 @@
 import { DatePickerProps } from "./type.mjs";
-import * as react0 from "react";
+import * as react7 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react0.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react7.NamedExoticComponent<DatePickerProps>;
 //#endregion
 export { DatePicker };
 //# sourceMappingURL=DatePicker.d.mts.map

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react59 from "react";
+import * as react62 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react59.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react62.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelBody, DraggablePanelBodyProps };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react60 from "react";
+import * as react63 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react60.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react63.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelContainer, DraggablePanelContainerProps };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react61 from "react";
+import * as react64 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react61.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react64.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelFooter, DraggablePanelFooterProps };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react62 from "react";
+import * as react65 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
@@ -9,7 +9,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: react62.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react65.NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
 export { DraggablePanelHeader, DraggablePanelHeaderProps };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggableSideNav/DraggableSideNav.d.mts

@@ -1,8 +1,8 @@
 import { DraggableSideNavProps } from "./type.mjs";
-import * as react0 from "react";
+import * as react67 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react0.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react67.NamedExoticComponent<DraggableSideNavProps>;
 //#endregion
 export { DraggableSideNav };
 //# sourceMappingURL=DraggableSideNav.d.mts.map

package/es/Drawer/Drawer.d.mts

@@ -1,8 +1,8 @@
 import { DrawerProps } from "./type.mjs";
-import * as react56 from "react";
+import * as react0 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react56.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react0.NamedExoticComponent<DrawerProps>;
 //#endregion
 export { Drawer };
 //# sourceMappingURL=Drawer.d.mts.map

package/es/Dropdown/Dropdown.d.mts

@@ -1,8 +1,8 @@
 import { DropdownProps } from "./type.mjs";
-import * as react58 from "react";
+import * as react66 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react58.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react66.NamedExoticComponent<DropdownProps>;
 //#endregion
 export { Dropdown };
 //# sourceMappingURL=Dropdown.d.mts.map

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react57 from "react";
+import * as react61 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react57.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react61.NamedExoticComponent<EditableTextProps>;
 //#endregion
 export { EditableText };
 //# sourceMappingURL=EditableText.d.mts.map

package/es/EmojiPicker/EmojiPicker.d.mts

@@ -1,8 +1,8 @@
 import { EmojiPickerProps } from "./type.mjs";
-import * as react55 from "react";
+import * as react60 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react55.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react60.NamedExoticComponent<EmojiPickerProps>;
 //#endregion
 export { EmojiPicker };
 //# sourceMappingURL=EmojiPicker.d.mts.map

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,8 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as react54 from "react";
+import * as react59 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react54.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react59.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react67 from "react";
+import * as react50 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react67.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react50.NamedExoticComponent<FontLoaderProps>;
 //#endregion
 export { FontLoader, FontLoaderProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Footer/Footer.d.mts

@@ -1,8 +1,8 @@
 import { FooterProps } from "./type.mjs";
-import * as react2 from "react";
+import * as react58 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react2.NamedExoticComponent<FooterProps>;
+declare const Footer: react58.NamedExoticComponent<FooterProps>;
 //#endregion
 export { Footer };
 //# sourceMappingURL=Footer.d.mts.map

package/es/Form/components/FormGroup.d.mts

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react51 from "react";
+import * as react54 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react51.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react54.NamedExoticComponent<FormGroupProps>;
 //#endregion
 export { FormGroup };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react52 from "react";
+import * as react55 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react52.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react55.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react53 from "react";
+import * as react56 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react53.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react56.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

@@ -1,8 +1,8 @@
 import { FormModalProps } from "./type.mjs";
-import * as react47 from "react";
+import * as react69 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react47.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react69.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/GuideCard/GuideCard.d.mts

@@ -1,8 +1,8 @@
 import { GuideCardProps } from "./type.mjs";
-import * as react128 from "react";
+import * as react127 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react128.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react127.NamedExoticComponent<GuideCardProps>;
 //#endregion
 export { GuideCard };
 //# sourceMappingURL=GuideCard.d.mts.map

package/es/Header/Header.d.mts

@@ -1,8 +1,8 @@
 import { HeaderProps } from "./type.mjs";
-import * as react46 from "react";
+import * as react31 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react46.NamedExoticComponent<HeaderProps>;
+declare const Header: react31.NamedExoticComponent<HeaderProps>;
 //#endregion
 export { Header };
 //# sourceMappingURL=Header.d.mts.map

package/es/Highlighter/Highlighter.d.mts

@@ -1,8 +1,8 @@
 import { HighlighterProps } from "./type.mjs";
-import * as react49 from "react";
+import * as react33 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react49.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react33.NamedExoticComponent<HighlighterProps>;
 //#endregion
 export { Highlighter };
 //# sourceMappingURL=Highlighter.d.mts.map

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as react50 from "react";
+import * as react32 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react50.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react32.NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
 export { SyntaxHighlighter };
 //# sourceMappingURL=index.d.mts.map

package/es/Hotkey/Hotkey.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyProps } from "./type.mjs";
-import * as react48 from "react";
+import * as react27 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react48.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react27.NamedExoticComponent<HotkeyProps>;
 //#endregion
 export { Hotkey };
 //# sourceMappingURL=Hotkey.d.mts.map

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyInputProps } from "./type.mjs";
-import * as react37 from "react";
+import * as react17 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react37.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react17.NamedExoticComponent<HotkeyInputProps>;
 //#endregion
 export { HotkeyInput };
 //# sourceMappingURL=HotkeyInput.d.mts.map

package/es/Icon/Icon.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "./type.mjs";
-import * as react35 from "react";
+import * as react20 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react35.NamedExoticComponent<IconProps>;
+declare const Icon: react20.NamedExoticComponent<IconProps>;
 //#endregion
 export { Icon };
 //# sourceMappingURL=Icon.d.mts.map

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react33 from "react";
+import * as react18 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react33.Context<IconContentConfig>;
-declare const IconProvider: react33.NamedExoticComponent<{
+declare const IconContext: react18.Context<IconContentConfig>;
+declare const IconProvider: react18.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react36 from "react";
+import * as react28 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react36.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react28.NamedExoticComponent<PreviewGroupProps>;
 //#endregion
 export { PreviewGroup };
 //# sourceMappingURL=PreviewGroup.d.mts.map

package/es/ImageSelect/ImageSelect.d.mts

@@ -1,8 +1,8 @@
 import { ImageSelectProps } from "./type.mjs";
-import * as react105 from "react";
+import * as react103 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react105.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react103.NamedExoticComponent<ImageSelectProps>;
 //#endregion
 export { ImageSelect };
 //# sourceMappingURL=ImageSelect.d.mts.map

package/es/Input/Input.d.mts

@@ -1,8 +1,8 @@
 import { InputProps } from "./type.mjs";
-import * as react129 from "react";
+import * as react128 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react129.NamedExoticComponent<InputProps>;
+declare const Input: react128.NamedExoticComponent<InputProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Input.d.mts.map

package/es/Input/InputNumber.d.mts

@@ -1,8 +1,8 @@
 import { InputNumberProps } from "./type.mjs";
-import * as react130 from "react";
+import * as react129 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react130.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react129.NamedExoticComponent<InputNumberProps>;
 //#endregion
 export { InputNumber };
 //# sourceMappingURL=InputNumber.d.mts.map

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react131 from "react";
+import * as react130 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react131.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react130.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/InputPassword.d.mts

@@ -1,8 +1,8 @@
 import { InputPasswordProps } from "./type.mjs";
-import * as react132 from "react";
+import * as react131 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react132.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react131.NamedExoticComponent<InputPasswordProps>;
 //#endregion
 export { InputPassword };
 //# sourceMappingURL=InputPassword.d.mts.map

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react133 from "react";
+import * as react132 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react133.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react132.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.d.mts.map

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react28 from "react";
+import * as react11 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react28.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react11.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react29 from "react";
+import * as react16 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react29.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react16.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map