@lobehub/ui 5.6.2 → 5.6.4

package/es/Burger/style.mjs

@@ -1,17 +1,16 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
-
 //#region src/Burger/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		container: css$1`
+		container: css`
       cursor: pointer;
-      width: ${cssVar$1.controlHeight};
-      height: ${cssVar$1.controlHeight};
-      border-radius: ${cssVar$1.borderRadius};
+      width: ${cssVar.controlHeight};
+      height: ${cssVar.controlHeight};
+      border-radius: ${cssVar.borderRadius};
     `,
-		drawer: css$1`
+		drawer: css`
       &.${prefixCls}-drawer-content {
         background: transparent;
       }
@@ -21,7 +20,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         flex-direction: column;
       }
     `,
-		drawerRoot: css$1`
+		drawerRoot: css`
       inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));
 
       :focus-visible {
@@ -31,7 +30,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       .${prefixCls}-drawer {
         &-mask {
           ${staticStylish.blur};
-          background-color: color-mix(in srgb, ${cssVar$1.colorBgLayout} 50%, transparent);
+          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
         }
 
         &-content-wrapper {
@@ -39,7 +38,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		drawerRootFullscreen: css$1`
+		drawerRootFullscreen: css`
       inset-block-start: 0;
 
       :focus-visible {
@@ -49,7 +48,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       .${prefixCls}-drawer {
         &-mask {
           ${staticStylish.blur};
-          background-color: color-mix(in srgb, ${cssVar$1.colorBgLayout} 50%, transparent);
+          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
         }
 
         &-content-wrapper {
@@ -57,12 +56,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		fillRect: css$1`
+		fillRect: css`
       flex: 1;
       width: 100%;
       border-block-start: none;
     `,
-		menu: css$1`
+		menu: css`
       padding-block-start: var(--burger-menu-padding-top, 0);
       border-inline-end: transparent !important;
       background: transparent;
@@ -74,8 +73,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         border-radius: 0;
 
         &:active {
-          color: ${cssVar$1.colorText};
-          background-color: ${cssVar$1.colorFill};
+          color: ${cssVar.colorText};
+          background-color: ${cssVar.colorFill};
         }
       }
 
@@ -86,7 +85,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       .${prefixCls}-menu-submenu-title[aria-expanded='true'] {
         a {
           font-weight: 600;
-          color: ${cssVar$1.colorText} !important;
+          color: ${cssVar.colorText} !important;
         }
       }
 
@@ -100,43 +99,43 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         text-transform: uppercase;
         white-space: nowrap;
 
-        background: ${cssVar$1.colorFillSecondary};
+        background: ${cssVar.colorFillSecondary};
       }
 
       .${prefixCls}-menu-item {
         width: calc(100% - 16px) !important;
         margin: 8px !important;
-        border-radius: ${cssVar$1.borderRadius};
+        border-radius: ${cssVar.borderRadius};
 
         &:hover,
         &:active {
-          color: ${cssVar$1.colorText} !important;
-          background: ${cssVar$1.colorFillSecondary} !important;
+          color: ${cssVar.colorText} !important;
+          background: ${cssVar.colorFillSecondary} !important;
         }
       }
 
       .${prefixCls}-menu-item-active {
         width: calc(100% - 16px) !important;
         margin: 8px !important;
-        border-radius: ${cssVar$1.borderRadius};
-        background: ${cssVar$1.colorFillSecondary};
+        border-radius: ${cssVar.borderRadius};
+        background: ${cssVar.colorFillSecondary};
       }
 
       .${prefixCls}-menu-item-selected {
         font-weight: 600;
-        color: ${cssVar$1.colorBgLayout};
-        background: ${cssVar$1.colorText};
+        color: ${cssVar.colorBgLayout};
+        background: ${cssVar.colorText};
 
         &:hover,
         &:active {
-          color: ${cssVar$1.colorBgLayout} !important;
-          background: ${cssVar$1.colorText} !important;
+          color: ${cssVar.colorBgLayout} !important;
+          background: ${cssVar.colorText} !important;
         }
       }
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Burger/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      cursor: pointer;\n      width: ${cssVar.controlHeight};\n      height: ${cssVar.controlHeight};\n      border-radius: ${cssVar.borderRadius};\n    `,\n    drawer: css`\n      &.${prefixCls}-drawer-content {\n        background: transparent;\n      }\n\n      .${prefixCls}-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    drawerRoot: css`\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n    drawerRootFullscreen: css`\n      inset-block-start: 0;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n\n    fillRect: css`\n      flex: 1;\n      width: 100%;\n      border-block-start: none;\n    `,\n\n    menu: css`\n      padding-block-start: var(--burger-menu-padding-top, 0);\n      border-inline-end: transparent !important;\n      background: transparent;\n\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-block-start: none;\n        border-radius: 0;\n\n        &:active {\n          color: ${cssVar.colorText};\n          background-color: ${cssVar.colorFill};\n        }\n      }\n\n      .${prefixCls}-menu-item-only-child:first-child {\n        border-block-start: none;\n      }\n\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ${cssVar.colorText} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        padding-block: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorText} !important;\n          background: ${cssVar.colorFillSecondary} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item-selected {\n        font-weight: 600;\n        color: ${cssVar.colorBgLayout};\n        background: ${cssVar.colorText};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorBgLayout} !important;\n          background: ${cssVar.colorText} !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,WAAW,KAAG;;eAEHA,SAAO,cAAc;gBACpBA,SAAO,cAAc;uBACdA,SAAO,aAAa;;EAEvC,QAAQ,KAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,KAAG;;;;;;;SAOV,UAAU;;YAEPC,cAAkB,KAAK;iDACcD,SAAO,cAAc;;;;;;;;EAQlE,sBAAsB,KAAG;;;;;;;SAOpB,UAAU;;YAEPC,cAAkB,KAAK;iDACcD,SAAO,cAAc;;;;;;;;EASlE,UAAU,KAAG;;;;;EAMb,MAAM,KAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtCA,SAAO,UAAU;8BACNA,SAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGAA,SAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUGA,SAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGMA,SAAO,aAAa;;;;mBAI1BA,SAAO,UAAU;wBACZA,SAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGMA,SAAO,aAAa;sBACvBA,SAAO,mBAAmB;;;SAGvC,UAAU;;iBAEFA,SAAO,cAAc;sBAChBA,SAAO,UAAU;;;;mBAIpBA,SAAO,cAAc;wBAChBA,SAAO,UAAU;;;;EAItC;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      cursor: pointer;\n      width: ${cssVar.controlHeight};\n      height: ${cssVar.controlHeight};\n      border-radius: ${cssVar.borderRadius};\n    `,\n    drawer: css`\n      &.${prefixCls}-drawer-content {\n        background: transparent;\n      }\n\n      .${prefixCls}-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    drawerRoot: css`\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n    drawerRootFullscreen: css`\n      inset-block-start: 0;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n\n    fillRect: css`\n      flex: 1;\n      width: 100%;\n      border-block-start: none;\n    `,\n\n    menu: css`\n      padding-block-start: var(--burger-menu-padding-top, 0);\n      border-inline-end: transparent !important;\n      background: transparent;\n\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-block-start: none;\n        border-radius: 0;\n\n        &:active {\n          color: ${cssVar.colorText};\n          background-color: ${cssVar.colorFill};\n        }\n      }\n\n      .${prefixCls}-menu-item-only-child:first-child {\n        border-block-start: none;\n      }\n\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ${cssVar.colorText} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        padding-block: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorText} !important;\n          background: ${cssVar.colorFillSecondary} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item-selected {\n        font-weight: 600;\n        color: ${cssVar.colorBgLayout};\n        background: ${cssVar.colorText};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorBgLayout} !important;\n          background: ${cssVar.colorText} !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,WAAW,GAAG;;eAEH,OAAO,cAAc;gBACpB,OAAO,cAAc;uBACd,OAAO,aAAa;;EAEvC,QAAQ,GAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,GAAG;;;;;;;SAOV,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EAQlE,sBAAsB,GAAG;;;;;;;SAOpB,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EASlE,UAAU,GAAG;;;;;EAMb,MAAM,GAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtC,OAAO,UAAU;8BACN,OAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGA,OAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUG,OAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGM,OAAO,aAAa;;;;mBAI1B,OAAO,UAAU;wBACZ,OAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGM,OAAO,aAAa;sBACvB,OAAO,mBAAmB;;;SAGvC,UAAU;;iBAEF,OAAO,cAAc;sBAChB,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;wBAChB,OAAO,UAAU;;;;EAItC;EACD"}

package/es/Burger/type.d.mts

@@ -1,5 +1,4 @@
 import { ActionIconProps } from "../ActionIcon/type.mjs";
-import "../ActionIcon/index.mjs";
 import { CSSProperties, Ref } from "react";
 import { DrawerProps, MenuProps } from "antd";
 

package/es/Button/Button.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Icon_default from "../Icon/Icon.mjs";
+"use client";
+import Icon from "../Icon/Icon.mjs";
 import { variants } from "./style.mjs";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "antd";
 import { cx, useThemeMode } from "antd-style";
 import { Loader2Icon } from "lucide-react";
-
 //#region src/Button/Button.tsx
 const Button$1 = ({ icon, variant, glass, shadow, loading, className, type, color, danger, children, iconProps, ref, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -22,12 +20,12 @@ const Button$1 = ({ icon, variant, glass, shadow, loading, className, type, colo
 			glass,
 			shadow
 		}), className),
-		icon: icon && (isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon_default, {
+		icon: icon && (isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
 			icon,
 			...iconProps,
 			size: iconProps?.size || { size: "1.2em" }
 		})),
-		loading: loading ? { icon: /* @__PURE__ */ jsx(Icon_default, {
+		loading: loading ? { icon: /* @__PURE__ */ jsx(Icon, {
 			icon: Loader2Icon,
 			...iconProps,
 			spin: true,
@@ -37,8 +35,7 @@ const Button$1 = ({ icon, variant, glass, shadow, loading, className, type, colo
 		children
 	});
 };
-var Button_default = Button$1;
-
 //#endregion
-export { Button_default as default };
+export { Button$1 as default };
+
 //# sourceMappingURL=Button.mjs.map

package/es/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["Button: FC<ButtonProps>","AntdButton","Icon","Button"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,iBAAiB,OAAO,SAAY,YAAY,aAAa,WAAW;AAE9E,QACE,oBAACC;EACC,OAAO,UAAU,mBAAmB,WAAW,YAAY;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;GACD,CAAC,EACF,UACD;EACD,MACE,SACC,eAAe,KAAK,GACnB,OAEA,oBAACC;GAAW;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;IAAI;EAGnF,SACE,UACI,EACE,MACE,oBAACA;GACC,MAAM;GACN,GAAI;GACJ;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;IAC1C,EAEL,GACD;EAEN,GAAI;EAEH;GACU;;AAIjB,qBAAeC"}
+{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAYA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,iBAAiB,OAAO,KAAA,IAAY,YAAY,aAAa,WAAW;AAE9E,QACE,oBAACC,QAAD;EACE,OAAO,UAAU,mBAAmB,WAAW,YAAY,KAAA;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;GACD,CAAC,EACF,UACD;EACD,MACE,SACC,eAAe,KAAK,GACnB,OAEA,oBAAC,MAAD;GAAY;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;GAAI,CAAA;EAGnF,SACE,UACI,EACE,MACE,oBAAC,MAAD;GACE,MAAM;GACN,GAAI;GACJ,MAAA;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;GAC1C,CAAA,EAEL,GACD;EAEN,GAAI;EAEH;EACU,CAAA"}

package/es/Button/index.mjs

@@ -1,3 +1,2 @@
-import Button_default from "./Button.mjs";
-
-export { Button_default as default };
+import Button from "./Button.mjs";
+export { Button as default };

package/es/Button/style.mjs

@@ -1,20 +1,19 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Button/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		glass: staticStylish.blur,
-		root: css$1`
+		root: css`
       &[class*='ant-btn'] {
         > [class*='ant-btn-icon'] {
           display: flex;
         }
       }
     `,
-		shadow: css$1`
-      box-shadow: ${cssVar$1.boxShadowTertiary} !important;
+		shadow: css`
+      box-shadow: ${cssVar.boxShadowTertiary} !important;
     `
 	};
 });
@@ -34,7 +33,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Button/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    glass: lobeStaticStylish.blur,\n    root: css`\n      &[class*='ant-btn'] {\n        > [class*='ant-btn-icon'] {\n          display: flex;\n        }\n      }\n    `,\n    shadow: css`\n      box-shadow: ${cssVar.boxShadowTertiary} !important;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n  },\n\n  variants: {\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,OAAOA,cAAkB;EACzB,MAAM,KAAG;;;;;;;EAOT,QAAQ,KAAG;oBACKC,SAAO,kBAAkB;;EAE1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;EACT;CAED,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    glass: lobeStaticStylish.blur,\n    root: css`\n      &[class*='ant-btn'] {\n        > [class*='ant-btn-icon'] {\n          display: flex;\n        }\n      }\n    `,\n    shadow: css`\n      box-shadow: ${cssVar.boxShadowTertiary} !important;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n  },\n\n  variants: {\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,OAAOA,cAAkB;EACzB,MAAM,GAAG;;;;;;;EAOT,QAAQ,GAAG;oBACK,OAAO,kBAAkB;;EAE1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;EACT;CAED,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Button/type.d.mts

@@ -1,5 +1,4 @@
 import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
 import { Ref } from "react";
 import { ButtonProps } from "antd";
 

package/es/Checkbox/Checkbox.mjs

@@ -1,12 +1,11 @@
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Block_default from "../Block/Block.mjs";
-import Text_default from "../Text/Text.mjs";
+import Block from "../Block/Block.mjs";
+import Text from "../Text/Text.mjs";
 import { styles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 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, indeterminate, ...rest }) => {
 	const [value, setValue] = useMergeState(defaultChecked || false, {
@@ -27,7 +26,7 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 	};
 	const isIndeterminate = indeterminate;
 	const isChecked = !isIndeterminate && value;
-	const checkIcon = /* @__PURE__ */ jsx(Block_default, {
+	const checkIcon = /* @__PURE__ */ jsx(Block, {
 		align: "center",
 		flex: "none",
 		height: size,
@@ -64,7 +63,7 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 			...customStyles?.wrapper
 		},
 		onClick: handleClick,
-		children: [checkIcon, /* @__PURE__ */ jsx(Text_default, {
+		children: [checkIcon, /* @__PURE__ */ jsx(Text, {
 			as: "span",
 			className: cx(classNames?.text),
 			style: customStyles?.text,
@@ -75,8 +74,7 @@ const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, sty
 	});
 };
 Checkbox.displayName = "Checkbox";
-var Checkbox_default = Checkbox;
-
 //#endregion
-export { Checkbox_default as default };
+export { Checkbox as default };
+
 //# sourceMappingURL=Checkbox.mjs.map

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 { cx } from 'antd-style';\nimport { CheckIcon, Minus } from 'lucide-react';\nimport type { CSSProperties, FC, MouseEvent } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { styles } 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 [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 = (e?: MouseEvent) => {\n    if (!disabled) {\n      e?.preventDefault();\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      flex={'none'}\n      height={size}\n      justify={'center'}\n      variant={'outlined'}\n      width={size}\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      style={\n        backgroundColor && (isChecked || isIndeterminate)\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      onClick={handleClick}\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      horizontal\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      style={{\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        userSelect: 'none',\n        ...customStyles?.wrapper,\n      }}\n      onClick={handleClick}\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":";;;;;;;;;;AAYA,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,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,eAAe,MAAmB;AACtC,MAAI,CAAC,UAAU;AACb,MAAG,gBAAgB;AACnB,YAAS,CAAC,MAAM;;;CAIpB,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAACC;EACC,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,SACb;EACD,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,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;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,EAAE;EACzB,OAAO;GACL,QAAQ,WAAW,gBAAgB;GACnC,YAAY;GACZ,GAAG,cAAc;GAClB;EACD,SAAS;aAER,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":["Flexbox"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { CheckIcon, Minus } from 'lucide-react';\nimport type { CSSProperties, FC, MouseEvent } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { styles } 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 [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 = (e?: MouseEvent) => {\n    if (!disabled) {\n      e?.preventDefault();\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      flex={'none'}\n      height={size}\n      justify={'center'}\n      variant={'outlined'}\n      width={size}\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      style={\n        backgroundColor && (isChecked || isIndeterminate)\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      onClick={handleClick}\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      horizontal\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      style={{\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        userSelect: 'none',\n        ...customStyles?.wrapper,\n      }}\n      onClick={handleClick}\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":";;;;;;;;;AAYA,MAAM,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,eACA,GAAG,WACC;CACJ,MAAM,CAAC,OAAO,YAAY,cAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;EACR,CAAC;CAEF,MAAM,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,EAAE,CAAC,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;EAClB;CAED,MAAM,eAAe,MAAmB;AACtC,MAAI,CAAC,UAAU;AACb,MAAG,gBAAgB;AACnB,YAAS,CAAC,MAAM;;;CAIpB,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAAC,OAAD;EACE,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,SACb;EACD,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,GAAI;YAEH,kBACC,oBAAC,OAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;GACD,CAAA,GACA,YACF,oBAAC,WAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;GACD,CAAA,GACA;EACE,CAAA;AAGV,KAAI,CAAC,SAAU,QAAO;AAEtB,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,EAAE;EACzB,OAAO;GACL,QAAQ,WAAW,gBAAgB;GACnC,YAAY;GACZ,GAAG,cAAc;GAClB;EACD,SAAS;YAVX,CAYG,WACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,GAAG,YAAY,KAAK;GAC/B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;GACI,CAAA,CACC;;;AAId,SAAS,cAAc"}

package/es/Checkbox/CheckboxGroup.mjs

@@ -1,8 +1,7 @@
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Checkbox_default from "./Checkbox.mjs";
+import Checkbox 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 || [], {
@@ -28,7 +27,7 @@ const CheckboxGroup = ({ defaultValue, disabled, onChange, options, textProps, v
 		wrap: "wrap",
 		...rest,
 		children: normalizedOptions.map((option) => {
-			return /* @__PURE__ */ jsx(Checkbox_default, {
+			return /* @__PURE__ */ jsx(Checkbox, {
 				checked: selectedValues.includes(option.value),
 				disabled: disabled || option.disabled,
 				shape,
@@ -41,8 +40,7 @@ const CheckboxGroup = ({ defaultValue, disabled, onChange, options, textProps, v
 	});
 };
 CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxGroup_default = CheckboxGroup;
-
 //#endregion
-export { CheckboxGroup_default as default };
+export { CheckboxGroup as default };
+
 //# sourceMappingURL=CheckboxGroup.mjs.map

package/es/Checkbox/CheckboxGroup.mjs.map

@@ -1 +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 horizontal align={'center'} gap={16} 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            shape={shape}\n            size={size}\n            textProps={textProps}\n            onChange={(checked) => handleChange(option.value, checked)}\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;EAAW,OAAO;EAAU,KAAK;EAAI,MAAM;EAAQ,GAAI;YAC7D,kBAAkB,KAAK,WAAW;AAIjC,UACE,oBAACC;IACC,SALc,eAAe,SAAS,OAAO,MAAM;IAMnD,UALe,YAAY,OAAO;IAO3B;IACD;IACK;IACX,WAAW,YAAY,aAAa,OAAO,OAAO,QAAQ;cAEzD,OAAO;MANH,OAAO,OAAO,MAAM,CAOhB;IAEb;GACM;;AAId,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"CheckboxGroup.mjs","names":["Flexbox"],"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 horizontal align={'center'} gap={16} 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            shape={shape}\n            size={size}\n            textProps={textProps}\n            onChange={(checked) => handleChange(option.value, checked)}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </Flexbox>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;AAQA,MAAM,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,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAI,MAAM;EAAQ,GAAI;YAC7D,kBAAkB,KAAK,WAAW;AAIjC,UACE,oBAAC,UAAD;IACE,SALc,eAAe,SAAS,OAAO,MAAM;IAMnD,UALe,YAAY,OAAO;IAO3B;IACD;IACK;IACX,WAAW,YAAY,aAAa,OAAO,OAAO,QAAQ;cAEzD,OAAO;IACC,EAPJ,OAAO,OAAO,MAAM,CAOhB;IAEb;EACM,CAAA;;AAId,cAAc,cAAc"}

package/es/Checkbox/index.mjs

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

package/es/Checkbox/index.mjs.map

@@ -1 +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"}
+{"version":3,"file":"index.mjs","names":["CheckboxParent"],"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,QAAQ"}

package/es/Checkbox/style.mjs

@@ -1,35 +1,34 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Checkbox/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		checked: css$1`
-      border-color: ${cssVar$1.colorPrimary};
-      color: ${cssVar$1.colorBgLayout};
-      background-color: ${cssVar$1.colorPrimary};
+		checked: css`
+      border-color: ${cssVar.colorPrimary};
+      color: ${cssVar.colorBgLayout};
+      background-color: ${cssVar.colorPrimary};
     `,
-		disabled: css$1`
+		disabled: css`
       cursor: not-allowed;
 
-      border-color: ${cssVar$1.colorFill};
+      border-color: ${cssVar.colorFill};
 
-      color: ${cssVar$1.colorText};
+      color: ${cssVar.colorText};
 
       opacity: 0.25;
-      background-color: ${cssVar$1.colorFill};
+      background-color: ${cssVar.colorFill};
     `,
-		indeterminate: css$1`
-      border-color: ${cssVar$1.colorPrimary};
-      color: ${cssVar$1.colorBgLayout};
-      background-color: ${cssVar$1.colorPrimary};
+		indeterminate: css`
+      border-color: ${cssVar.colorPrimary};
+      color: ${cssVar.colorBgLayout};
+      background-color: ${cssVar.colorPrimary};
     `,
-		root: css$1`
+		root: css`
       cursor: pointer;
       display: inline-flex;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Checkbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    checked: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background-color: ${cssVar.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;sBACMA,SAAO,aAAa;eAC3BA,SAAO,cAAc;0BACVA,SAAO,aAAa;;EAE1C,UAAU,KAAG;;;sBAGKA,SAAO,UAAU;;eAExBA,SAAO,UAAU;;;0BAGNA,SAAO,UAAU;;EAEvC,eAAe,KAAG;sBACAA,SAAO,aAAa;eAC3BA,SAAO,cAAc;0BACVA,SAAO,aAAa;;EAE1C,MAAM,KAAG;;;;EAIV;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    checked: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background-color: ${cssVar.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;sBACM,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,UAAU,GAAG;;;sBAGK,OAAO,UAAU;;eAExB,OAAO,UAAU;;;0BAGN,OAAO,UAAU;;EAEvC,eAAe,GAAG;sBACA,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,MAAM,GAAG;;;;EAIV;EACD"}

package/es/Checkbox/type.d.mts

@@ -1,8 +1,6 @@
 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

package/es/CodeDiff/CodeDiff.d.mts

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

package/es/CodeDiff/CodeDiff.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
-import { headerVariants, prefix, styles, variants } from "./style.mjs";
+import MaterialFileTypeIcon from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import { headerVariants, styles, variants } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { MultiFileDiff } from "@pierre/diffs/react";
-
 //#region src/CodeDiff/CodeDiff.tsx
 const countContentChanges = (oldContent, newContent) => {
 	const oldLines = oldContent.split("\n");
@@ -76,7 +74,7 @@ const CodeDiff = memo(({ oldContent, newContent, language, fileName, viewMode =
 				horizontal: true,
 				align: "center",
 				gap: 8,
-				children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon_default, {
+				children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon, {
 					filename: fileName || displayName,
 					size: 18,
 					type: "file"
@@ -98,7 +96,7 @@ const CodeDiff = memo(({ oldContent, newContent, language, fileName, viewMode =
 					})]
 				}), actions && /* @__PURE__ */ jsx(FlexBasic_default, {
 					align: "center",
-					className: cx(`${prefix}-actions`, styles.actions),
+					className: cx(`lobe-code-diff-actions`, styles.actions),
 					gap: 4,
 					children: actions
 				})]
@@ -115,8 +113,7 @@ const CodeDiff = memo(({ oldContent, newContent, language, fileName, viewMode =
 	});
 });
 CodeDiff.displayName = "CodeDiff";
-var CodeDiff_default = CodeDiff;
-
 //#endregion
-export { CodeDiff_default as default };
+export { CodeDiff as default };
+
 //# sourceMappingURL=CodeDiff.mjs.map

package/es/CodeDiff/CodeDiff.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.mjs","names":["Flexbox","MaterialFileTypeIcon"],"sources":["../../src/CodeDiff/CodeDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { MultiFileDiff } from '@pierre/diffs/react';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\n\nimport { headerVariants, prefix, styles, variants } from './style';\nimport type { CodeDiffProps } from './type';\n\nconst countContentChanges = (\n  oldContent: string,\n  newContent: string,\n): { additions: number; deletions: number } => {\n  const oldLines = oldContent.split('\\n');\n  const newLines = newContent.split('\\n');\n\n  const oldSet = new Set(oldLines);\n  const newSet = new Set(newLines);\n\n  let deletions = 0;\n  let additions = 0;\n\n  for (const line of oldLines) {\n    if (!newSet.has(line)) {\n      deletions++;\n    }\n  }\n\n  for (const line of newLines) {\n    if (!oldSet.has(line)) {\n      additions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const CodeDiff = memo<CodeDiffProps>(\n  ({\n    oldContent,\n    newContent,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      if (language) return language;\n      return 'diff';\n    }, [fileName, language]);\n\n    const { additions, deletions } = useMemo(\n      () => countContentChanges(oldContent, newContent),\n      [oldContent, newContent],\n    );\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        newContent,\n        oldContent,\n        originalNode: null,\n      });\n    }, [actionsRender, oldContent, newContent]);\n\n    const oldFile = useMemo(\n      () => ({\n        contents: oldContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [oldContent, language, fileName],\n    );\n\n    const newFile = useMemo(\n      () => ({\n        contents: newContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [newContent, language, fileName],\n    );\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => ({\n        diffStyle: viewMode,\n        disableFileHeader: true,\n        ...diffOptions,\n      }),\n      [viewMode, diffOptions],\n    );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type=\"code-diff\"\n        {...rest}\n      >\n        {showHeader && (\n          <div\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            style={customStyles?.header}\n          >\n            <Flexbox horizontal align=\"center\" gap={8}>\n              <MaterialFileTypeIcon filename={fileName || displayName} size={18} type=\"file\" />\n              <span>{displayName}</span>\n            </Flexbox>\n            <Flexbox horizontal align=\"center\" gap={8}>\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox horizontal className={styles.stats} gap={8}>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              {actions && (\n                <Flexbox align=\"center\" className={cx(`${prefix}-actions`, styles.actions)} gap={4}>\n                  {actions}\n                </Flexbox>\n              )}\n            </Flexbox>\n          </div>\n        )}\n        <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n          <MultiFileDiff newFile={newFile} oldFile={oldFile} options={options} />\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nCodeDiff.displayName = 'CodeDiff';\n\nexport default CodeDiff;\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,uBACJ,YACA,eAC6C;CAC7C,MAAM,WAAW,WAAW,MAAM,KAAK;CACvC,MAAM,WAAW,WAAW,MAAM,KAAK;CAEvC,MAAM,SAAS,IAAI,IAAI,SAAS;CAChC,MAAM,SAAS,IAAI,IAAI,SAAS;CAEhC,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAa,WAAW,MACrB,EACC,YACA,YACA,UACA,UACA,WAAW,SACX,aAAa,MACb,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,MAAI,SAAU,QAAO;AACrB,SAAO;IACN,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,EAAE,WAAW,cAAc,cACzB,oBAAoB,YAAY,WAAW,EACjD,CAAC,YAAY,WAAW,CACzB;CAED,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAY;EAAW,CAAC;CAE3C,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,WAAW;EACX,mBAAmB;EACnB,GAAG;EACJ,GACD,CAAC,UAAU,YAAY,CACxB;AAED,QACE,qBAACA;EACC,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAe;EACf,GAAI;aAEH,cACC,qBAAC;GACC,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,OAAO,cAAc;cAErB,qBAACA;IAAQ;IAAW,OAAM;IAAS,KAAK;eACtC,oBAACC;KAAqB,UAAU,YAAY;KAAa,MAAM;KAAI,MAAK;MAAS,EACjF,oBAAC,oBAAM,cAAmB;KAClB,EACV,qBAACD;IAAQ;IAAW,OAAM;IAAS,KAAK;gBACpC,YAAY,KAAK,YAAY,MAC7B,qBAACA;KAAQ;KAAW,WAAW,OAAO;KAAO,KAAK;gBAC/C,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB,EACvE,YAAY,KAAK,qBAAC;MAAK,WAAW,OAAO;iBAAW,KAAE;OAAiB;MAChE,EAEX,WACC,oBAACA;KAAQ,OAAM;KAAS,WAAW,GAAG,GAAG,OAAO,WAAW,OAAO,QAAQ;KAAE,KAAK;eAC9E;MACO;KAEJ;IACN,EAER,oBAAC;GAAI,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAAE,OAAO,cAAc;aACtE,oBAAC;IAAuB;IAAkB;IAAkB;KAAW;IACnE;GACE;EAGf;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"CodeDiff.mjs","names":["Flexbox"],"sources":["../../src/CodeDiff/CodeDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { MultiFileDiff } from '@pierre/diffs/react';\nimport { cx } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\n\nimport { headerVariants, prefix, styles, variants } from './style';\nimport type { CodeDiffProps } from './type';\n\nconst countContentChanges = (\n  oldContent: string,\n  newContent: string,\n): { additions: number; deletions: number } => {\n  const oldLines = oldContent.split('\\n');\n  const newLines = newContent.split('\\n');\n\n  const oldSet = new Set(oldLines);\n  const newSet = new Set(newLines);\n\n  let deletions = 0;\n  let additions = 0;\n\n  for (const line of oldLines) {\n    if (!newSet.has(line)) {\n      deletions++;\n    }\n  }\n\n  for (const line of newLines) {\n    if (!oldSet.has(line)) {\n      additions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const CodeDiff = memo<CodeDiffProps>(\n  ({\n    oldContent,\n    newContent,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      if (language) return language;\n      return 'diff';\n    }, [fileName, language]);\n\n    const { additions, deletions } = useMemo(\n      () => countContentChanges(oldContent, newContent),\n      [oldContent, newContent],\n    );\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        newContent,\n        oldContent,\n        originalNode: null,\n      });\n    }, [actionsRender, oldContent, newContent]);\n\n    const oldFile = useMemo(\n      () => ({\n        contents: oldContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [oldContent, language, fileName],\n    );\n\n    const newFile = useMemo(\n      () => ({\n        contents: newContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [newContent, language, fileName],\n    );\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => ({\n        diffStyle: viewMode,\n        disableFileHeader: true,\n        ...diffOptions,\n      }),\n      [viewMode, diffOptions],\n    );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type=\"code-diff\"\n        {...rest}\n      >\n        {showHeader && (\n          <div\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            style={customStyles?.header}\n          >\n            <Flexbox horizontal align=\"center\" gap={8}>\n              <MaterialFileTypeIcon filename={fileName || displayName} size={18} type=\"file\" />\n              <span>{displayName}</span>\n            </Flexbox>\n            <Flexbox horizontal align=\"center\" gap={8}>\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox horizontal className={styles.stats} gap={8}>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              {actions && (\n                <Flexbox align=\"center\" className={cx(`${prefix}-actions`, styles.actions)} gap={4}>\n                  {actions}\n                </Flexbox>\n              )}\n            </Flexbox>\n          </div>\n        )}\n        <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n          <MultiFileDiff newFile={newFile} oldFile={oldFile} options={options} />\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nCodeDiff.displayName = 'CodeDiff';\n\nexport default CodeDiff;\n"],"mappings":";;;;;;;;;AAaA,MAAM,uBACJ,YACA,eAC6C;CAC7C,MAAM,WAAW,WAAW,MAAM,KAAK;CACvC,MAAM,WAAW,WAAW,MAAM,KAAK;CAEvC,MAAM,SAAS,IAAI,IAAI,SAAS;CAChC,MAAM,SAAS,IAAI,IAAI,SAAS;CAEhC,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAa,WAAW,MACrB,EACC,YACA,YACA,UACA,UACA,WAAW,SACX,aAAa,MACb,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,MAAI,SAAU,QAAO;AACrB,SAAO;IACN,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,EAAE,WAAW,cAAc,cACzB,oBAAoB,YAAY,WAAW,EACjD,CAAC,YAAY,WAAW,CACzB;CAED,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAY;EAAW,CAAC;CAE3C,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;CAED,MAAM,UAAU,eACP;EACL,WAAW;EACX,mBAAmB;EACnB,GAAG;EACJ,GACD,CAAC,UAAU,YAAY,CACxB;AAED,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAe;EACf,GAAI;YAHN,CAKG,cACC,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,OAAO,cAAc;aAFvB,CAIE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,KAAK;cAAxC,CACE,oBAAC,sBAAD;KAAsB,UAAU,YAAY;KAAa,MAAM;KAAI,MAAK;KAAS,CAAA,EACjF,oBAAC,QAAD,EAAA,UAAO,aAAmB,CAAA,CAClB;OACV,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,KAAK;cAAxC,EACI,YAAY,KAAK,YAAY,MAC7B,qBAACA,mBAAD;KAAS,YAAA;KAAW,WAAW,OAAO;KAAO,KAAK;eAAlD,CACG,YAAY,KAAK,qBAAC,QAAD;MAAM,WAAW,OAAO;gBAAxB,CAAmC,KAAE,UAAiB;SACvE,YAAY,KAAK,qBAAC,QAAD;MAAM,WAAW,OAAO;gBAAxB,CAAmC,KAAE,UAAiB;QAChE;QAEX,WACC,oBAACA,mBAAD;KAAS,OAAM;KAAS,WAAW,GAAG,0BAAqB,OAAO,QAAQ;KAAE,KAAK;eAC9E;KACO,CAAA,CAEJ;MACN;MAER,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;GAAE,OAAO,cAAc;aACtE,oBAAC,eAAD;IAAwB;IAAkB;IAAkB;IAAW,CAAA;GACnE,CAAA,CACE;;EAGf;AAED,SAAS,cAAc"}

package/es/CodeDiff/PatchDiff.d.mts

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