@lobehub/ui 4.3.0 → 4.3.1

package/es/Accordion/Accordion.d.mts

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

package/es/Accordion/AccordionItem.d.mts

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

package/es/ActionIcon/ActionIcon.d.mts

@@ -1,8 +1,8 @@
 import { ActionIconProps } from "./type.mjs";
-import * as react47 from "react";
+import * as react38 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react47.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react38.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 react55 from "react";
+import * as react39 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react55.NamedExoticComponent<AlertProps>;
+declare const Alert: react39.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 react44 from "react";
+import * as react40 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react44.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react40.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 react53 from "react";
+import * as react44 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react53.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react44.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 react57 from "react";
+import * as react43 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react57.NamedExoticComponent<BurgerProps>;
+declare const Burger: react43.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/Checkbox/Checkbox.mjs

@@ -4,10 +4,10 @@ import Text_default from "../Text/Text.mjs";
 import { useStyles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import useMergeState from "use-merge-value";
-import { CheckIcon } from "lucide-react";
+import { CheckIcon, Minus } from "lucide-react";
 
 //#region src/Checkbox/Checkbox.tsx
-const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, style, children, textProps, backgroundColor, classNames, styles: customStyles, shape = "square", disabled, ...rest }) => {
+const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, style, children, textProps, backgroundColor, classNames, styles: customStyles, shape = "square", disabled, indeterminate, ...rest }) => {
 	const { styles, cx } = useStyles();
 	const [value, setValue] = useMergeState(defaultChecked || false, {
 		defaultValue: defaultChecked,
@@ -22,14 +22,16 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 	const handleClick = () => {
 		if (!disabled) setValue(!value);
 	};
+	const isIndeterminate = indeterminate;
+	const isChecked = !isIndeterminate && value;
 	const checkIcon = /* @__PURE__ */ jsx(Block_default, {
 		align: "center",
-		className: cx(styles.root, value && styles.checked, disabled && styles.disabled, className, classNames?.checkbox),
+		className: cx(styles.root, isChecked && styles.checked, isIndeterminate && styles.indeterminate, disabled && styles.disabled, className, classNames?.checkbox),
 		flex: "none",
 		height: size,
 		justify: "center",
 		onClick: handleClick,
-		style: backgroundColor && value ? {
+		style: backgroundColor && (isChecked || isIndeterminate) ? {
 			backgroundColor,
 			borderColor: backgroundColor,
 			...checkboxStyles
@@ -37,7 +39,11 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 		variant: "outlined",
 		width: size,
 		...rest,
-		children: value ? /* @__PURE__ */ jsx(CheckIcon, {
+		children: isIndeterminate ? /* @__PURE__ */ jsx(Minus, {
+			size,
+			strokeWidth: 3,
+			style: { transform: `scale(${shape === "square" ? .75 : .66})` }
+		}) : isChecked ? /* @__PURE__ */ jsx(CheckIcon, {
 			size,
 			strokeWidth: 3,
 			style: { transform: `scale(${shape === "square" ? .75 : .66})` }

package/es/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox: FC<CheckboxProps>","checkboxStyles: CSSProperties","Block","Flexbox","Text"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react';\nimport type { CSSProperties, FC } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { useStyles } from './style';\nimport type { CheckboxProps } from './type';\n\nconst Checkbox: FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  size = 16,\n  className,\n  style,\n  children,\n  textProps,\n  backgroundColor,\n  classNames,\n  styles: customStyles,\n  shape = 'square',\n  disabled,\n  ...rest\n}) => {\n  const { styles, cx } = useStyles();\n  const [value, setValue] = useMergeState(defaultChecked || false, {\n    defaultValue: defaultChecked,\n    onChange,\n    value: checked,\n  });\n\n  const checkboxStyles: CSSProperties = {\n    borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\n    ...style,\n    ...customStyles?.checkbox,\n  };\n\n  const handleClick = () => {\n    if (!disabled) {\n      setValue(!value);\n    }\n  };\n\n  const checkIcon = (\n    <Block\n      align={'center'}\n      className={cx(\n        styles.root,\n        value && styles.checked,\n        disabled && styles.disabled,\n        className,\n        classNames?.checkbox,\n      )}\n      flex={'none'}\n      height={size}\n      justify={'center'}\n      onClick={handleClick}\n      style={\n        backgroundColor && value\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      variant={'outlined'}\n      width={size}\n      {...rest}\n    >\n      {value ? (\n        <CheckIcon\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : null}\n    </Block>\n  );\n\n  if (!children) return checkIcon;\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      horizontal\n      style={customStyles?.wrapper}\n    >\n      {checkIcon}\n      <Text\n        as={'span'}\n        className={cx(classNames?.text)}\n        style={customStyles?.text}\n        {...textProps}\n        type={disabled ? 'secondary' : textProps?.type}\n      >\n        {children}\n      </Text>\n    </Flexbox>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAWA,MAAMA,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAM,CAAC,OAAO,YAAY,cAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;EACR,CAAC;CAEF,MAAMC,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,EAAE,CAAC,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;EAClB;CAED,MAAM,oBAAoB;AACxB,MAAI,CAAC,SACH,UAAS,CAAC,MAAM;;CAIpB,MAAM,YACJ,oBAACC;EACC,OAAO;EACP,WAAW,GACT,OAAO,MACP,SAAS,OAAO,SAChB,YAAY,OAAO,UACnB,WACA,YAAY,SACb;EACD,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OACE,mBAAmB,QACf;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,OAAO;EACP,GAAI;YAEH,QACC,oBAAC;GACO;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;IACD,GACA;GACE;AAGV,KAAI,CAAC,SAAU,QAAO;AAEtB,QACE,qBAACC;EACC,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,EAAE;EACzB;EACA,OAAO,cAAc;aAEpB,WACD,oBAACC;GACC,IAAI;GACJ,WAAW,GAAG,YAAY,KAAK;GAC/B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;IACI;GACC;;AAId,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox: FC<CheckboxProps>","checkboxStyles: CSSProperties","Block","Flexbox","Text"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckIcon, Minus } from 'lucide-react';\nimport type { CSSProperties, FC } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { useStyles } from './style';\nimport type { CheckboxProps } from './type';\n\nconst Checkbox: FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  size = 16,\n  className,\n  style,\n  children,\n  textProps,\n  backgroundColor,\n  classNames,\n  styles: customStyles,\n  shape = 'square',\n  disabled,\n  indeterminate,\n  ...rest\n}) => {\n  const { styles, cx } = useStyles();\n  const [value, setValue] = useMergeState(defaultChecked || false, {\n    defaultValue: defaultChecked,\n    onChange,\n    value: checked,\n  });\n\n  const checkboxStyles: CSSProperties = {\n    borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\n    ...style,\n    ...customStyles?.checkbox,\n  };\n\n  const handleClick = () => {\n    if (!disabled) {\n      setValue(!value);\n    }\n  };\n\n  const isIndeterminate = indeterminate;\n  const isChecked = !isIndeterminate && value;\n\n  const checkIcon = (\n    <Block\n      align={'center'}\n      className={cx(\n        styles.root,\n        isChecked && styles.checked,\n        isIndeterminate && styles.indeterminate,\n        disabled && styles.disabled,\n        className,\n        classNames?.checkbox,\n      )}\n      flex={'none'}\n      height={size}\n      justify={'center'}\n      onClick={handleClick}\n      style={\n        backgroundColor && (isChecked || isIndeterminate)\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      variant={'outlined'}\n      width={size}\n      {...rest}\n    >\n      {isIndeterminate ? (\n        <Minus\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : isChecked ? (\n        <CheckIcon\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : null}\n    </Block>\n  );\n\n  if (!children) return checkIcon;\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      horizontal\n      style={customStyles?.wrapper}\n    >\n      {checkIcon}\n      <Text\n        as={'span'}\n        className={cx(classNames?.text)}\n        style={customStyles?.text}\n        {...textProps}\n        type={disabled ? 'secondary' : textProps?.type}\n      >\n        {children}\n      </Text>\n    </Flexbox>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAWA,MAAMA,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,eACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAM,CAAC,OAAO,YAAY,cAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;EACR,CAAC;CAEF,MAAMC,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,EAAE,CAAC,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;EAClB;CAED,MAAM,oBAAoB;AACxB,MAAI,CAAC,SACH,UAAS,CAAC,MAAM;;CAIpB,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAACC;EACC,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,SACb;EACD,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,OAAO;EACP,GAAI;YAEH,kBACC,oBAAC;GACO;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;IACD,GACA,YACF,oBAAC;GACO;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;IACD,GACA;GACE;AAGV,KAAI,CAAC,SAAU,QAAO;AAEtB,QACE,qBAACC;EACC,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,EAAE;EACzB;EACA,OAAO,cAAc;aAEpB,WACD,oBAACC;GACC,IAAI;GACJ,WAAW,GAAG,YAAY,KAAK;GAC/B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;IACI;GACC;;AAId,SAAS,cAAc;AAEvB,uBAAe"}

package/es/Checkbox/style.mjs

@@ -18,6 +18,11 @@ const useStyles = createStyles(({ css: css$1, token }) => {
 
       opacity: 0.25;
       background-color: ${token.colorFill};
+    `,
+		indeterminate: css$1`
+      border-color: ${token.colorPrimary};
+      color: ${readableColor(token.colorPrimary)};
+      background-color: ${token.colorPrimary};
     `,
 		root: css$1`
       cursor: pointer;

package/es/Checkbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { readableColor } from 'polished';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    checked: css`\n      border-color: ${token.colorPrimary};\n      color: ${readableColor(token.colorPrimary)};\n      background-color: ${token.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${token.colorFill};\n\n      color: ${readableColor(token.colorTextQuaternary)};\n\n      opacity: 0.25;\n      background-color: ${token.colorFill};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO;EACL,SAAS,KAAG;sBACM,MAAM,aAAa;eAC1B,cAAc,MAAM,aAAa,CAAC;0BACvB,MAAM,aAAa;;EAEzC,UAAU,KAAG;;;sBAGK,MAAM,UAAU;;eAEvB,cAAc,MAAM,oBAAoB,CAAC;;;0BAG9B,MAAM,UAAU;;EAEtC,MAAM,KAAG;;;;EAIV;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { readableColor } from 'polished';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    checked: css`\n      border-color: ${token.colorPrimary};\n      color: ${readableColor(token.colorPrimary)};\n      background-color: ${token.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${token.colorFill};\n\n      color: ${readableColor(token.colorTextQuaternary)};\n\n      opacity: 0.25;\n      background-color: ${token.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${token.colorPrimary};\n      color: ${readableColor(token.colorPrimary)};\n      background-color: ${token.colorPrimary};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO;EACL,SAAS,KAAG;sBACM,MAAM,aAAa;eAC1B,cAAc,MAAM,aAAa,CAAC;0BACvB,MAAM,aAAa;;EAEzC,UAAU,KAAG;;;sBAGK,MAAM,UAAU;;eAEvB,cAAc,MAAM,oBAAoB,CAAC;;;0BAG9B,MAAM,UAAU;;EAEtC,eAAe,KAAG;sBACA,MAAM,aAAa;eAC1B,cAAc,MAAM,aAAa,CAAC;0BACvB,MAAM,aAAa;;EAEzC,MAAM,KAAG;;;;EAIV;EACD"}

package/es/Checkbox/type.d.mts

@@ -16,6 +16,7 @@ interface CheckboxProps extends Omit<DivProps, 'onChange'> {
   };
   defaultChecked?: boolean;
   disabled?: boolean;
+  indeterminate?: boolean;
   onChange?: (checked: boolean) => void;
   shape?: 'square' | 'circle';
   size?: number;

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,8 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as react45 from "react";
+import * as react42 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react45.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react42.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 react51 from "react";
+import * as react41 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react51.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react41.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 react63 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: react63.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react47.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/CopyButton/CopyButton.d.mts

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

package/es/DatePicker/DatePicker.d.mts

@@ -1,8 +1,8 @@
 import { DatePickerProps } from "./type.mjs";
-import * as react24 from "react";
+import * as react57 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react24.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react57.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 react40 from "react";
+import * as react53 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react40.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react53.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 react41 from "react";
+import * as react54 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react41.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react54.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 react42 from "react";
+import * as react55 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react42.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react55.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 react43 from "react";
+import * as react56 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: react43.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react56.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 react46 from "react";
+import * as react58 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react46.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react58.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 react45 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react56.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react45.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 react54 from "react";
+import * as react5 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react54.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react5.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 react62 from "react";
+import * as react34 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react62.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react34.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 react19 from "react";
+import * as react33 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react19.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react33.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 react18 from "react";
+import * as react31 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react18.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react31.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react66 from "react";
+import * as react46 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react66.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react46.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 react23 from "react";
+import * as react32 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react23.NamedExoticComponent<FooterProps>;
+declare const Footer: react32.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 react59 from "react";
+import * as react28 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react59.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react28.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 react58 from "react";
+import * as react29 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react58.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react29.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 react60 from "react";
+import * as react30 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react60.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react30.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 react2 from "react";
+import * as react27 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react2.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react27.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 react105 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react128.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react105.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 react20 from "react";
+import * as react24 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react20.NamedExoticComponent<HeaderProps>;
+declare const Header: react24.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 react16 from "react";
+import * as react25 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react16.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react25.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 react17 from "react";
+import * as react26 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react17.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react26.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 react13 from "react";
+import * as react21 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react13.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react21.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 react15 from "react";
+import * as react69 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react15.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react69.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 react1 from "react";
+import * as react19 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react1.NamedExoticComponent<IconProps>;
+declare const Icon: react19.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 react0 from "react";
+import * as react17 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react0.Context<IconContentConfig>;
-declare const IconProvider: react0.NamedExoticComponent<{
+declare const IconContext: react17.Context<IconContentConfig>;
+declare const IconProvider: react17.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react14 from "react";
+import * as react20 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react14.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react20.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 react104 from "react";
+import * as react74 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react104.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react74.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 react107 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react129.NamedExoticComponent<InputProps>;
+declare const Input: react107.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 react106 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react130.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react106.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 react109 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react131.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react109.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map