@lobehub/ui 4.2.1 → 4.3.0

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react43 from "react";
+import * as react50 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react43.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react50.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 react44 from "react";
+import * as react52 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react44.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react52.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 react36 from "react";
+import * as react47 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react36.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react47.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 react35 from "react";
+import * as react55 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react35.NamedExoticComponent<AlertProps>;
+declare const Alert: react55.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 react37 from "react";
+import * as react44 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react37.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react44.NamedExoticComponent<AutoCompleteProps>;
 //#endregion
 export { AutoComplete };
 //# sourceMappingURL=Select.d.mts.map

package/es/Avatar/Avatar.mjs

@@ -84,6 +84,7 @@ const Avatar$1 = memo(({ bordered, className, avatar, title, animation, bordered
 		src: isDefaultAntAvatar ? defualtAvatar : void 0,
 		style: {
 			background: isDefaultAntAvatar || !!emoji ? background : background || theme.colorBorder,
+			borderRadius: shape === "square" && size && size < 24 ? "33%" : void 0,
 			boxShadow: bordered ? `${theme.colorBgLayout} 0 0 0 2px, ${borderedColor || theme.colorTextTertiary} 0 0 0 4px` : void 0,
 			color: readableColor(background || theme.colorBorder),
 			cursor: rest?.onClick ? "pointer" : void 0,

package/es/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["Avatar","Img","FluentEmoji","AntAvatar","Center","Icon"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { readableColor } from 'polished';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\n\nimport { useStyles } from './style';\nimport type { AvatarProps } from './type';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(\n      () =>\n        Boolean(\n          avatar &&\n          (['/', 'http', 'data:'].some((index) => isStringAvatar && avatar.startsWith(index)) ||\n            isValidElement(avatar)),\n        ),\n      [avatar, isStringAvatar],\n    );\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const { styles, cx, theme } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            shadow: false,\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defualtAvatar =\n      typeof avatar === 'string' ? (\n        <Img\n          alt={imgAlt}\n          height={size}\n          loading={'lazy'}\n          src={avatar}\n          unoptimized={unoptimized}\n          width={size}\n        />\n      ) : (\n        avatar\n      );\n\n    const hasBackground =\n      background &&\n      background !== 'transparent' &&\n      background !== 'rgba(0,0,0,0)' &&\n      background !== null;\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={emojiScaleWithBackground ? (hasBackground ? size * 0.85 : size) : size * 0.85}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : sliceText ? (\n          (text || title)?.toUpperCase().slice(0, 2)\n        ) : (\n          (text || title)?.toUpperCase()\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar ? defualtAvatar : undefined}\n        style={{\n          background: isDefaultAntAvatar || !!emoji ? background : background || theme.colorBorder,\n          boxShadow: bordered\n            ? `${theme.colorBgLayout} 0 0 0 2px, ${borderedColor || theme.colorTextTertiary} 0 0 0 4px`\n            : undefined,\n          color: readableColor(background || theme.colorBorder),\n          cursor: rest?.onClick ? 'pointer' : undefined,\n          fontSize: size * (emoji ? 0.7 : 0.5),\n          ...style,\n        }}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon icon={Loader2} spin />\n          </Center>\n        )}\n        {!isDefaultAntAvatar && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAM,qBAAqB,cAEvB,QACE,WACC;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,UAAU,kBAAkB,OAAO,WAAW,MAAM,CAAC,IACjF,eAAe,OAAO,EACzB,EACH,CAAC,QAAQ,eAAe,CACzB;CAED,MAAM,QAAQ,cACN,UAAU,CAAC,sBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgB;EAAmB,CAC7C;CAED,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;CAEzC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,OAAO,OAAO,qBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBACJ,OAAO,WAAW,WAChB,oBAACC;EACC,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;GACP,GAEF;CAGJ,MAAM,gBACJ,cACA,eAAe,iBACf,eAAe,mBACf,eAAe;CAEjB,MAAM,eAAe,cAEjB,QACE,oBAACC;EACQ;EACP,MAAM,2BAA4B,gBAAgB,OAAO,MAAO,OAAQ,OAAO;EAC/E,MAAM,YAAY,SAAS;EACd;GACb,GACA,aACD,QAAQ,QAAQ,aAAa,CAAC,MAAM,GAAG,EAAE,IAEzC,QAAQ,QAAQ,aAAa,EAElC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,qBAACC;EACC,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAK,qBAAqB,gBAAgB;EAC1C,OAAO;GACL,YAAY,sBAAsB,CAAC,CAAC,QAAQ,aAAa,cAAc,MAAM;GAC7E,WAAW,WACP,GAAG,MAAM,cAAc,cAAc,iBAAiB,MAAM,kBAAkB,cAC9E;GACJ,OAAO,cAAc,cAAc,MAAM,YAAY;GACrD,QAAQ,MAAM,UAAU,YAAY;GACpC,UAAU,QAAQ,QAAQ,KAAM;GAChC,GAAG;GACJ;EACD,GAAI;aAEH,WACC,oBAACC;GAAO,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAACC;IAAK,MAAM;IAAS;KAAO;IACrB,EAEV,CAAC,sBAAsB;GACd;EAGjB;AAED,SAAO,cAAc;AAErB,qBAAeL"}
+{"version":3,"file":"Avatar.mjs","names":["Avatar","Img","FluentEmoji","AntAvatar","Center","Icon"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { readableColor } from 'polished';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\n\nimport { useStyles } from './style';\nimport type { AvatarProps } from './type';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(\n      () =>\n        Boolean(\n          avatar &&\n          (['/', 'http', 'data:'].some((index) => isStringAvatar && avatar.startsWith(index)) ||\n            isValidElement(avatar)),\n        ),\n      [avatar, isStringAvatar],\n    );\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const { styles, cx, theme } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            shadow: false,\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defualtAvatar =\n      typeof avatar === 'string' ? (\n        <Img\n          alt={imgAlt}\n          height={size}\n          loading={'lazy'}\n          src={avatar}\n          unoptimized={unoptimized}\n          width={size}\n        />\n      ) : (\n        avatar\n      );\n\n    const hasBackground =\n      background &&\n      background !== 'transparent' &&\n      background !== 'rgba(0,0,0,0)' &&\n      background !== null;\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={emojiScaleWithBackground ? (hasBackground ? size * 0.85 : size) : size * 0.85}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : sliceText ? (\n          (text || title)?.toUpperCase().slice(0, 2)\n        ) : (\n          (text || title)?.toUpperCase()\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar ? defualtAvatar : undefined}\n        style={{\n          background: isDefaultAntAvatar || !!emoji ? background : background || theme.colorBorder,\n          borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\n          boxShadow: bordered\n            ? `${theme.colorBgLayout} 0 0 0 2px, ${borderedColor || theme.colorTextTertiary} 0 0 0 4px`\n            : undefined,\n          color: readableColor(background || theme.colorBorder),\n          cursor: rest?.onClick ? 'pointer' : undefined,\n          fontSize: size * (emoji ? 0.7 : 0.5),\n          ...style,\n        }}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon icon={Loader2} spin />\n          </Center>\n        )}\n        {!isDefaultAntAvatar && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAM,qBAAqB,cAEvB,QACE,WACC;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,UAAU,kBAAkB,OAAO,WAAW,MAAM,CAAC,IACjF,eAAe,OAAO,EACzB,EACH,CAAC,QAAQ,eAAe,CACzB;CAED,MAAM,QAAQ,cACN,UAAU,CAAC,sBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgB;EAAmB,CAC7C;CAED,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;CAEzC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,OAAO,OAAO,qBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBACJ,OAAO,WAAW,WAChB,oBAACC;EACC,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;GACP,GAEF;CAGJ,MAAM,gBACJ,cACA,eAAe,iBACf,eAAe,mBACf,eAAe;CAEjB,MAAM,eAAe,cAEjB,QACE,oBAACC;EACQ;EACP,MAAM,2BAA4B,gBAAgB,OAAO,MAAO,OAAQ,OAAO;EAC/E,MAAM,YAAY,SAAS;EACd;GACb,GACA,aACD,QAAQ,QAAQ,aAAa,CAAC,MAAM,GAAG,EAAE,IAEzC,QAAQ,QAAQ,aAAa,EAElC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,qBAACC;EACC,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAK,qBAAqB,gBAAgB;EAC1C,OAAO;GACL,YAAY,sBAAsB,CAAC,CAAC,QAAQ,aAAa,cAAc,MAAM;GAC7E,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ;GAChE,WAAW,WACP,GAAG,MAAM,cAAc,cAAc,iBAAiB,MAAM,kBAAkB,cAC9E;GACJ,OAAO,cAAc,cAAc,MAAM,YAAY;GACrD,QAAQ,MAAM,UAAU,YAAY;GACpC,UAAU,QAAQ,QAAQ,KAAM;GAChC,GAAG;GACJ;EACD,GAAI;aAEH,WACC,oBAACC;GAAO,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAACC;IAAK,MAAM;IAAS;KAAO;IACrB,EAEV,CAAC,sBAAsB;GACd;EAGjB;AAED,SAAO,cAAc;AAErB,qBAAeL"}

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

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react40 from "react";
+import * as react53 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react40.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react53.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 react41 from "react";
+import * as react57 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react41.NamedExoticComponent<BurgerProps>;
+declare const Burger: react57.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/Checkbox/Checkbox.mjs

@@ -7,7 +7,7 @@ import useMergeState from "use-merge-value";
 import { CheckIcon } 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" }) => {
+const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, style, children, textProps, backgroundColor, classNames, styles: customStyles, shape = "square", disabled, ...rest }) => {
 	const { styles, cx } = useStyles();
 	const [value, setValue] = useMergeState(defaultChecked || false, {
 		defaultValue: defaultChecked,
@@ -19,13 +19,16 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 		...style,
 		...customStyles?.checkbox
 	};
+	const handleClick = () => {
+		if (!disabled) setValue(!value);
+	};
 	const checkIcon = /* @__PURE__ */ jsx(Block_default, {
 		align: "center",
-		className: cx(styles.root, value && styles.checked, className, classNames?.checkbox),
+		className: cx(styles.root, value && styles.checked, disabled && styles.disabled, className, classNames?.checkbox),
 		flex: "none",
 		height: size,
 		justify: "center",
-		onClick: () => setValue(!value),
+		onClick: handleClick,
 		style: backgroundColor && value ? {
 			backgroundColor,
 			borderColor: backgroundColor,
@@ -33,6 +36,7 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 		} : { ...checkboxStyles },
 		variant: "outlined",
 		width: size,
+		...rest,
 		children: value ? /* @__PURE__ */ jsx(CheckIcon, {
 			size,
 			strokeWidth: 3,
@@ -51,6 +55,7 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 			className: cx(classNames?.text),
 			style: customStyles?.text,
 			...textProps,
+			type: disabled ? "secondary" : textProps?.type,
 			children
 		})]
 	});

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}) => {\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 checkIcon = (\n    <Block\n      align={'center'}\n      className={cx(styles.root, value && styles.checked, className, classNames?.checkbox)}\n      flex={'none'}\n      height={size}\n      justify={'center'}\n      onClick={() => setValue(!value)}\n      style={\n        backgroundColor && value\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      variant={'outlined'}\n      width={size}\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 as={'span'} className={cx(classNames?.text)} style={customStyles?.text} {...textProps}>\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,eACJ;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,YACJ,oBAACC;EACC,OAAO;EACP,WAAW,GAAG,OAAO,MAAM,SAAS,OAAO,SAAS,WAAW,YAAY,SAAS;EACpF,MAAM;EACN,QAAQ;EACR,SAAS;EACT,eAAe,SAAS,CAAC,MAAM;EAC/B,OACE,mBAAmB,QACf;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,OAAO;YAEN,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;GAAK,IAAI;GAAQ,WAAW,GAAG,YAAY,KAAK;GAAE,OAAO,cAAc;GAAM,GAAI;GAC/E;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 } 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"}

package/es/Checkbox/CheckboxGroup.d.mts

@@ -0,0 +1,8 @@
+import { CheckboxGroupProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Checkbox/CheckboxGroup.d.ts
+declare const CheckboxGroup: FC<CheckboxGroupProps>;
+//#endregion
+export { CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.d.mts.map

package/es/Checkbox/CheckboxGroup.mjs

@@ -0,0 +1,48 @@
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Checkbox_default from "./Checkbox.mjs";
+import { jsx } from "react/jsx-runtime";
+import useMergeState from "use-merge-value";
+
+//#region src/Checkbox/CheckboxGroup.tsx
+const CheckboxGroup = ({ defaultValue, disabled, onChange, options, textProps, value, shape, size, ...rest }) => {
+	const [selectedValues, setSelectedValues] = useMergeState(defaultValue || [], {
+		defaultValue,
+		onChange,
+		value
+	});
+	const handleChange = (optionValue, checked) => {
+		setSelectedValues(checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue));
+	};
+	const normalizedOptions = options.map((option) => {
+		if (typeof option === "string") return {
+			disabled: false,
+			label: option,
+			value: option
+		};
+		return option;
+	});
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		align: "center",
+		gap: 16,
+		horizontal: true,
+		wrap: "wrap",
+		...rest,
+		children: normalizedOptions.map((option) => {
+			return /* @__PURE__ */ jsx(Checkbox_default, {
+				checked: selectedValues.includes(option.value),
+				disabled: disabled || option.disabled,
+				onChange: (checked) => handleChange(option.value, checked),
+				shape,
+				size,
+				textProps,
+				children: option.label
+			}, String(option.value));
+		})
+	});
+};
+CheckboxGroup.displayName = "CheckboxGroup";
+var CheckboxGroup_default = CheckboxGroup;
+
+//#endregion
+export { CheckboxGroup_default as default };
+//# sourceMappingURL=CheckboxGroup.mjs.map

package/es/Checkbox/CheckboxGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.mjs","names":["CheckboxGroup: FC<CheckboxGroupProps>","Flexbox","Checkbox"],"sources":["../../src/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\n\nimport Checkbox from './Checkbox';\nimport type { CheckboxGroupProps } from './type';\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  defaultValue,\n  disabled,\n  onChange,\n  options,\n  textProps,\n  value,\n  shape,\n  size,\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useMergeState<string[]>(defaultValue || [], {\n    defaultValue,\n    onChange,\n    value,\n  });\n\n  const handleChange = (optionValue: string, checked: boolean) => {\n    const newValues = checked\n      ? [...selectedValues, optionValue]\n      : selectedValues.filter((v) => v !== optionValue);\n\n    setSelectedValues(newValues);\n  };\n\n  const normalizedOptions = options.map((option) => {\n    if (typeof option === 'string') {\n      return {\n        disabled: false,\n        label: option,\n        value: option,\n      };\n    }\n    return option;\n  });\n\n  return (\n    <Flexbox align={'center'} gap={16} horizontal wrap={'wrap'} {...rest}>\n      {normalizedOptions.map((option) => {\n        const isChecked = selectedValues.includes(option.value);\n        const isDisabled = disabled || option.disabled;\n\n        return (\n          <Checkbox\n            checked={isChecked}\n            disabled={isDisabled}\n            key={String(option.value)}\n            onChange={(checked) => handleChange(option.value, checked)}\n            shape={shape}\n            size={size}\n            textProps={textProps}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </Flexbox>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;AAQA,MAAMA,iBAAyC,EAC7C,cACA,UACA,UACA,SACA,WACA,OACA,OACA,MACA,GAAG,WACC;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,cAAwB,gBAAgB,EAAE,EAAE;EACtF;EACA;EACA;EACD,CAAC;CAEF,MAAM,gBAAgB,aAAqB,YAAqB;AAK9D,oBAJkB,UACd,CAAC,GAAG,gBAAgB,YAAY,GAChC,eAAe,QAAQ,MAAM,MAAM,YAAY,CAEvB;;CAG9B,MAAM,oBAAoB,QAAQ,KAAK,WAAW;AAChD,MAAI,OAAO,WAAW,SACpB,QAAO;GACL,UAAU;GACV,OAAO;GACP,OAAO;GACR;AAEH,SAAO;GACP;AAEF,QACE,oBAACC;EAAQ,OAAO;EAAU,KAAK;EAAI;EAAW,MAAM;EAAQ,GAAI;YAC7D,kBAAkB,KAAK,WAAW;AAIjC,UACE,oBAACC;IACC,SALc,eAAe,SAAS,OAAO,MAAM;IAMnD,UALe,YAAY,OAAO;IAOlC,WAAW,YAAY,aAAa,OAAO,OAAO,QAAQ;IACnD;IACD;IACK;cAEV,OAAO;MANH,OAAO,OAAO,MAAM,CAOhB;IAEb;GACM;;AAId,cAAc,cAAc;AAE5B,4BAAe"}

package/es/Checkbox/index.d.mts

@@ -1,3 +1,13 @@
-import { CheckboxProps } from "./type.mjs";
-import { Checkbox } from "./Checkbox.mjs";
-export { CheckboxProps, Checkbox as default };
+import { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps } from "./type.mjs";
+import { CheckboxGroup } from "./CheckboxGroup.mjs";
+import { ReactNode, RefAttributes } from "react";
+
+//#region src/Checkbox/index.d.ts
+interface ICheckbox {
+  (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;
+  Group: typeof CheckboxGroup;
+}
+declare const Checkbox: ICheckbox;
+//#endregion
+export { CheckboxGroup, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, Checkbox as default };
+//# sourceMappingURL=index.d.mts.map

package/es/Checkbox/index.mjs

@@ -1,3 +1,11 @@
-import Checkbox_default from "./Checkbox.mjs";
+import Checkbox_default$1 from "./Checkbox.mjs";
+import CheckboxGroup_default from "./CheckboxGroup.mjs";
 
-export { Checkbox_default as default };
+//#region src/Checkbox/index.ts
+const Checkbox = Checkbox_default$1;
+Checkbox.Group = CheckboxGroup_default;
+var Checkbox_default = Checkbox;
+
+//#endregion
+export { CheckboxGroup_default as CheckboxGroup, Checkbox_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/Checkbox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CheckboxParent","CheckboxGroup"],"sources":["../../src/Checkbox/index.ts"],"sourcesContent":["import { type ReactNode, RefAttributes } from 'react';\n\nimport CheckboxParent from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport { type CheckboxProps } from './type';\n\ninterface ICheckbox {\n  (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof CheckboxGroup;\n}\n\nconst Checkbox = CheckboxParent as unknown as ICheckbox;\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\nexport { default as CheckboxGroup } from './CheckboxGroup';\nexport type * from './type';\n"],"mappings":";;;;AAWA,MAAM,WAAWA;AACjB,SAAS,QAAQC;AAEjB,uBAAe"}

package/es/Checkbox/style.mjs

@@ -8,6 +8,16 @@ const useStyles = createStyles(({ css: css$1, token }) => {
       border-color: ${token.colorPrimary};
       color: ${readableColor(token.colorPrimary)};
       background-color: ${token.colorPrimary};
+    `,
+		disabled: css$1`
+      cursor: not-allowed;
+
+      border-color: ${token.colorFill};
+
+      color: ${readableColor(token.colorTextQuaternary)};
+
+      opacity: 0.25;
+      background-color: ${token.colorFill};
     `,
 		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    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,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    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"}

package/es/Checkbox/type.d.mts

@@ -1,13 +1,14 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { DivProps } from "../types/index.mjs";
 import { TextProps } from "../Text/type.mjs";
 import "../Text/index.mjs";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/Checkbox/type.d.ts
-interface CheckboxProps {
+interface CheckboxProps extends Omit<DivProps, 'onChange'> {
   backgroundColor?: string;
   checked?: boolean;
-  children?: ReactNode;
-  className?: string;
   classNames?: {
     checkbox?: string;
     text?: string;
@@ -18,7 +19,6 @@ interface CheckboxProps {
   onChange?: (checked: boolean) => void;
   shape?: 'square' | 'circle';
   size?: number;
-  style?: CSSProperties;
   styles?: {
     checkbox?: CSSProperties;
     text?: CSSProperties;
@@ -26,6 +26,21 @@ interface CheckboxProps {
   };
   textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
 }
+interface CheckboxGroupOption {
+  disabled?: boolean;
+  label: ReactNode;
+  value: string;
+}
+interface CheckboxGroupProps extends Omit<FlexboxProps, 'defaultValue' | 'onChange'> {
+  defaultValue?: string[];
+  disabled?: boolean;
+  onChange?: (value: string[]) => void;
+  options: string[] | CheckboxGroupOption[];
+  shape?: 'square' | 'circle';
+  size?: number;
+  textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
+  value?: string[];
+}
 //#endregion
-export { CheckboxProps };
+export { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps };
 //# sourceMappingURL=type.d.mts.map

package/es/CodeEditor/CodeEditor.d.mts

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

package/es/CopyButton/CopyButton.d.mts

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

package/es/FontLoader/index.d.mts

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

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

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react20 from "react";
+import * as react59 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react20.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react59.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 react21 from "react";
+import * as react58 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react21.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react58.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 react22 from "react";
+import * as react60 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react22.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react60.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map