@lobehub/ui 5.6.2 → 5.6.4

package/es/Image/style.mjs

@@ -1,12 +1,11 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/Image/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		actionsHidden: css$1`
+		actionsHidden: css`
       cursor: pointer;
 
       position: absolute;
@@ -16,7 +15,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 
       opacity: 0;
     `,
-		actionsVisible: css$1`
+		actionsVisible: css`
       cursor: pointer;
 
       position: absolute;
@@ -27,11 +26,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       opacity: 1;
     `,
 		borderless: staticStylish.variantBorderlessWithoutHover,
-		filled: css$1`
+		filled: css`
       ${staticStylish.variantOutlinedWithoutHover};
       ${staticStylish.variantFilledWithoutHover};
     `,
-		image: css$1`
+		image: css`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -39,31 +38,31 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       width: auto;
       height: auto;
     `,
-		mask: css$1`
+		mask: css`
       ${staticStylish.blur};
       backdrop-filter: blur(8px);
     `,
 		outlined: staticStylish.variantOutlinedWithoutHover,
-		preview: css$1`
+		preview: css`
       .${prefixCls}-image-preview-mask {
-        background: color-mix(in srgb, ${cssVar$1.colorBgLayout} 90%, transparent);
+        background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);
       }
 
       .${prefixCls}-image-preview-close {
-        color: ${cssVar$1.colorTextDescription};
-        background: ${cssVar$1.colorBgContainer};
-        box-shadow: ${cssVar$1.boxShadowTertiary};
+        color: ${cssVar.colorTextDescription};
+        background: ${cssVar.colorBgContainer};
+        box-shadow: ${cssVar.boxShadowTertiary};
 
         svg {
-          stroke: ${cssVar$1.colorTextDescription};
+          stroke: ${cssVar.colorTextDescription};
         }
 
         &:hover {
-          color: ${cssVar$1.colorText};
-          background: ${cssVar$1.colorBgContainer};
+          color: ${cssVar.colorText};
+          background: ${cssVar.colorBgContainer};
 
           svg {
-            stroke: ${cssVar$1.colorText};
+            stroke: ${cssVar.colorText};
           }
         }
       }
@@ -81,18 +80,18 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         height: 32px;
         padding: 0;
 
-        color: ${cssVar$1.colorTextDescription};
+        color: ${cssVar.colorTextDescription};
 
-        background: ${cssVar$1.colorBgContainer};
-        box-shadow: ${cssVar$1.boxShadowTertiary};
+        background: ${cssVar.colorBgContainer};
+        box-shadow: ${cssVar.boxShadowTertiary};
 
         svg {
           transform: scale(0.75);
         }
 
         &:hover {
-          color: ${cssVar$1.colorText};
-          background: ${cssVar$1.colorBgContainer};
+          color: ${cssVar.colorText};
+          background: ${cssVar.colorBgContainer};
         }
       }
 
@@ -101,14 +100,14 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       }
 
       .ant-image-preview-progress {
-        color: ${cssVar$1.colorTextDescription};
+        color: ${cssVar.colorTextDescription};
       }
 
       img {
         min-width: 100%;
       }
     `,
-		root: css$1`
+		root: css`
       cursor: pointer;
       user-select: none;
 
@@ -117,7 +116,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       overflow: hidden;
 
       width: fit-content;
-      border-radius: ${cssVar$1.borderRadius};
+      border-radius: ${cssVar.borderRadius};
 
       line-height: 1;
 
@@ -131,13 +130,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		toolbar: css$1`
+		toolbar: css`
       ${staticStylish.variantOutlinedWithoutHover};
       padding: 4px;
-      border-color: ${cssVar$1.colorFillTertiary};
-      border-radius: ${cssVar$1.borderRadiusLG};
+      border-color: ${cssVar.colorFillTertiary};
+      border-radius: ${cssVar.borderRadiusLG};
     `,
-		wrapper: css$1`
+		wrapper: css`
       position: relative;
       overflow: hidden;
       max-width: 100%;
@@ -155,7 +154,7 @@ const variants = cva(styles.root, {
 });
 const FALLBACK_DARK = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjM0IzQjNCIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 const FALLBACK_LIGHT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjRUNFQ0VDIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
-
 //#endregion
 export { FALLBACK_DARK, FALLBACK_LIGHT, styles, variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Image/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Image/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actionsHidden: css`\n      cursor: pointer;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      opacity: 0;\n    `,\n    actionsVisible: css`\n      cursor: pointer;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      opacity: 1;\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: css`\n      ${lobeStaticStylish.variantOutlinedWithoutHover};\n      ${lobeStaticStylish.variantFilledWithoutHover};\n    `,\n    image: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: auto;\n      height: auto;\n    `,\n    mask: css`\n      ${lobeStaticStylish.blur};\n      backdrop-filter: blur(8px);\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    preview: css`\n      .${prefixCls}-image-preview-mask {\n        background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n      }\n\n      .${prefixCls}-image-preview-close {\n        color: ${cssVar.colorTextDescription};\n        background: ${cssVar.colorBgContainer};\n        box-shadow: ${cssVar.boxShadowTertiary};\n\n        svg {\n          stroke: ${cssVar.colorTextDescription};\n        }\n\n        &:hover {\n          color: ${cssVar.colorText};\n          background: ${cssVar.colorBgContainer};\n\n          svg {\n            stroke: ${cssVar.colorText};\n          }\n        }\n      }\n\n      .${prefixCls}-image-preview-img {\n        width: 100%;\n      }\n\n      .${prefixCls}-image-preview-switch {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: 32px;\n        height: 32px;\n        padding: 0;\n\n        color: ${cssVar.colorTextDescription};\n\n        background: ${cssVar.colorBgContainer};\n        box-shadow: ${cssVar.boxShadowTertiary};\n\n        svg {\n          transform: scale(0.75);\n        }\n\n        &:hover {\n          color: ${cssVar.colorText};\n          background: ${cssVar.colorBgContainer};\n        }\n      }\n\n      .${prefixCls}-image-preview-switch-disabled {\n        display: none;\n      }\n\n      .ant-image-preview-progress {\n        color: ${cssVar.colorTextDescription};\n      }\n\n      img {\n        min-width: 100%;\n      }\n    `,\n    root: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      width: fit-content;\n      border-radius: ${cssVar.borderRadius};\n\n      line-height: 1;\n\n      .${prefixCls}-image-cover {\n        display: none !important;\n      }\n\n      &:hover {\n        .actions-hidden {\n          opacity: 1;\n        }\n      }\n    `,\n    toolbar: css`\n      ${lobeStaticStylish.variantOutlinedWithoutHover};\n      padding: 4px;\n      border-color: ${cssVar.colorFillTertiary};\n      border-radius: ${cssVar.borderRadiusLG};\n    `,\n\n    wrapper: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      height: auto;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const FALLBACK_DARK =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjM0IzQjNCIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';\nexport const FALLBACK_LIGHT =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjRUNFQ0VDIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,eAAe,KAAG;;;;;;;;;;EAUlB,gBAAgB,KAAG;;;;;;;;;;EAUnB,YAAYA,cAAkB;EAC9B,QAAQ,KAAG;QACPA,cAAkB,4BAA4B;QAC9CA,cAAkB,0BAA0B;;EAEhD,OAAO,KAAG;;;;;;;;EAQV,MAAM,KAAG;QACLA,cAAkB,KAAK;;;EAG3B,UAAUA,cAAkB;EAC5B,SAAS,KAAG;SACP,UAAU;yCACsBC,SAAO,cAAc;;;SAGrD,UAAU;iBACFA,SAAO,qBAAqB;sBACvBA,SAAO,iBAAiB;sBACxBA,SAAO,kBAAkB;;;oBAG3BA,SAAO,qBAAqB;;;;mBAI7BA,SAAO,UAAU;wBACZA,SAAO,iBAAiB;;;sBAG1BA,SAAO,UAAU;;;;;SAK9B,UAAU;;;;SAIV,UAAU;;;;;;;;;iBASFA,SAAO,qBAAqB;;sBAEvBA,SAAO,iBAAiB;sBACxBA,SAAO,kBAAkB;;;;;;;mBAO5BA,SAAO,UAAU;wBACZA,SAAO,iBAAiB;;;;SAIvC,UAAU;;;;;iBAKFA,SAAO,qBAAqB;;;;;;;EAOzC,MAAM,KAAG;;;;;;;;;uBASUA,SAAO,aAAa;;;;SAIlC,UAAU;;;;;;;;;;EAUf,SAAS,KAAG;QACRD,cAAkB,4BAA4B;;sBAEhCC,SAAO,kBAAkB;uBACxBA,SAAO,eAAe;;EAGzC,SAAS,KAAG;;;;;;EAMb;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,gBACX;AACF,MAAa,iBACX"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Image/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actionsHidden: css`\n      cursor: pointer;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      opacity: 0;\n    `,\n    actionsVisible: css`\n      cursor: pointer;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      opacity: 1;\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: css`\n      ${lobeStaticStylish.variantOutlinedWithoutHover};\n      ${lobeStaticStylish.variantFilledWithoutHover};\n    `,\n    image: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: auto;\n      height: auto;\n    `,\n    mask: css`\n      ${lobeStaticStylish.blur};\n      backdrop-filter: blur(8px);\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    preview: css`\n      .${prefixCls}-image-preview-mask {\n        background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n      }\n\n      .${prefixCls}-image-preview-close {\n        color: ${cssVar.colorTextDescription};\n        background: ${cssVar.colorBgContainer};\n        box-shadow: ${cssVar.boxShadowTertiary};\n\n        svg {\n          stroke: ${cssVar.colorTextDescription};\n        }\n\n        &:hover {\n          color: ${cssVar.colorText};\n          background: ${cssVar.colorBgContainer};\n\n          svg {\n            stroke: ${cssVar.colorText};\n          }\n        }\n      }\n\n      .${prefixCls}-image-preview-img {\n        width: 100%;\n      }\n\n      .${prefixCls}-image-preview-switch {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: 32px;\n        height: 32px;\n        padding: 0;\n\n        color: ${cssVar.colorTextDescription};\n\n        background: ${cssVar.colorBgContainer};\n        box-shadow: ${cssVar.boxShadowTertiary};\n\n        svg {\n          transform: scale(0.75);\n        }\n\n        &:hover {\n          color: ${cssVar.colorText};\n          background: ${cssVar.colorBgContainer};\n        }\n      }\n\n      .${prefixCls}-image-preview-switch-disabled {\n        display: none;\n      }\n\n      .ant-image-preview-progress {\n        color: ${cssVar.colorTextDescription};\n      }\n\n      img {\n        min-width: 100%;\n      }\n    `,\n    root: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      width: fit-content;\n      border-radius: ${cssVar.borderRadius};\n\n      line-height: 1;\n\n      .${prefixCls}-image-cover {\n        display: none !important;\n      }\n\n      &:hover {\n        .actions-hidden {\n          opacity: 1;\n        }\n      }\n    `,\n    toolbar: css`\n      ${lobeStaticStylish.variantOutlinedWithoutHover};\n      padding: 4px;\n      border-color: ${cssVar.colorFillTertiary};\n      border-radius: ${cssVar.borderRadiusLG};\n    `,\n\n    wrapper: css`\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n      height: auto;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const FALLBACK_DARK =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjM0IzQjNCIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjNjI2MjYyIiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';\nexport const FALLBACK_LIGHT =\n  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSIjRUNFQ0VDIi8+CjxwYXRoIGQ9Ik0xNTYuODg4IDkxLjAwMkgxMDAuMTEyQzk1LjYzMjkgOTEuMDAyIDkyLjAwMTUgOTQuNjMzNCA5Mi4wMDE1IDk5LjExMjdWMTU1Ljg4OEM5Mi4wMDE1IDE2MC4zNjcgOTUuNjMyOSAxNjMuOTk5IDEwMC4xMTIgMTYzLjk5OUgxNTYuODg4QzE2MS4zNjcgMTYzLjk5OSAxNjQuOTk4IDE2MC4zNjcgMTY0Ljk5OCAxNTUuODg4Vjk5LjExMjdDMTY0Ljk5OCA5NC42MzM0IDE2MS4zNjcgOTEuMDAyIDE1Ni44ODggOTEuMDAyWiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTY0Ljk5OCAxMzkuNjY4TDE1Mi40ODQgMTI3LjE1M0MxNTAuOTYyIDEyNS42MzIgMTQ4LjkgMTI0Ljc3OCAxNDYuNzQ5IDEyNC43NzhDMTQ0LjU5OSAxMjQuNzc4IDE0Mi41MzYgMTI1LjYzMiAxNDEuMDE1IDEyNy4xNTNMMTA0LjE2OCAxNjRNMTE2LjMzNCAxMjMuNDQ1QzEyMC44MTMgMTIzLjQ0NSAxMjQuNDQ1IDExOS44MTQgMTI0LjQ0NSAxMTUuMzM0QzEyNC40NDUgMTEwLjg1NSAxMjAuODEzIDEwNy4yMjQgMTE2LjMzNCAxMDcuMjI0QzExMS44NTUgMTA3LjIyNCAxMDguMjIzIDExMC44NTUgMTA4LjIyMyAxMTUuMzM0QzEwOC4yMjMgMTE5LjgxNCAxMTEuODU1IDEyMy40NDUgMTE2LjMzNCAxMjMuNDQ1WiIgc3Ryb2tlPSIjRDdEN0Q3IiBzdHJva2Utd2lkdGg9IjguMTEwNzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,eAAe,GAAG;;;;;;;;;;EAUlB,gBAAgB,GAAG;;;;;;;;;;EAUnB,YAAYA,cAAkB;EAC9B,QAAQ,GAAG;QACPA,cAAkB,4BAA4B;QAC9CA,cAAkB,0BAA0B;;EAEhD,OAAO,GAAG;;;;;;;;EAQV,MAAM,GAAG;QACLA,cAAkB,KAAK;;;EAG3B,UAAUA,cAAkB;EAC5B,SAAS,GAAG;SACP,UAAU;yCACsB,OAAO,cAAc;;;SAGrD,UAAU;iBACF,OAAO,qBAAqB;sBACvB,OAAO,iBAAiB;sBACxB,OAAO,kBAAkB;;;oBAG3B,OAAO,qBAAqB;;;;mBAI7B,OAAO,UAAU;wBACZ,OAAO,iBAAiB;;;sBAG1B,OAAO,UAAU;;;;;SAK9B,UAAU;;;;SAIV,UAAU;;;;;;;;;iBASF,OAAO,qBAAqB;;sBAEvB,OAAO,iBAAiB;sBACxB,OAAO,kBAAkB;;;;;;;mBAO5B,OAAO,UAAU;wBACZ,OAAO,iBAAiB;;;;SAIvC,UAAU;;;;;iBAKF,OAAO,qBAAqB;;;;;;;EAOzC,MAAM,GAAG;;;;;;;;;uBASU,OAAO,aAAa;;;;SAIlC,UAAU;;;;;;;;;;EAUf,SAAS,GAAG;QACRA,cAAkB,4BAA4B;;sBAEhC,OAAO,kBAAkB;uBACxB,OAAO,eAAe;;EAGzC,SAAS,GAAG;;;;;;EAMb;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,gBACX;AACF,MAAa,iBACX"}

package/es/Image/type.d.mts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode, Ref } from "react";
 import { ImageProps } from "antd";
-import { PreviewConfig } from "antd/es/image";
-import { GroupPreviewConfig } from "antd/es/image/PreviewGroup";
+import { PreviewConfig } from "antd/es/image/index.js";
+import { GroupPreviewConfig } from "antd/es/image/PreviewGroup.js";
 
 //#region src/Image/type.d.ts
 interface PreviewGroupPreviewOptions extends GroupPreviewConfig {

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/ImageSelect/ImageSelect.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import Img_default from "../Img/index.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Img from "../Img/index.mjs";
 import { styles } from "./styles.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
-
 //#region src/ImageSelect/ImageSelect.tsx
 const ImageSelect = memo(({ ref, className, style, value, defaultValue, onChange, options, width = 144, height = 86, styles: customStyles, classNames, unoptimized, ...rest }) => {
 	const [currentValue, setCurrentValue] = useMergeState(defaultValue, {
@@ -30,7 +28,7 @@ const ImageSelect = memo(({ ref, className, style, value, defaultValue, onChange
 				className: cx(styles.container, isActive && styles.active),
 				gap: 4,
 				onClick: () => setCurrentValue(item.value),
-				children: [/* @__PURE__ */ jsx(Img_default, {
+				children: [/* @__PURE__ */ jsx(Img, {
 					alt: item.alt || item.value,
 					className: cx(styles.img, isActive && styles.imgActive, classNames?.img),
 					height,
@@ -46,15 +44,14 @@ const ImageSelect = memo(({ ref, className, style, value, defaultValue, onChange
 					horizontal: true,
 					align: "center",
 					gap: 4,
-					children: [item.icon && /* @__PURE__ */ jsx(Icon_default, { icon: item.icon }), item.label]
+					children: [item.icon && /* @__PURE__ */ jsx(Icon, { icon: item.icon }), item.label]
 				})]
 			}, item.value);
 		})
 	});
 });
 ImageSelect.displayName = "ImageSelect";
-var ImageSelect_default = ImageSelect;
-
 //#endregion
-export { ImageSelect_default as default };
+export { ImageSelect as default };
+
 //# sourceMappingURL=ImageSelect.mjs.map

package/es/ImageSelect/ImageSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageSelect.mjs","names":["useControlledState","Flexbox","Img","Icon"],"sources":["../../src/ImageSelect/ImageSelect.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\n\nimport { styles } from './styles';\nimport type { ImageSelectProps } from './type';\n\nconst ImageSelect = memo<ImageSelectProps>(\n  ({\n    ref,\n    className,\n    style,\n    value,\n    defaultValue,\n    onChange,\n    options,\n    width = 144,\n    height = 86,\n    styles: customStyles,\n    classNames,\n    unoptimized,\n    ...rest\n  }) => {\n    const [currentValue, setCurrentValue] = useControlledState<string>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n\n    return (\n      <Flexbox horizontal className={className} gap={16} ref={ref} style={style} {...rest}>\n        {options?.map((item) => {\n          const isActive = item.value === currentValue;\n          return (\n            <Flexbox\n              align={'center'}\n              className={cx(styles.container, isActive && styles.active)}\n              gap={4}\n              key={item.value}\n              onClick={() => setCurrentValue(item.value)}\n            >\n              <Img\n                alt={item.alt || item.value}\n                className={cx(styles.img, isActive && styles.imgActive, classNames?.img)}\n                height={height}\n                src={item.img}\n                unoptimized={unoptimized}\n                width={width}\n                style={{\n                  ...customStyles?.img,\n                  height,\n                  width,\n                }}\n              />\n\n              <Flexbox horizontal align={'center'} gap={4}>\n                {item.icon && <Icon icon={item.icon} />}\n                {item.label}\n              </Flexbox>\n            </Flexbox>\n          );\n        })}\n      </Flexbox>\n    );\n  },\n);\n\nImageSelect.displayName = 'ImageSelect';\n\nexport default ImageSelect;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,cAAc,MACjB,EACC,KACA,WACA,OACA,OACA,cACA,UACA,SACA,QAAQ,KACR,SAAS,IACT,QAAQ,cACR,YACA,aACA,GAAG,WACC;CACJ,MAAM,CAAC,cAAc,mBAAmBA,cAA2B,cAAc;EAC/E;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAACC;EAAQ;EAAsB;EAAW,KAAK;EAAS;EAAY;EAAO,GAAI;YAC5E,SAAS,KAAK,SAAS;GACtB,MAAM,WAAW,KAAK,UAAU;AAChC,UACE,qBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,WAAW,YAAY,OAAO,OAAO;IAC1D,KAAK;IAEL,eAAe,gBAAgB,KAAK,MAAM;eAE1C,oBAACC;KACC,KAAK,KAAK,OAAO,KAAK;KACtB,WAAW,GAAG,OAAO,KAAK,YAAY,OAAO,WAAW,YAAY,IAAI;KAChE;KACR,KAAK,KAAK;KACG;KACN;KACP,OAAO;MACL,GAAG,cAAc;MACjB;MACA;MACD;MACD,EAEF,qBAACD;KAAQ;KAAW,OAAO;KAAU,KAAK;gBACvC,KAAK,QAAQ,oBAACE,gBAAK,MAAM,KAAK,OAAQ,EACtC,KAAK;MACE;MApBL,KAAK,MAqBF;IAEZ;GACM;EAGf;AAED,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"ImageSelect.mjs","names":["useControlledState","Flexbox"],"sources":["../../src/ImageSelect/ImageSelect.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\n\nimport { styles } from './styles';\nimport type { ImageSelectProps } from './type';\n\nconst ImageSelect = memo<ImageSelectProps>(\n  ({\n    ref,\n    className,\n    style,\n    value,\n    defaultValue,\n    onChange,\n    options,\n    width = 144,\n    height = 86,\n    styles: customStyles,\n    classNames,\n    unoptimized,\n    ...rest\n  }) => {\n    const [currentValue, setCurrentValue] = useControlledState<string>(defaultValue, {\n      defaultValue,\n      onChange,\n      value,\n    });\n\n    return (\n      <Flexbox horizontal className={className} gap={16} ref={ref} style={style} {...rest}>\n        {options?.map((item) => {\n          const isActive = item.value === currentValue;\n          return (\n            <Flexbox\n              align={'center'}\n              className={cx(styles.container, isActive && styles.active)}\n              gap={4}\n              key={item.value}\n              onClick={() => setCurrentValue(item.value)}\n            >\n              <Img\n                alt={item.alt || item.value}\n                className={cx(styles.img, isActive && styles.imgActive, classNames?.img)}\n                height={height}\n                src={item.img}\n                unoptimized={unoptimized}\n                width={width}\n                style={{\n                  ...customStyles?.img,\n                  height,\n                  width,\n                }}\n              />\n\n              <Flexbox horizontal align={'center'} gap={4}>\n                {item.icon && <Icon icon={item.icon} />}\n                {item.label}\n              </Flexbox>\n            </Flexbox>\n          );\n        })}\n      </Flexbox>\n    );\n  },\n);\n\nImageSelect.displayName = 'ImageSelect';\n\nexport default ImageSelect;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,cAAc,MACjB,EACC,KACA,WACA,OACA,OACA,cACA,UACA,SACA,QAAQ,KACR,SAAS,IACT,QAAQ,cACR,YACA,aACA,GAAG,WACC;CACJ,MAAM,CAAC,cAAc,mBAAmBA,cAA2B,cAAc;EAC/E;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAACC,mBAAD;EAAS,YAAA;EAAsB;EAAW,KAAK;EAAS;EAAY;EAAO,GAAI;YAC5E,SAAS,KAAK,SAAS;GACtB,MAAM,WAAW,KAAK,UAAU;AAChC,UACE,qBAACA,mBAAD;IACE,OAAO;IACP,WAAW,GAAG,OAAO,WAAW,YAAY,OAAO,OAAO;IAC1D,KAAK;IAEL,eAAe,gBAAgB,KAAK,MAAM;cAL5C,CAOE,oBAAC,KAAD;KACE,KAAK,KAAK,OAAO,KAAK;KACtB,WAAW,GAAG,OAAO,KAAK,YAAY,OAAO,WAAW,YAAY,IAAI;KAChE;KACR,KAAK,KAAK;KACG;KACN;KACP,OAAO;MACL,GAAG,cAAc;MACjB;MACA;MACD;KACD,CAAA,EAEF,qBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;eAA1C,CACG,KAAK,QAAQ,oBAAC,MAAD,EAAM,MAAM,KAAK,MAAQ,CAAA,EACtC,KAAK,MACE;OACF;MArBH,KAAK,MAqBF;IAEZ;EACM,CAAA;EAGf;AAED,YAAY,cAAc"}

package/es/ImageSelect/styles.mjs

@@ -1,29 +1,28 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/ImageSelect/styles.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		active: css$1`
-      color: ${cssVar$1.colorText};
+		active: css`
+      color: ${cssVar.colorText};
     `,
-		container: css$1`
+		container: css`
       cursor: pointer;
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
     `,
-		img: cx(staticStylish.variantFilled, css$1`
-        border-radius: ${cssVar$1.borderRadius};
+		img: cx(staticStylish.variantFilled, css`
+        border-radius: ${cssVar.borderRadius};
 
         &:hover {
-          box-shadow: 0 0 0 2px ${cssVar$1.colorText};
+          box-shadow: 0 0 0 2px ${cssVar.colorText};
         }
       `),
-		imgActive: cx(staticStylish.active, css$1`
-        box-shadow: 0 0 0 2px ${cssVar$1.colorTextTertiary};
+		imgActive: cx(staticStylish.active, css`
+        box-shadow: 0 0 0 2px ${cssVar.colorTextTertiary};
       `)
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=styles.mjs.map

package/es/ImageSelect/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/ImageSelect/styles.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      color: ${cssVar.colorText};\n    `,\n    container: css`\n      cursor: pointer;\n      color: ${cssVar.colorTextDescription};\n    `,\n\n    img: cx(\n      lobeStaticStylish.variantFilled,\n      css`\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover {\n          box-shadow: 0 0 0 2px ${cssVar.colorText};\n        }\n      `,\n    ),\n    imgActive: cx(\n      lobeStaticStylish.active,\n      css`\n        box-shadow: 0 0 0 2px ${cssVar.colorTextTertiary};\n      `,\n    ),\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;eACAA,SAAO,UAAU;;EAE5B,WAAW,KAAG;;eAEHA,SAAO,qBAAqB;;EAGvC,KAAK,GACHC,cAAkB,eAClB,KAAG;yBACgBD,SAAO,aAAa;;;kCAGXA,SAAO,UAAU;;QAG9C;EACD,WAAW,GACTC,cAAkB,QAClB,KAAG;gCACuBD,SAAO,kBAAkB;QAEpD;EACF;EACD"}
+{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/ImageSelect/styles.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      color: ${cssVar.colorText};\n    `,\n    container: css`\n      cursor: pointer;\n      color: ${cssVar.colorTextDescription};\n    `,\n\n    img: cx(\n      lobeStaticStylish.variantFilled,\n      css`\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover {\n          box-shadow: 0 0 0 2px ${cssVar.colorText};\n        }\n      `,\n    ),\n    imgActive: cx(\n      lobeStaticStylish.active,\n      css`\n        box-shadow: 0 0 0 2px ${cssVar.colorTextTertiary};\n      `,\n    ),\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;eACA,OAAO,UAAU;;EAE5B,WAAW,GAAG;;eAEH,OAAO,qBAAqB;;EAGvC,KAAK,GACHA,cAAkB,eAClB,GAAG;yBACgB,OAAO,aAAa;;;kCAGX,OAAO,UAAU;;QAG9C;EACD,WAAW,GACTA,cAAkB,QAClB,GAAG;gCACuB,OAAO,kBAAkB;QAEpD;EACF;EACD"}

package/es/ImageSelect/type.d.mts

@@ -1,7 +1,5 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { SelectProps } from "antd";
 

package/es/Img/index.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { ConfigContext } from "../ConfigProvider/index.mjs";
 import { createElement, memo, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Img/index.tsx
 const createContainer = (as) => memo((props) => createElement(as, props));
 const Img = ({ unoptimized, ...rest }) => {
@@ -15,8 +13,7 @@ const Img = ({ unoptimized, ...rest }) => {
 	});
 };
 Img.displayName = "Img";
-var Img_default = Img;
-
 //#endregion
-export { Img_default as default };
+export { Img as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/Img/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Img: FC<ImgProps>"],"sources":["../../src/Img/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ImageProps } from 'antd';\nimport { createElement, type ElementType, type FC, memo, type Ref, use, useMemo } from 'react';\n\nimport { ConfigContext } from '@/ConfigProvider';\nimport { type ImgProps as HtmlImgeProps } from '@/types';\n\nconst createContainer = (as: ElementType) => memo((props: any) => createElement(as, props));\n\ntype ImgProps = HtmlImgeProps & ImageProps & { ref?: Ref<HTMLImageElement>; unoptimized?: boolean };\n\nconst Img: FC<ImgProps> = ({ unoptimized, ...rest }) => {\n  const config = use(ConfigContext);\n  const render = config?.imgAs || 'img';\n\n  const ImgContainer = useMemo(() => createContainer(render), [render]);\n\n  return (\n    <ImgContainer\n      unoptimized={unoptimized === undefined ? config?.imgUnoptimized : unoptimized}\n      {...rest}\n    />\n  );\n};\n\nImg.displayName = 'Img';\n\nexport default Img;\n"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,OAAoB,MAAM,UAAe,cAAc,IAAI,MAAM,CAAC;AAI3F,MAAMA,OAAqB,EAAE,aAAa,GAAG,WAAW;CACtD,MAAM,SAAS,IAAI,cAAc;CACjC,MAAM,SAAS,QAAQ,SAAS;AAIhC,QACE,oBAHmB,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;EAIjE,aAAa,gBAAgB,SAAY,QAAQ,iBAAiB;EAClE,GAAI;GACJ;;AAIN,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/Img/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ImageProps } from 'antd';\nimport { createElement, type ElementType, type FC, memo, type Ref, use, useMemo } from 'react';\n\nimport { ConfigContext } from '@/ConfigProvider';\nimport { type ImgProps as HtmlImgeProps } from '@/types';\n\nconst createContainer = (as: ElementType) => memo((props: any) => createElement(as, props));\n\ntype ImgProps = HtmlImgeProps & ImageProps & { ref?: Ref<HTMLImageElement>; unoptimized?: boolean };\n\nconst Img: FC<ImgProps> = ({ unoptimized, ...rest }) => {\n  const config = use(ConfigContext);\n  const render = config?.imgAs || 'img';\n\n  const ImgContainer = useMemo(() => createContainer(render), [render]);\n\n  return (\n    <ImgContainer\n      unoptimized={unoptimized === undefined ? config?.imgUnoptimized : unoptimized}\n      {...rest}\n    />\n  );\n};\n\nImg.displayName = 'Img';\n\nexport default Img;\n"],"mappings":";;;;;AAQA,MAAM,mBAAmB,OAAoB,MAAM,UAAe,cAAc,IAAI,MAAM,CAAC;AAI3F,MAAM,OAAqB,EAAE,aAAa,GAAG,WAAW;CACtD,MAAM,SAAS,IAAI,cAAc;CACjC,MAAM,SAAS,QAAQ,SAAS;AAIhC,QACE,oBAHmB,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC,EAGnE;EACE,aAAa,gBAAgB,KAAA,IAAY,QAAQ,iBAAiB;EAClE,GAAI;EACJ,CAAA;;AAIN,IAAI,cAAc"}

package/es/Input/Input.d.mts

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

package/es/Input/Input.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/Input/Input.tsx
 const Input$1 = memo(({ ref, variant, shadow, className, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -20,8 +18,7 @@ const Input$1 = memo(({ ref, variant, shadow, className, ...rest }) => {
 	});
 });
 Input$1.displayName = "Input";
-var Input_default = Input$1;
-
 //#endregion
-export { Input_default as default };
+export { Input$1 as default };
+
 //# sourceMappingURL=Input.mjs.map

package/es/Input/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","names":["Input","AntInput"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputProps } from './type';\n\nconst Input = memo<InputProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;;;AASA,MAAMA,UAAQ,MAAkB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC/E,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC;EACM;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,QAAM,cAAc;AAEpB,oBAAeD"}
+{"version":3,"file":"Input.mjs","names":["Input","AntInput"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputProps } from './type';\n\nconst Input = memo<InputProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AASA,MAAMA,UAAQ,MAAkB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC/E,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,OAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,QAAM,cAAc"}

package/es/Input/InputNumber.d.mts

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

package/es/Input/InputNumber.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { InputNumber } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/Input/InputNumber.tsx
 const InputNumber$1 = memo(({ ref, variant, shadow, className, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -20,8 +18,7 @@ const InputNumber$1 = memo(({ ref, variant, shadow, className, ...rest }) => {
 	});
 });
 InputNumber$1.displayName = "InputNumber";
-var InputNumber_default = InputNumber$1;
-
 //#endregion
-export { InputNumber_default as default };
+export { InputNumber$1 as default };
+
 //# sourceMappingURL=InputNumber.mjs.map

package/es/Input/InputNumber.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.mjs","names":["InputNumber","AntInputNumber"],"sources":["../../src/Input/InputNumber.tsx"],"sourcesContent":["'use client';\n\nimport { InputNumber as AntInputNumber } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputNumberProps } from './type';\n\nconst InputNumber = memo<InputNumberProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInputNumber\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":";;;;;;;;;AASA,MAAMA,gBAAc,MAAwB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC3F,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC;EACM;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,cAAY,cAAc;AAE1B,0BAAeD"}
+{"version":3,"file":"InputNumber.mjs","names":["InputNumber","AntInputNumber"],"sources":["../../src/Input/InputNumber.tsx"],"sourcesContent":["'use client';\n\nimport { InputNumber as AntInputNumber } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputNumberProps } from './type';\n\nconst InputNumber = memo<InputNumberProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInputNumber\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":";;;;;;;AASA,MAAMA,gBAAc,MAAwB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC3F,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,aAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,cAAY,cAAc"}

package/es/Input/InputOPT.d.mts

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

package/es/Input/InputOPT.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variantsOPT } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/Input/InputOPT.tsx
 const InputOPT = memo(({ ref, variant, shadow, className, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -20,8 +18,7 @@ const InputOPT = memo(({ ref, variant, shadow, className, ...rest }) => {
 	});
 });
 InputOPT.displayName = "InputOPT";
-var InputOPT_default = InputOPT;
-
 //#endregion
-export { InputOPT_default as default };
+export { InputOPT as default };
+
 //# sourceMappingURL=InputOPT.mjs.map

package/es/Input/InputOPT.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputOPT.mjs","names":["AntInput"],"sources":["../../src/Input/InputOPT.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variantsOPT } from './style';\nimport type { InputOPTProps } from './type';\n\nconst InputOPT = memo<InputOPTProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput.OTP\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variantsOPT({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputOPT.displayName = 'InputOPT';\n\nexport default InputOPT;\n"],"mappings":";;;;;;;;;AASA,MAAM,WAAW,MAAqB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CACrF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS;EACH;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,YAAY;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EACjF,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"InputOPT.mjs","names":["AntInput"],"sources":["../../src/Input/InputOPT.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variantsOPT } from './style';\nimport type { InputOPTProps } from './type';\n\nconst InputOPT = memo<InputOPTProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput.OTP\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variantsOPT({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputOPT.displayName = 'InputOPT';\n\nexport default InputOPT;\n"],"mappings":";;;;;;;AASA,MAAM,WAAW,MAAqB,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CACrF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS,KAAV;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,YAAY;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EACjF,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,SAAS,cAAc"}

package/es/Input/InputPassword.d.mts

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

package/es/Input/InputPassword.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/Input/InputPassword.tsx
 const InputPassword = memo(({ ref, variant, shadow, className, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -20,8 +18,7 @@ const InputPassword = memo(({ ref, variant, shadow, className, ...rest }) => {
 	});
 });
 InputPassword.displayName = "InputPassword";
-var InputPassword_default = InputPassword;
-
 //#endregion
-export { InputPassword_default as default };
+export { InputPassword as default };
+
 //# sourceMappingURL=InputPassword.mjs.map

package/es/Input/InputPassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.mjs","names":["AntInput"],"sources":["../../src/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputPasswordProps } from './type';\n\nconst InputPassword = memo<InputPasswordProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput.Password\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":";;;;;;;;;AASA,MAAM,gBAAgB,MAA0B,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC/F,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS;EACH;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"InputPassword.mjs","names":["AntInput"],"sources":["../../src/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { InputPasswordProps } from './type';\n\nconst InputPassword = memo<InputPasswordProps>(({ ref, variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntInput.Password\n      ref={ref}\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":";;;;;;;AASA,MAAM,gBAAgB,MAA0B,EAAE,KAAK,SAAS,QAAQ,WAAW,GAAG,WAAW;CAC/F,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS,UAAV;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,cAAc,cAAc"}

package/es/Input/TextArea.d.mts

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

package/es/Input/TextArea.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "antd";
 import { cx, useThemeMode } from "antd-style";
-
 //#region src/Input/TextArea.tsx
 const TextArea = memo(({ ref, variant, shadow, className, resize = false, style, ...rest }) => {
 	const { isDarkMode } = useThemeMode();
@@ -24,8 +22,7 @@ const TextArea = memo(({ ref, variant, shadow, className, resize = false, style,
 	});
 });
 TextArea.displayName = "TextArea";
-var TextArea_default = TextArea;
-
 //#endregion
-export { TextArea_default as default };
+export { TextArea as default };
+
 //# sourceMappingURL=TextArea.mjs.map

package/es/Input/TextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.mjs","names":["AntInput"],"sources":["../../src/Input/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { TextAreaProps } from './type';\n\nconst TextArea = memo<TextAreaProps>(\n  ({ ref, variant, shadow, className, resize = false, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    return (\n      <AntInput.TextArea\n        ref={ref}\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n        className={cx(\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        style={{\n          resize: resize ? undefined : 'none',\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;AASA,MAAM,WAAW,MACd,EAAE,KAAK,SAAS,QAAQ,WAAW,SAAS,OAAO,OAAO,GAAG,WAAW;CACvE,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS;EACH;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,OAAO;GACL,QAAQ,SAAS,SAAY;GAC7B,GAAG;GACJ;EACD,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"TextArea.mjs","names":["AntInput"],"sources":["../../src/Input/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Input as AntInput } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { TextAreaProps } from './type';\n\nconst TextArea = memo<TextAreaProps>(\n  ({ ref, variant, shadow, className, resize = false, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    return (\n      <AntInput.TextArea\n        ref={ref}\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n        className={cx(\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        style={{\n          resize: resize ? undefined : 'none',\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"mappings":";;;;;;;AASA,MAAM,WAAW,MACd,EAAE,KAAK,SAAS,QAAQ,WAAW,SAAS,OAAO,OAAO,GAAG,WAAW;CACvE,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACA,MAAS,UAAV;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,OAAO;GACL,QAAQ,SAAS,KAAA,IAAY;GAC7B,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;EAGP;AAED,SAAS,cAAc"}