@lobehub/ui 5.6.2 → 5.6.4

package/es/DraggableSideNav/style.mjs

@@ -1,5 +1,4 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/DraggableSideNav/style.ts
 const LAYOUT = {
 	offset: 16,
@@ -7,8 +6,8 @@ const LAYOUT = {
 	toggleShort: 16
 };
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	body: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	body: css`
     /* Smooth scroll behavior */
     scroll-behavior: smooth;
     overflow: hidden auto;
@@ -25,14 +24,14 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
     &::-webkit-scrollbar-thumb {
       border-radius: 3px;
-      background: ${cssVar$1.colorBorderSecondary};
+      background: ${cssVar.colorBorderSecondary};
 
       &:hover {
-        background: ${cssVar$1.colorBorder};
+        background: ${cssVar.colorBorder};
       }
     }
   `,
-	container: css$1`
+	container: css`
     /* Width transition controlled by inline style */
 
     /* Ensure smooth animations */
@@ -45,39 +44,39 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
     height: 100%;
   `,
-	contentContainer: css$1`
+	contentContainer: css`
     overflow: hidden;
     display: flex;
     flex-direction: column;
 
     height: 100%;
-    border-inline-end: 1px solid ${cssVar$1.colorBorderSecondary};
+    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
 
-    background: var(--draggable-side-nav-bg, ${cssVar$1.colorBgLayout});
+    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});
   `,
-	contentContainerNoBorder: css$1`
+	contentContainerNoBorder: css`
     overflow: hidden;
     display: flex;
     flex-direction: column;
 
     height: 100%;
-    border-inline-end: 0 solid ${cssVar$1.colorBorderSecondary};
+    border-inline-end: 0 solid ${cssVar.colorBorderSecondary};
 
-    background: var(--draggable-side-nav-bg, ${cssVar$1.colorBgLayout});
+    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});
   `,
-	footer: css$1`
+	footer: css`
     flex-shrink: 0;
   `,
-	handlerIcon: css$1`
+	handlerIcon: css`
     /* Icon transitions are now handled by motion */
     display: flex;
     align-items: center;
     justify-content: center;
   `,
-	header: css$1`
+	header: css`
     flex-shrink: 0;
   `,
-	menuOverride: css$1`
+	menuOverride: css`
     .${prefixCls}-menu {
       .${prefixCls}-menu-item {
         display: flex;
@@ -139,7 +138,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       }
     }
   `,
-	resizeHandle: css$1`
+	resizeHandle: css`
     cursor: col-resize;
 
     position: absolute;
@@ -164,28 +163,28 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
     }
   `,
-	resizeHandleHighlight: css$1`
+	resizeHandleHighlight: css`
     &:hover {
       &::after {
         width: 3px;
-        background: ${cssVar$1.colorPrimary};
-        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar$1.colorPrimary} 25%, transparent);
+        background: ${cssVar.colorPrimary};
+        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);
       }
     }
 
     &:active {
       &::after {
-        background: ${cssVar$1.colorPrimaryActive};
+        background: ${cssVar.colorPrimaryActive};
       }
     }
   `,
-	resizeHandleLeft: css$1`
+	resizeHandleLeft: css`
     inset-inline-end: -4px;
   `,
-	resizeHandleRight: css$1`
+	resizeHandleRight: css`
     inset-inline-start: -4px;
   `,
-	toggleLeft: css$1`
+	toggleLeft: css`
     inset-inline-end: -${LAYOUT.offset}px;
     width: ${LAYOUT.toggleShort}px;
     height: 100%;
@@ -198,10 +197,10 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       margin-block-start: -${LAYOUT.toggleLength / 2}px;
       margin-inline-start: -1px;
       border-inline-start-width: 0;
-      border-radius: 0 ${cssVar$1.borderRadiusLG} ${cssVar$1.borderRadiusLG} 0;
+      border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;
     }
   `,
-	toggleRight: css$1`
+	toggleRight: css`
     inset-inline-start: -${LAYOUT.offset}px;
     width: ${LAYOUT.toggleShort}px;
     height: 100%;
@@ -214,10 +213,10 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       margin-block-start: -${LAYOUT.toggleLength / 2}px;
       margin-inline-end: -1px;
       border-inline-end-width: 0;
-      border-radius: ${cssVar$1.borderRadiusLG} 0 0 ${cssVar$1.borderRadiusLG}; /* 右侧面板，handle 在左边，左侧圆角 */
+      border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG}; /* 右侧面板，handle 在左边，左侧圆角 */
     }
   `,
-	toggleRoot: css$1`
+	toggleRoot: css`
     pointer-events: none;
     position: absolute;
     z-index: 50;
@@ -235,31 +234,31 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
       position: absolute;
 
-      border: 1px solid ${cssVar$1.colorBorder};
+      border: 1px solid ${cssVar.colorBorder};
 
-      color: ${cssVar$1.colorTextTertiary};
+      color: ${cssVar.colorTextTertiary};
 
-      background: var(--draggable-side-nav-bg, ${cssVar$1.colorBgLayout});
+      background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});
       backdrop-filter: blur(8px);
 
       /* Enhanced transitions with backdrop blur */
       transition:
-        color 0.2s ${cssVar$1.motionEaseOut},
-        transform 0.2s ${cssVar$1.motionEaseOut},
-        box-shadow 0.2s ${cssVar$1.motionEaseOut};
+        color 0.2s ${cssVar.motionEaseOut},
+        transform 0.2s ${cssVar.motionEaseOut},
+        box-shadow 0.2s ${cssVar.motionEaseOut};
 
       &:hover {
-        color: ${cssVar$1.colorTextSecondary};
+        color: ${cssVar.colorTextSecondary};
       }
 
       &:active {
         transform: scale(0.95);
-        color: ${cssVar$1.colorText};
+        color: ${cssVar.colorText};
       }
     }
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/DraggableSideNav/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/DraggableSideNav/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n// Layout constants (aligned with DraggablePanel)\nconst LAYOUT = {\n  offset: 16,\n  toggleLength: 54,\n  toggleShort: 16,\n};\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    /* Smooth scroll behavior */\n    scroll-behavior: smooth;\n    overflow: hidden auto;\n    flex: 1;\n\n    /* Better scrollbar styling */\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 3px;\n      background: ${cssVar.colorBorderSecondary};\n\n      &:hover {\n        background: ${cssVar.colorBorder};\n      }\n    }\n  `,\n  container: css`\n    /* Width transition controlled by inline style */\n\n    /* Ensure smooth animations */\n    will-change: width;\n\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n  `,\n  contentContainer: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n  `,\n  contentContainerNoBorder: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n    border-inline-end: 0 solid ${cssVar.colorBorderSecondary};\n\n    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n  `,\n  footer: css`\n    flex-shrink: 0;\n  `,\n  handlerIcon: css`\n    /* Icon transitions are now handled by motion */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n  header: css`\n    flex-shrink: 0;\n  `,\n  menuOverride: css`\n    .${prefixCls}-menu {\n      .${prefixCls}-menu-item {\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        justify-content: center;\n\n        height: unset;\n        min-height: 36px;\n        padding-block: 4px;\n        padding-inline: 8px !important;\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        overflow: hidden;\n        padding-inline: 8px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .${prefixCls}-menu-item-icon {\n        position: absolute;\n        inset-inline-start: 0;\n\n        display: flex !important;\n        flex: none;\n        align-items: center;\n        justify-content: center;\n\n        width: 36px;\n        height: 36px;\n      }\n\n      .${prefixCls}-menu-title-content {\n        overflow: hidden;\n        flex: 1;\n\n        margin: 0 !important;\n        padding-inline-start: 36px;\n\n        line-height: 1.5;\n      }\n\n      &.${prefixCls}-menu-inline-collapsed {\n        .ant-menu-title-content {\n          display: none;\n          width: 0;\n          opacity: 0;\n        }\n\n        .${prefixCls}-menu-item {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 36px !important;\n          height: 36px !important;\n        }\n      }\n    }\n  `,\n  resizeHandle: css`\n    cursor: col-resize;\n\n    position: absolute;\n    inset-block: 0 0;\n\n    width: 8px;\n\n    transition: background-color 0.2s ease;\n\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block: 0;\n      inset-inline-start: 50%;\n      transform: translateX(-50%);\n\n      width: 2px;\n\n      background: transparent;\n\n      transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n  `,\n  resizeHandleHighlight: css`\n    &:hover {\n      &::after {\n        width: 3px;\n        background: ${cssVar.colorPrimary};\n        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);\n      }\n    }\n\n    &:active {\n      &::after {\n        background: ${cssVar.colorPrimaryActive};\n      }\n    }\n  `,\n  resizeHandleLeft: css`\n    inset-inline-end: -4px;\n  `,\n  resizeHandleRight: css`\n    inset-inline-start: -4px;\n  `,\n  toggleLeft: css`\n    inset-inline-end: -${LAYOUT.offset}px;\n    width: ${LAYOUT.toggleShort}px;\n    height: 100%;\n\n    > div {\n      inset-block-start: 50%;\n\n      width: ${LAYOUT.toggleShort}px;\n      height: ${LAYOUT.toggleLength}px;\n      margin-block-start: -${LAYOUT.toggleLength / 2}px;\n      margin-inline-start: -1px;\n      border-inline-start-width: 0;\n      border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;\n    }\n  `,\n  toggleRight: css`\n    inset-inline-start: -${LAYOUT.offset}px;\n    width: ${LAYOUT.toggleShort}px;\n    height: 100%;\n\n    > div {\n      inset-block-start: 50%;\n\n      width: ${LAYOUT.toggleShort}px;\n      height: ${LAYOUT.toggleLength}px;\n      margin-block-start: -${LAYOUT.toggleLength / 2}px;\n      margin-inline-end: -1px;\n      border-inline-end-width: 0;\n      border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG}; /* 右侧面板，handle 在左边，左侧圆角 */\n    }\n  `,\n  toggleRoot: css`\n    pointer-events: none;\n    position: absolute;\n    z-index: 50;\n\n    /* Smooth transitions for all states */\n    transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n\n    &:has(> div) {\n      pointer-events: all;\n    }\n\n    > div {\n      pointer-events: all;\n      cursor: pointer;\n\n      position: absolute;\n\n      border: 1px solid ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextTertiary};\n\n      background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n      backdrop-filter: blur(8px);\n\n      /* Enhanced transitions with backdrop blur */\n      transition:\n        color 0.2s ${cssVar.motionEaseOut},\n        transform 0.2s ${cssVar.motionEaseOut},\n        box-shadow 0.2s ${cssVar.motionEaseOut};\n\n      &:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &:active {\n        transform: scale(0.95);\n        color: ${cssVar.colorText};\n      }\n    }\n  `,\n}));\n"],"mappings":";;;AAGA,MAAM,SAAS;CACb,QAAQ;CACR,cAAc;CACd,aAAa;CACd;AAED,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,MAAM,KAAG;;;;;;;;;;;;;;;;;oBAiBSA,SAAO,qBAAqB;;;sBAG1BA,SAAO,YAAY;;;;CAIvC,WAAW,KAAG;;;;;;;;;;;;;CAad,kBAAkB,KAAG;;;;;;mCAMYA,SAAO,qBAAqB;;+CAEhBA,SAAO,cAAc;;CAElE,0BAA0B,KAAG;;;;;;iCAMEA,SAAO,qBAAqB;;+CAEdA,SAAO,cAAc;;CAElE,QAAQ,KAAG;;;CAGX,aAAa,KAAG;;;;;;CAMhB,QAAQ,KAAG;;;CAGX,cAAc,KAAG;OACZ,UAAU;SACR,UAAU;;;;;;;;;;;;SAYV,UAAU;;;;;;;SAOV,UAAU;;;;;;;;;;;;;SAaV,UAAU;;;;;;;;;;UAUT,UAAU;;;;;;;WAOT,UAAU;;;;;;;;;;;CAWnB,cAAc,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjB,uBAAuB,KAAG;;;;sBAINA,SAAO,aAAa;iDACOA,SAAO,aAAa;;;;;;sBAM/CA,SAAO,mBAAmB;;;;CAI9C,kBAAkB,KAAG;;;CAGrB,mBAAmB,KAAG;;;CAGtB,YAAY,KAAG;yBACQ,OAAO,OAAO;aAC1B,OAAO,YAAY;;;;;;eAMjB,OAAO,YAAY;gBAClB,OAAO,aAAa;6BACP,OAAO,eAAe,EAAE;;;yBAG5BA,SAAO,eAAe,GAAGA,SAAO,eAAe;;;CAGtE,aAAa,KAAG;2BACS,OAAO,OAAO;aAC5B,OAAO,YAAY;;;;;;eAMjB,OAAO,YAAY;gBAClB,OAAO,aAAa;6BACP,OAAO,eAAe,EAAE;;;uBAG9BA,SAAO,eAAe,OAAOA,SAAO,eAAe;;;CAGxE,YAAY,KAAG;;;;;;;;;;;;;;;;;;0BAkBSA,SAAO,YAAY;;eAE9BA,SAAO,kBAAkB;;iDAESA,SAAO,cAAc;;;;;qBAKjDA,SAAO,cAAc;yBACjBA,SAAO,cAAc;0BACpBA,SAAO,cAAc;;;iBAG9BA,SAAO,mBAAmB;;;;;iBAK1BA,SAAO,UAAU;;;;CAIjC,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DraggableSideNav/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n// Layout constants (aligned with DraggablePanel)\nconst LAYOUT = {\n  offset: 16,\n  toggleLength: 54,\n  toggleShort: 16,\n};\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    /* Smooth scroll behavior */\n    scroll-behavior: smooth;\n    overflow: hidden auto;\n    flex: 1;\n\n    /* Better scrollbar styling */\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 3px;\n      background: ${cssVar.colorBorderSecondary};\n\n      &:hover {\n        background: ${cssVar.colorBorder};\n      }\n    }\n  `,\n  container: css`\n    /* Width transition controlled by inline style */\n\n    /* Ensure smooth animations */\n    will-change: width;\n\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n  `,\n  contentContainer: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n  `,\n  contentContainerNoBorder: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    height: 100%;\n    border-inline-end: 0 solid ${cssVar.colorBorderSecondary};\n\n    background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n  `,\n  footer: css`\n    flex-shrink: 0;\n  `,\n  handlerIcon: css`\n    /* Icon transitions are now handled by motion */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n  header: css`\n    flex-shrink: 0;\n  `,\n  menuOverride: css`\n    .${prefixCls}-menu {\n      .${prefixCls}-menu-item {\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        justify-content: center;\n\n        height: unset;\n        min-height: 36px;\n        padding-block: 4px;\n        padding-inline: 8px !important;\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        overflow: hidden;\n        padding-inline: 8px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .${prefixCls}-menu-item-icon {\n        position: absolute;\n        inset-inline-start: 0;\n\n        display: flex !important;\n        flex: none;\n        align-items: center;\n        justify-content: center;\n\n        width: 36px;\n        height: 36px;\n      }\n\n      .${prefixCls}-menu-title-content {\n        overflow: hidden;\n        flex: 1;\n\n        margin: 0 !important;\n        padding-inline-start: 36px;\n\n        line-height: 1.5;\n      }\n\n      &.${prefixCls}-menu-inline-collapsed {\n        .ant-menu-title-content {\n          display: none;\n          width: 0;\n          opacity: 0;\n        }\n\n        .${prefixCls}-menu-item {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 36px !important;\n          height: 36px !important;\n        }\n      }\n    }\n  `,\n  resizeHandle: css`\n    cursor: col-resize;\n\n    position: absolute;\n    inset-block: 0 0;\n\n    width: 8px;\n\n    transition: background-color 0.2s ease;\n\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block: 0;\n      inset-inline-start: 50%;\n      transform: translateX(-50%);\n\n      width: 2px;\n\n      background: transparent;\n\n      transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n  `,\n  resizeHandleHighlight: css`\n    &:hover {\n      &::after {\n        width: 3px;\n        background: ${cssVar.colorPrimary};\n        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);\n      }\n    }\n\n    &:active {\n      &::after {\n        background: ${cssVar.colorPrimaryActive};\n      }\n    }\n  `,\n  resizeHandleLeft: css`\n    inset-inline-end: -4px;\n  `,\n  resizeHandleRight: css`\n    inset-inline-start: -4px;\n  `,\n  toggleLeft: css`\n    inset-inline-end: -${LAYOUT.offset}px;\n    width: ${LAYOUT.toggleShort}px;\n    height: 100%;\n\n    > div {\n      inset-block-start: 50%;\n\n      width: ${LAYOUT.toggleShort}px;\n      height: ${LAYOUT.toggleLength}px;\n      margin-block-start: -${LAYOUT.toggleLength / 2}px;\n      margin-inline-start: -1px;\n      border-inline-start-width: 0;\n      border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;\n    }\n  `,\n  toggleRight: css`\n    inset-inline-start: -${LAYOUT.offset}px;\n    width: ${LAYOUT.toggleShort}px;\n    height: 100%;\n\n    > div {\n      inset-block-start: 50%;\n\n      width: ${LAYOUT.toggleShort}px;\n      height: ${LAYOUT.toggleLength}px;\n      margin-block-start: -${LAYOUT.toggleLength / 2}px;\n      margin-inline-end: -1px;\n      border-inline-end-width: 0;\n      border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG}; /* 右侧面板，handle 在左边，左侧圆角 */\n    }\n  `,\n  toggleRoot: css`\n    pointer-events: none;\n    position: absolute;\n    z-index: 50;\n\n    /* Smooth transitions for all states */\n    transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n\n    &:has(> div) {\n      pointer-events: all;\n    }\n\n    > div {\n      pointer-events: all;\n      cursor: pointer;\n\n      position: absolute;\n\n      border: 1px solid ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextTertiary};\n\n      background: var(--draggable-side-nav-bg, ${cssVar.colorBgLayout});\n      backdrop-filter: blur(8px);\n\n      /* Enhanced transitions with backdrop blur */\n      transition:\n        color 0.2s ${cssVar.motionEaseOut},\n        transform 0.2s ${cssVar.motionEaseOut},\n        box-shadow 0.2s ${cssVar.motionEaseOut};\n\n      &:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &:active {\n        transform: scale(0.95);\n        color: ${cssVar.colorText};\n      }\n    }\n  `,\n}));\n"],"mappings":";;AAGA,MAAM,SAAS;CACb,QAAQ;CACR,cAAc;CACd,aAAa;CACd;AAED,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;;;;;;;;oBAiBS,OAAO,qBAAqB;;;sBAG1B,OAAO,YAAY;;;;CAIvC,WAAW,GAAG;;;;;;;;;;;;;CAad,kBAAkB,GAAG;;;;;;mCAMY,OAAO,qBAAqB;;+CAEhB,OAAO,cAAc;;CAElE,0BAA0B,GAAG;;;;;;iCAME,OAAO,qBAAqB;;+CAEd,OAAO,cAAc;;CAElE,QAAQ,GAAG;;;CAGX,aAAa,GAAG;;;;;;CAMhB,QAAQ,GAAG;;;CAGX,cAAc,GAAG;OACZ,UAAU;SACR,UAAU;;;;;;;;;;;;SAYV,UAAU;;;;;;;SAOV,UAAU;;;;;;;;;;;;;SAaV,UAAU;;;;;;;;;;UAUT,UAAU;;;;;;;WAOT,UAAU;;;;;;;;;;;CAWnB,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjB,uBAAuB,GAAG;;;;sBAIN,OAAO,aAAa;iDACO,OAAO,aAAa;;;;;;sBAM/C,OAAO,mBAAmB;;;;CAI9C,kBAAkB,GAAG;;;CAGrB,mBAAmB,GAAG;;;CAGtB,YAAY,GAAG;yBACQ,OAAO,OAAO;aAC1B,OAAO,YAAY;;;;;;eAMjB,OAAO,YAAY;gBAClB,OAAO,aAAa;6BACP,OAAO,eAAe,EAAE;;;yBAG5B,OAAO,eAAe,GAAG,OAAO,eAAe;;;CAGtE,aAAa,GAAG;2BACS,OAAO,OAAO;aAC5B,OAAO,YAAY;;;;;;eAMjB,OAAO,YAAY;gBAClB,OAAO,aAAa;6BACP,OAAO,eAAe,EAAE;;;uBAG9B,OAAO,eAAe,OAAO,OAAO,eAAe;;;CAGxE,YAAY,GAAG;;;;;;;;;;;;;;;;;;0BAkBS,OAAO,YAAY;;eAE9B,OAAO,kBAAkB;;iDAES,OAAO,cAAc;;;;;qBAKjD,OAAO,cAAc;yBACjB,OAAO,cAAc;0BACpB,OAAO,cAAc;;;iBAG9B,OAAO,mBAAmB;;;;;iBAK1B,OAAO,UAAU;;;;CAIjC,EAAE"}

package/es/Drawer/Drawer.d.mts

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

package/es/Drawer/Drawer.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import { memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Drawer } from "antd";
 import { cssVar } from "antd-style";
 import { XIcon } from "lucide-react";
-
 //#region src/Drawer/Drawer.tsx
 const Drawer$1 = memo(({ onClose, containerMaxWidth = 1024, classNames, title, placement, styles, children, height, width, extra, closeIconProps, noHeader, sidebarWidth = 280, sidebar, closeIcon, ref, ...rest }) => {
 	const headerBorder = useMemo(() => {
@@ -36,7 +34,7 @@ const Drawer$1 = memo(({ onClose, containerMaxWidth = 1024, classNames, title, p
 			top: 4,
 			...styles?.extra
 		},
-		children: [extra, closeIcon || /* @__PURE__ */ jsx(ActionIcon_default, {
+		children: [extra, closeIcon || /* @__PURE__ */ jsx(ActionIcon, {
 			icon: XIcon,
 			onClick: onClose,
 			...closeIconProps
@@ -137,8 +135,7 @@ const Drawer$1 = memo(({ onClose, containerMaxWidth = 1024, classNames, title, p
 	});
 });
 Drawer$1.displayName = "Drawer";
-var Drawer_default = Drawer$1;
-
 //#endregion
-export { Drawer_default as default };
+export { Drawer$1 as default };
+
 //# sourceMappingURL=Drawer.mjs.map

package/es/Drawer/Drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.mjs","names":["Drawer","headerBorder: CSSProperties","Flexbox","ActionIcon","AntdDrawer"],"sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as AntdDrawer } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { XIcon } from 'lucide-react';\nimport { type CSSProperties, memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport type { DrawerProps } from './type';\n\nconst Drawer = memo<DrawerProps>(\n  ({\n    onClose,\n    containerMaxWidth = 1024,\n    classNames,\n    title,\n    placement,\n    styles,\n    children,\n    height,\n    width,\n    extra,\n    closeIconProps,\n    noHeader,\n    sidebarWidth = 280,\n    sidebar,\n    closeIcon,\n    ref,\n    ...rest\n  }) => {\n    const headerBorder: CSSProperties = useMemo(() => {\n      if (height === '100%' || width === '100%' || height === '100vh' || width === '100vw')\n        return {};\n\n      switch (placement) {\n        case 'top': {\n          return {\n            borderBottom: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'bottom': {\n          return {\n            borderTop: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'left': {\n          return {\n            borderRight: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'right': {\n          return {\n            borderLeft: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        default: {\n          return {};\n        }\n      }\n    }, [placement, height, width]);\n\n    const extraNode = (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={classNames?.extra}\n        gap={4}\n        justify={'flex-end'}\n        style={{\n          position: 'absolute',\n          right: 4,\n          top: 4,\n          ...styles?.extra,\n        }}\n      >\n        {extra}\n        {closeIcon || <ActionIcon icon={XIcon} onClick={onClose} {...closeIconProps} />}\n      </Flexbox>\n    );\n\n    const sidebarContent = (\n      <>\n        <Flexbox\n          className={classNames?.sidebar}\n          paddingBlock={12}\n          paddingInline={16}\n          width={sidebarWidth}\n          style={{\n            background: cssVar.colorBgLayout,\n            borderRight: `1px solid ${cssVar.colorBorderSecondary}`,\n            height: '100vh',\n            overflowX: 'hidden',\n            overflowY: 'auto',\n            position: 'sticky',\n            top: 0,\n            ...styles?.sidebar,\n          }}\n        >\n          {sidebar}\n        </Flexbox>\n        <Flexbox\n          className={classNames?.sidebarContent}\n          flex={1}\n          paddingBlock={12}\n          paddingInline={16}\n          style={{\n            background: cssVar.colorBgContainer,\n            overflowX: 'hidden',\n            overflowY: 'auto',\n            ...styles?.sidebarContent,\n          }}\n        >\n          {children}\n        </Flexbox>\n      </>\n    );\n\n    return (\n      <AntdDrawer\n        classNames={classNames}\n        closable={false}\n        extra={noHeader ? undefined : extraNode}\n        height={height}\n        keyboard={true}\n        panelRef={ref}\n        placement={placement}\n        width={width}\n        styles={\n          typeof styles === 'function'\n            ? styles\n            : {\n                ...styles,\n                body: {\n                  background: 'transparent',\n                  paddingBlock: sidebar ? 0 : 12,\n                  paddingInline: sidebar ? 0 : 16,\n                  ...styles?.body,\n                },\n                header: {\n                  background: 'transparent',\n                  display: noHeader ? 'none' : undefined,\n                  padding: 4,\n                  ...styles?.header,\n                },\n                section: {\n                  background: sidebar\n                    ? `linear-gradient(to right, ${cssVar.colorBgLayout} 49.9%, ${cssVar.colorBgContainer} 50%)`\n                    : cssVar.colorBgContainer,\n                  ...styles?.section,\n                },\n                wrapper: {\n                  background: cssVar.colorBgContainer,\n                  ...headerBorder,\n                  ...styles?.wrapper,\n                },\n              }\n        }\n        title={\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={classNames?.title}\n            justify={'flex-start'}\n            paddingBlock={8}\n            paddingInline={16}\n            style={{\n              justifySelf: 'center',\n              maxWidth: containerMaxWidth,\n              width: '100%',\n              ...styles?.title,\n            }}\n          >\n            {title}\n          </Flexbox>\n        }\n        onClose={onClose}\n        {...rest}\n      >\n        <Flexbox\n          className={classNames?.bodyContent}\n          horizontal={!!sidebar}\n          style={{\n            justifySelf: 'center',\n            maxWidth: containerMaxWidth,\n            minHeight: '100%',\n            overflow: sidebar ? 'visible' : undefined,\n            width: '100%',\n            ...styles?.bodyContent,\n          }}\n        >\n          {noHeader && extraNode}\n          {sidebar ? sidebarContent : children}\n        </Flexbox>\n      </AntdDrawer>\n    );\n  },\n);\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,WAAS,MACZ,EACC,SACA,oBAAoB,MACpB,YACA,OACA,WACA,QACA,UACA,QACA,OACA,OACA,gBACA,UACA,eAAe,KACf,SACA,WACA,KACA,GAAG,WACC;CACJ,MAAMC,eAA8B,cAAc;AAChD,MAAI,WAAW,UAAU,UAAU,UAAU,WAAW,WAAW,UAAU,QAC3E,QAAO,EAAE;AAEX,UAAQ,WAAR;GACE,KAAK,MACH,QAAO,EACL,cAAc,aAAa,OAAO,eACnC;GAEH,KAAK,SACH,QAAO,EACL,WAAW,aAAa,OAAO,eAChC;GAEH,KAAK,OACH,QAAO,EACL,aAAa,aAAa,OAAO,eAClC;GAEH,KAAK,QACH,QAAO,EACL,YAAY,aAAa,OAAO,eACjC;GAEH,QACE,QAAO,EAAE;;IAGZ;EAAC;EAAW;EAAQ;EAAM,CAAC;CAE9B,MAAM,YACJ,qBAACC;EACC;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK;EACL,SAAS;EACT,OAAO;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,GAAG,QAAQ;GACZ;aAEA,OACA,aAAa,oBAACC;GAAW,MAAM;GAAO,SAAS;GAAS,GAAI;IAAkB;GACvE;CAGZ,MAAM,iBACJ,8CACE,oBAACD;EACC,WAAW,YAAY;EACvB,cAAc;EACd,eAAe;EACf,OAAO;EACP,OAAO;GACL,YAAY,OAAO;GACnB,aAAa,aAAa,OAAO;GACjC,QAAQ;GACR,WAAW;GACX,WAAW;GACX,UAAU;GACV,KAAK;GACL,GAAG,QAAQ;GACZ;YAEA;GACO,EACV,oBAACA;EACC,WAAW,YAAY;EACvB,MAAM;EACN,cAAc;EACd,eAAe;EACf,OAAO;GACL,YAAY,OAAO;GACnB,WAAW;GACX,WAAW;GACX,GAAG,QAAQ;GACZ;EAEA;GACO,IACT;AAGL,QACE,oBAACE;EACa;EACZ,UAAU;EACV,OAAO,WAAW,SAAY;EACtB;EACR,UAAU;EACV,UAAU;EACC;EACJ;EACP,QACE,OAAO,WAAW,aACd,SACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY;IACZ,cAAc,UAAU,IAAI;IAC5B,eAAe,UAAU,IAAI;IAC7B,GAAG,QAAQ;IACZ;GACD,QAAQ;IACN,YAAY;IACZ,SAAS,WAAW,SAAS;IAC7B,SAAS;IACT,GAAG,QAAQ;IACZ;GACD,SAAS;IACP,YAAY,UACR,6BAA6B,OAAO,cAAc,UAAU,OAAO,iBAAiB,SACpF,OAAO;IACX,GAAG,QAAQ;IACZ;GACD,SAAS;IACP,YAAY,OAAO;IACnB,GAAG;IACH,GAAG,QAAQ;IACZ;GACF;EAEP,OACE,oBAACF;GACC;GACA,OAAO;GACP,WAAW,YAAY;GACvB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;IACL,aAAa;IACb,UAAU;IACV,OAAO;IACP,GAAG,QAAQ;IACZ;aAEA;IACO;EAEH;EACT,GAAI;YAEJ,qBAACA;GACC,WAAW,YAAY;GACvB,YAAY,CAAC,CAAC;GACd,OAAO;IACL,aAAa;IACb,UAAU;IACV,WAAW;IACX,UAAU,UAAU,YAAY;IAChC,OAAO;IACP,GAAG,QAAQ;IACZ;cAEA,YAAY,WACZ,UAAU,iBAAiB;IACpB;GACC;EAGlB;AAED,SAAO,cAAc;AAErB,qBAAeF"}
+{"version":3,"file":"Drawer.mjs","names":["Drawer","Flexbox","AntdDrawer"],"sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as AntdDrawer } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { XIcon } from 'lucide-react';\nimport { type CSSProperties, memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport type { DrawerProps } from './type';\n\nconst Drawer = memo<DrawerProps>(\n  ({\n    onClose,\n    containerMaxWidth = 1024,\n    classNames,\n    title,\n    placement,\n    styles,\n    children,\n    height,\n    width,\n    extra,\n    closeIconProps,\n    noHeader,\n    sidebarWidth = 280,\n    sidebar,\n    closeIcon,\n    ref,\n    ...rest\n  }) => {\n    const headerBorder: CSSProperties = useMemo(() => {\n      if (height === '100%' || width === '100%' || height === '100vh' || width === '100vw')\n        return {};\n\n      switch (placement) {\n        case 'top': {\n          return {\n            borderBottom: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'bottom': {\n          return {\n            borderTop: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'left': {\n          return {\n            borderRight: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        case 'right': {\n          return {\n            borderLeft: `1px solid ${cssVar.colorBorder}`,\n          };\n        }\n        default: {\n          return {};\n        }\n      }\n    }, [placement, height, width]);\n\n    const extraNode = (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={classNames?.extra}\n        gap={4}\n        justify={'flex-end'}\n        style={{\n          position: 'absolute',\n          right: 4,\n          top: 4,\n          ...styles?.extra,\n        }}\n      >\n        {extra}\n        {closeIcon || <ActionIcon icon={XIcon} onClick={onClose} {...closeIconProps} />}\n      </Flexbox>\n    );\n\n    const sidebarContent = (\n      <>\n        <Flexbox\n          className={classNames?.sidebar}\n          paddingBlock={12}\n          paddingInline={16}\n          width={sidebarWidth}\n          style={{\n            background: cssVar.colorBgLayout,\n            borderRight: `1px solid ${cssVar.colorBorderSecondary}`,\n            height: '100vh',\n            overflowX: 'hidden',\n            overflowY: 'auto',\n            position: 'sticky',\n            top: 0,\n            ...styles?.sidebar,\n          }}\n        >\n          {sidebar}\n        </Flexbox>\n        <Flexbox\n          className={classNames?.sidebarContent}\n          flex={1}\n          paddingBlock={12}\n          paddingInline={16}\n          style={{\n            background: cssVar.colorBgContainer,\n            overflowX: 'hidden',\n            overflowY: 'auto',\n            ...styles?.sidebarContent,\n          }}\n        >\n          {children}\n        </Flexbox>\n      </>\n    );\n\n    return (\n      <AntdDrawer\n        classNames={classNames}\n        closable={false}\n        extra={noHeader ? undefined : extraNode}\n        height={height}\n        keyboard={true}\n        panelRef={ref}\n        placement={placement}\n        width={width}\n        styles={\n          typeof styles === 'function'\n            ? styles\n            : {\n                ...styles,\n                body: {\n                  background: 'transparent',\n                  paddingBlock: sidebar ? 0 : 12,\n                  paddingInline: sidebar ? 0 : 16,\n                  ...styles?.body,\n                },\n                header: {\n                  background: 'transparent',\n                  display: noHeader ? 'none' : undefined,\n                  padding: 4,\n                  ...styles?.header,\n                },\n                section: {\n                  background: sidebar\n                    ? `linear-gradient(to right, ${cssVar.colorBgLayout} 49.9%, ${cssVar.colorBgContainer} 50%)`\n                    : cssVar.colorBgContainer,\n                  ...styles?.section,\n                },\n                wrapper: {\n                  background: cssVar.colorBgContainer,\n                  ...headerBorder,\n                  ...styles?.wrapper,\n                },\n              }\n        }\n        title={\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={classNames?.title}\n            justify={'flex-start'}\n            paddingBlock={8}\n            paddingInline={16}\n            style={{\n              justifySelf: 'center',\n              maxWidth: containerMaxWidth,\n              width: '100%',\n              ...styles?.title,\n            }}\n          >\n            {title}\n          </Flexbox>\n        }\n        onClose={onClose}\n        {...rest}\n      >\n        <Flexbox\n          className={classNames?.bodyContent}\n          horizontal={!!sidebar}\n          style={{\n            justifySelf: 'center',\n            maxWidth: containerMaxWidth,\n            minHeight: '100%',\n            overflow: sidebar ? 'visible' : undefined,\n            width: '100%',\n            ...styles?.bodyContent,\n          }}\n        >\n          {noHeader && extraNode}\n          {sidebar ? sidebarContent : children}\n        </Flexbox>\n      </AntdDrawer>\n    );\n  },\n);\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;AAYA,MAAMA,WAAS,MACZ,EACC,SACA,oBAAoB,MACpB,YACA,OACA,WACA,QACA,UACA,QACA,OACA,OACA,gBACA,UACA,eAAe,KACf,SACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,eAA8B,cAAc;AAChD,MAAI,WAAW,UAAU,UAAU,UAAU,WAAW,WAAW,UAAU,QAC3E,QAAO,EAAE;AAEX,UAAQ,WAAR;GACE,KAAK,MACH,QAAO,EACL,cAAc,aAAa,OAAO,eACnC;GAEH,KAAK,SACH,QAAO,EACL,WAAW,aAAa,OAAO,eAChC;GAEH,KAAK,OACH,QAAO,EACL,aAAa,aAAa,OAAO,eAClC;GAEH,KAAK,QACH,QAAO,EACL,YAAY,aAAa,OAAO,eACjC;GAEH,QACE,QAAO,EAAE;;IAGZ;EAAC;EAAW;EAAQ;EAAM,CAAC;CAE9B,MAAM,YACJ,qBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK;EACL,SAAS;EACT,OAAO;GACL,UAAU;GACV,OAAO;GACP,KAAK;GACL,GAAG,QAAQ;GACZ;YAXH,CAaG,OACA,aAAa,oBAAC,YAAD;GAAY,MAAM;GAAO,SAAS;GAAS,GAAI;GAAkB,CAAA,CACvE;;CAGZ,MAAM,iBACJ,qBAAA,YAAA,EAAA,UAAA,CACE,oBAACA,mBAAD;EACE,WAAW,YAAY;EACvB,cAAc;EACd,eAAe;EACf,OAAO;EACP,OAAO;GACL,YAAY,OAAO;GACnB,aAAa,aAAa,OAAO;GACjC,QAAQ;GACR,WAAW;GACX,WAAW;GACX,UAAU;GACV,KAAK;GACL,GAAG,QAAQ;GACZ;YAEA;EACO,CAAA,EACV,oBAACA,mBAAD;EACE,WAAW,YAAY;EACvB,MAAM;EACN,cAAc;EACd,eAAe;EACf,OAAO;GACL,YAAY,OAAO;GACnB,WAAW;GACX,WAAW;GACX,GAAG,QAAQ;GACZ;EAEA;EACO,CAAA,CACT,EAAA,CAAA;AAGL,QACE,oBAACC,QAAD;EACc;EACZ,UAAU;EACV,OAAO,WAAW,KAAA,IAAY;EACtB;EACR,UAAU;EACV,UAAU;EACC;EACJ;EACP,QACE,OAAO,WAAW,aACd,SACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY;IACZ,cAAc,UAAU,IAAI;IAC5B,eAAe,UAAU,IAAI;IAC7B,GAAG,QAAQ;IACZ;GACD,QAAQ;IACN,YAAY;IACZ,SAAS,WAAW,SAAS,KAAA;IAC7B,SAAS;IACT,GAAG,QAAQ;IACZ;GACD,SAAS;IACP,YAAY,UACR,6BAA6B,OAAO,cAAc,UAAU,OAAO,iBAAiB,SACpF,OAAO;IACX,GAAG,QAAQ;IACZ;GACD,SAAS;IACP,YAAY,OAAO;IACnB,GAAG;IACH,GAAG,QAAQ;IACZ;GACF;EAEP,OACE,oBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,YAAY;GACvB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;IACL,aAAa;IACb,UAAU;IACV,OAAO;IACP,GAAG,QAAQ;IACZ;aAEA;GACO,CAAA;EAEH;EACT,GAAI;YAEJ,qBAACA,mBAAD;GACE,WAAW,YAAY;GACvB,YAAY,CAAC,CAAC;GACd,OAAO;IACL,aAAa;IACb,UAAU;IACV,WAAW;IACX,UAAU,UAAU,YAAY,KAAA;IAChC,OAAO;IACP,GAAG,QAAQ;IACZ;aAVH,CAYG,YAAY,WACZ,UAAU,iBAAiB,SACpB;;EACC,CAAA;EAGlB;AAED,SAAO,cAAc"}

package/es/Drawer/index.mjs

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

package/es/Drawer/type.d.mts

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

package/es/Dropdown/Dropdown.d.mts

@@ -1,15 +1,14 @@
 import { DropdownProps } from "./type.mjs";
-import * as react37 from "react";
+import * as _$react from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-
 /**
  * @deprecated
  * Use `DropdownMenu` or `ContextMenu` instead
  * @see https://ui.lobehub.com/components/context-menu
  * @see https://ui.lobehub.com/components/dropdown-menu
  */
-declare const Dropdown: react37.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: _$react.NamedExoticComponent<DropdownProps>;
 //#endregion
 export { Dropdown };
 //# sourceMappingURL=Dropdown.d.mts.map

package/es/Dropdown/Dropdown.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { IconProvider } from "../Icon/components/IconProvider.mjs";
 import { mapItems } from "../Menu/utils.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Dropdown } from "antd";
-
 //#region src/Dropdown/Dropdown.tsx
 /**
 * @deprecated
@@ -32,8 +30,7 @@ const Dropdown$1 = memo(({ children, iconProps, menu, ...rest }) => {
 	});
 });
 Dropdown$1.displayName = "Dropdown";
-var Dropdown_default = Dropdown$1;
-
 //#endregion
-export { Dropdown_default as default };
+export { Dropdown$1 as default };
+
 //# sourceMappingURL=Dropdown.mjs.map

package/es/Dropdown/Dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.mjs","names":["Dropdown","AntdDropdown"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { Dropdown as AntdDropdown } from 'antd';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu';\n\nimport type { DropdownProps } from './type';\n\n/**\n * @deprecated\n * Use `DropdownMenu` or `ContextMenu` instead\n * @see https://ui.lobehub.com/components/context-menu\n * @see https://ui.lobehub.com/components/dropdown-menu\n */\nconst Dropdown = memo<DropdownProps>(({ children, iconProps, menu, ...rest }) => {\n  const { items, ...menuProps } = menu;\n\n  const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n  return (\n    <IconProvider\n      config={{\n        size: 'small',\n        ...iconProps,\n      }}\n    >\n      <AntdDropdown\n        menu={{\n          ...menuProps,\n          items: antdItems,\n        }}\n        {...rest}\n      >\n        {children}\n      </AntdDropdown>\n    </IconProvider>\n  );\n});\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAMA,aAAW,MAAqB,EAAE,UAAU,WAAW,MAAM,GAAG,WAAW;CAC/E,MAAM,EAAE,OAAO,GAAG,cAAc;CAEhC,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;AAE7E,QACE,oBAAC;EACC,QAAQ;GACN,MAAM;GACN,GAAG;GACJ;YAED,oBAACC;GACC,MAAM;IACJ,GAAG;IACH,OAAO;IACR;GACD,GAAI;GAEH;IACY;GACF;EAEjB;AAEF,WAAS,cAAc;AAEvB,uBAAeD"}
+{"version":3,"file":"Dropdown.mjs","names":["Dropdown","AntdDropdown"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { Dropdown as AntdDropdown } from 'antd';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu';\n\nimport type { DropdownProps } from './type';\n\n/**\n * @deprecated\n * Use `DropdownMenu` or `ContextMenu` instead\n * @see https://ui.lobehub.com/components/context-menu\n * @see https://ui.lobehub.com/components/dropdown-menu\n */\nconst Dropdown = memo<DropdownProps>(({ children, iconProps, menu, ...rest }) => {\n  const { items, ...menuProps } = menu;\n\n  const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n  return (\n    <IconProvider\n      config={{\n        size: 'small',\n        ...iconProps,\n      }}\n    >\n      <AntdDropdown\n        menu={{\n          ...menuProps,\n          items: antdItems,\n        }}\n        {...rest}\n      >\n        {children}\n      </AntdDropdown>\n    </IconProvider>\n  );\n});\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,aAAW,MAAqB,EAAE,UAAU,WAAW,MAAM,GAAG,WAAW;CAC/E,MAAM,EAAE,OAAO,GAAG,cAAc;CAEhC,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;AAE7E,QACE,oBAAC,cAAD;EACE,QAAQ;GACN,MAAM;GACN,GAAG;GACJ;YAED,oBAACC,UAAD;GACE,MAAM;IACJ,GAAG;IACH,OAAO;IACR;GACD,GAAI;GAEH;GACY,CAAA;EACF,CAAA;EAEjB;AAEF,WAAS,cAAc"}

package/es/Dropdown/index.mjs

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

package/es/Dropdown/type.d.mts

@@ -1,8 +1,6 @@
 import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
-import "../Icon/index.mjs";
 import { MenuItemType, MenuProps } from "../Menu/type.mjs";
-import "../Menu/index.mjs";
-import { DropdownProps } from "antd/es";
+import { DropdownProps } from "antd/es/index.js";
 
 //#region src/Dropdown/type.d.ts
 interface DropdownProps$1 extends Omit<DropdownProps, 'menu'> {

package/es/DropdownMenu/index.d.mts

@@ -3,5 +3,4 @@ import { renderDropdownMenuItems } from "../base-ui/DropdownMenu/renderItems.mjs
 import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuSwitchItem as DropdownMenuSwitchItem$1 } from "../base-ui/DropdownMenu/type.mjs";
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemDesc, DropdownMenuItemDescProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuItemLabelGroupProps, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, DropdownMenuSwitchItemProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "../base-ui/DropdownMenu/atoms.mjs";
 import { DropdownMenu } from "../base-ui/DropdownMenu/DropdownMenu.mjs";
-import "../base-ui/DropdownMenu/index.mjs";
 export { DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemDesc, DropdownMenuItemDescProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuItemLabelGroupProps, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPlacement, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, DropdownMenuSwitchItemProps, DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, DropdownMenuTriggerProps, IconSpaceMode, DropdownMenu as default, renderDropdownMenuItems };

package/es/DropdownMenu/index.mjs

@@ -1,5 +1,4 @@
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger } from "../base-ui/DropdownMenu/atoms.mjs";
 import { renderDropdownMenuItems } from "../base-ui/DropdownMenu/renderItems.mjs";
-import DropdownMenu_default from "../base-ui/DropdownMenu/DropdownMenu.mjs";
-
-export { DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, DropdownMenu_default as default, renderDropdownMenuItems };
+import DropdownMenu from "../base-ui/DropdownMenu/DropdownMenu.mjs";
+export { DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem, DropdownMenuTrigger, DropdownMenu as default, renderDropdownMenuItems };

package/es/EditableText/ControlInput.d.mts

@@ -1,9 +1,5 @@
 import { ActionIconProps } from "../ActionIcon/type.mjs";
-import "../ActionIcon/index.mjs";
 import { InputProps } from "../Input/type.mjs";
-import "../Input/index.mjs";
-import "react";
-
 //#region src/EditableText/ControlInput.d.ts
 interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {
   onChange?: (value: string) => void;

package/es/EditableText/ControlInput.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import Input_default from "../Input/Input.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import Input from "../Input/Input.mjs";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RotateCcw, Save } from "lucide-react";
-
 //#region src/EditableText/ControlInput.tsx
 const ControlInput = memo(({ value, onChange, onValueChanging, onChangeEnd, onCompositionEnd, onCompositionStart, onPressEnter, onFocus, submitIcon, style, texts, ...rest }) => {
 	const ref = useRef(null);
@@ -20,7 +18,7 @@ const ControlInput = memo(({ value, onChange, onValueChanging, onChangeEnd, onCo
 		ref?.current?.blur();
 		onChangeEnd?.(input);
 	};
-	return /* @__PURE__ */ jsx(Input_default, {
+	return /* @__PURE__ */ jsx(Input, {
 		autoFocus: true,
 		ref,
 		value: input,
@@ -35,7 +33,7 @@ const ControlInput = memo(({ value, onChange, onValueChanging, onChangeEnd, onCo
 				marginRight: -4,
 				zIndex: 1
 			},
-			children: [/* @__PURE__ */ jsx(ActionIcon_default, {
+			children: [/* @__PURE__ */ jsx(ActionIcon, {
 				icon: RotateCcw,
 				size: "small",
 				title: texts?.reset || "Reset",
@@ -43,7 +41,7 @@ const ControlInput = memo(({ value, onChange, onValueChanging, onChangeEnd, onCo
 					e.preventDefault();
 					setInput(value || "");
 				}
-			}), /* @__PURE__ */ jsx(ActionIcon_default, {
+			}), /* @__PURE__ */ jsx(ActionIcon, {
 				icon: submitIcon || Save,
 				size: "small",
 				title: texts?.submit || "Submit",
@@ -78,8 +76,7 @@ const ControlInput = memo(({ value, onChange, onValueChanging, onChangeEnd, onCo
 	});
 });
 ControlInput.displayName = "ControlInput";
-var ControlInput_default = ControlInput;
-
 //#endregion
-export { ControlInput_default as default };
+export { ControlInput as default };
+
 //# sourceMappingURL=ControlInput.mjs.map

package/es/EditableText/ControlInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ControlInput.mjs","names":["Input","Flexbox","ActionIcon"],"sources":["../../src/EditableText/ControlInput.tsx"],"sourcesContent":["'use client';\n\nimport type { InputRef } from 'antd';\nimport { RotateCcw, Save } from 'lucide-react';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Input, { type InputProps } from '@/Input';\n\nexport interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {\n  onChange?: (value: string) => void;\n  onChangeEnd?: (value: string) => void;\n  onValueChanging?: (value: string) => void;\n  submitIcon?: ActionIconProps['icon'];\n  texts?: {\n    reset?: string;\n    submit?: string;\n  };\n  value?: string;\n}\n\nconst ControlInput = memo<ControlInputProps>(\n  ({\n    value,\n    onChange,\n    onValueChanging,\n    onChangeEnd,\n    onCompositionEnd,\n    onCompositionStart,\n    onPressEnter,\n    onFocus,\n    submitIcon,\n    style,\n    texts,\n    ...rest\n  }) => {\n    const ref = useRef<InputRef>(null);\n    const [input, setInput] = useState<string>(value || '');\n\n    const isChineseInput = useRef(false);\n\n    useEffect(() => {\n      if (value !== undefined) setInput(value);\n    }, [value]);\n\n    const handleUpload = () => {\n      onChange?.(input);\n      ref?.current?.blur();\n      onChangeEnd?.(input);\n    };\n\n    return (\n      <Input\n        autoFocus\n        ref={ref}\n        value={input}\n        style={{\n          width: '100%',\n          ...style,\n        }}\n        suffix={\n          value === input ? (\n            <span />\n          ) : (\n            <Flexbox\n              horizontal\n              gap={2}\n              style={{\n                marginRight: -4,\n                zIndex: 1,\n              }}\n            >\n              <ActionIcon\n                icon={RotateCcw}\n                size=\"small\"\n                title={texts?.reset || 'Reset'}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setInput(value || '');\n                }}\n              />\n              <ActionIcon\n                icon={submitIcon || Save}\n                size=\"small\"\n                title={texts?.submit || 'Submit'}\n                variant={'filled'}\n                onClick={(e) => {\n                  e.preventDefault();\n                  handleUpload();\n                }}\n              />\n            </Flexbox>\n          )\n        }\n        onFocus={onFocus}\n        onChange={(e) => {\n          setInput(e.target.value);\n          onValueChanging?.(e.target.value);\n        }}\n        onCompositionEnd={(e) => {\n          isChineseInput.current = false;\n          onCompositionEnd?.(e);\n        }}\n        onCompositionStart={(e) => {\n          isChineseInput.current = true;\n          onCompositionStart?.(e);\n        }}\n        onPressEnter={(e) => {\n          if (!e.shiftKey && !isChineseInput.current) {\n            e.preventDefault();\n            handleUpload();\n            onPressEnter?.(e);\n          }\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nControlInput.displayName = 'ControlInput';\n\nexport default ControlInput;\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,eAAe,MAClB,EACC,OACA,UACA,iBACA,aACA,kBACA,oBACA,cACA,SACA,YACA,OACA,OACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAiB,KAAK;CAClC,MAAM,CAAC,OAAO,YAAY,SAAiB,SAAS,GAAG;CAEvD,MAAM,iBAAiB,OAAO,MAAM;AAEpC,iBAAgB;AACd,MAAI,UAAU,OAAW,UAAS,MAAM;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,qBAAqB;AACzB,aAAW,MAAM;AACjB,OAAK,SAAS,MAAM;AACpB,gBAAc,MAAM;;AAGtB,QACE,oBAACA;EACC;EACK;EACL,OAAO;EACP,OAAO;GACL,OAAO;GACP,GAAG;GACJ;EACD,QACE,UAAU,QACR,oBAAC,WAAO,GAER,qBAACC;GACC;GACA,KAAK;GACL,OAAO;IACL,aAAa;IACb,QAAQ;IACT;cAED,oBAACC;IACC,MAAM;IACN,MAAK;IACL,OAAO,OAAO,SAAS;IACvB,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,cAAS,SAAS,GAAG;;KAEvB,EACF,oBAACA;IACC,MAAM,cAAc;IACpB,MAAK;IACL,OAAO,OAAO,UAAU;IACxB,SAAS;IACT,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,mBAAc;;KAEhB;IACM;EAGL;EACT,WAAW,MAAM;AACf,YAAS,EAAE,OAAO,MAAM;AACxB,qBAAkB,EAAE,OAAO,MAAM;;EAEnC,mBAAmB,MAAM;AACvB,kBAAe,UAAU;AACzB,sBAAmB,EAAE;;EAEvB,qBAAqB,MAAM;AACzB,kBAAe,UAAU;AACzB,wBAAqB,EAAE;;EAEzB,eAAe,MAAM;AACnB,OAAI,CAAC,EAAE,YAAY,CAAC,eAAe,SAAS;AAC1C,MAAE,gBAAgB;AAClB,kBAAc;AACd,mBAAe,EAAE;;;EAGrB,GAAI;GACJ;EAGP;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"ControlInput.mjs","names":["Flexbox"],"sources":["../../src/EditableText/ControlInput.tsx"],"sourcesContent":["'use client';\n\nimport type { InputRef } from 'antd';\nimport { RotateCcw, Save } from 'lucide-react';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Input, { type InputProps } from '@/Input';\n\nexport interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {\n  onChange?: (value: string) => void;\n  onChangeEnd?: (value: string) => void;\n  onValueChanging?: (value: string) => void;\n  submitIcon?: ActionIconProps['icon'];\n  texts?: {\n    reset?: string;\n    submit?: string;\n  };\n  value?: string;\n}\n\nconst ControlInput = memo<ControlInputProps>(\n  ({\n    value,\n    onChange,\n    onValueChanging,\n    onChangeEnd,\n    onCompositionEnd,\n    onCompositionStart,\n    onPressEnter,\n    onFocus,\n    submitIcon,\n    style,\n    texts,\n    ...rest\n  }) => {\n    const ref = useRef<InputRef>(null);\n    const [input, setInput] = useState<string>(value || '');\n\n    const isChineseInput = useRef(false);\n\n    useEffect(() => {\n      if (value !== undefined) setInput(value);\n    }, [value]);\n\n    const handleUpload = () => {\n      onChange?.(input);\n      ref?.current?.blur();\n      onChangeEnd?.(input);\n    };\n\n    return (\n      <Input\n        autoFocus\n        ref={ref}\n        value={input}\n        style={{\n          width: '100%',\n          ...style,\n        }}\n        suffix={\n          value === input ? (\n            <span />\n          ) : (\n            <Flexbox\n              horizontal\n              gap={2}\n              style={{\n                marginRight: -4,\n                zIndex: 1,\n              }}\n            >\n              <ActionIcon\n                icon={RotateCcw}\n                size=\"small\"\n                title={texts?.reset || 'Reset'}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setInput(value || '');\n                }}\n              />\n              <ActionIcon\n                icon={submitIcon || Save}\n                size=\"small\"\n                title={texts?.submit || 'Submit'}\n                variant={'filled'}\n                onClick={(e) => {\n                  e.preventDefault();\n                  handleUpload();\n                }}\n              />\n            </Flexbox>\n          )\n        }\n        onFocus={onFocus}\n        onChange={(e) => {\n          setInput(e.target.value);\n          onValueChanging?.(e.target.value);\n        }}\n        onCompositionEnd={(e) => {\n          isChineseInput.current = false;\n          onCompositionEnd?.(e);\n        }}\n        onCompositionStart={(e) => {\n          isChineseInput.current = true;\n          onCompositionStart?.(e);\n        }}\n        onPressEnter={(e) => {\n          if (!e.shiftKey && !isChineseInput.current) {\n            e.preventDefault();\n            handleUpload();\n            onPressEnter?.(e);\n          }\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nControlInput.displayName = 'ControlInput';\n\nexport default ControlInput;\n"],"mappings":";;;;;;;;AAsBA,MAAM,eAAe,MAClB,EACC,OACA,UACA,iBACA,aACA,kBACA,oBACA,cACA,SACA,YACA,OACA,OACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAiB,KAAK;CAClC,MAAM,CAAC,OAAO,YAAY,SAAiB,SAAS,GAAG;CAEvD,MAAM,iBAAiB,OAAO,MAAM;AAEpC,iBAAgB;AACd,MAAI,UAAU,KAAA,EAAW,UAAS,MAAM;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,qBAAqB;AACzB,aAAW,MAAM;AACjB,OAAK,SAAS,MAAM;AACpB,gBAAc,MAAM;;AAGtB,QACE,oBAAC,OAAD;EACE,WAAA;EACK;EACL,OAAO;EACP,OAAO;GACL,OAAO;GACP,GAAG;GACJ;EACD,QACE,UAAU,QACR,oBAAC,QAAD,EAAQ,CAAA,GAER,qBAACA,mBAAD;GACE,YAAA;GACA,KAAK;GACL,OAAO;IACL,aAAa;IACb,QAAQ;IACT;aANH,CAQE,oBAAC,YAAD;IACE,MAAM;IACN,MAAK;IACL,OAAO,OAAO,SAAS;IACvB,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,cAAS,SAAS,GAAG;;IAEvB,CAAA,EACF,oBAAC,YAAD;IACE,MAAM,cAAc;IACpB,MAAK;IACL,OAAO,OAAO,UAAU;IACxB,SAAS;IACT,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,mBAAc;;IAEhB,CAAA,CACM;;EAGL;EACT,WAAW,MAAM;AACf,YAAS,EAAE,OAAO,MAAM;AACxB,qBAAkB,EAAE,OAAO,MAAM;;EAEnC,mBAAmB,MAAM;AACvB,kBAAe,UAAU;AACzB,sBAAmB,EAAE;;EAEvB,qBAAqB,MAAM;AACzB,kBAAe,UAAU;AACzB,wBAAqB,EAAE;;EAEzB,eAAe,MAAM;AACnB,OAAI,CAAC,EAAE,YAAY,CAAC,eAAe,SAAS;AAC1C,MAAE,gBAAgB;AAClB,kBAAc;AACd,mBAAe,EAAE;;;EAGrB,GAAI;EACJ,CAAA;EAGP;AAED,aAAa,cAAc"}

package/es/EditableText/EditableText.d.mts

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

package/es/EditableText/EditableText.mjs

@@ -1,15 +1,13 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import ControlInput_default from "./ControlInput.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import ControlInput from "./ControlInput.mjs";
 import { memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { Edit3 } from "lucide-react";
 import { useHotkeys } from "react-hotkeys-hook";
-
 //#region src/EditableText/EditableText.tsx
 const EditableText = memo(({ value, showEditIcon = true, onChange, editing, onEditingChange, onChangeEnd, onFocus, onBlur, className, inputProps, onValueChanging, gap = 8, style, size = "small", styles, classNames, variant = "borderless", ...rest }) => {
 	const [edited, setEdited] = useMergeState(false, {
@@ -31,7 +29,7 @@ const EditableText = memo(({ value, showEditIcon = true, onChange, editing, onEd
 			case "small": return 24;
 		}
 	}, [size]);
-	const input = /* @__PURE__ */ jsx(ControlInput_default, {
+	const input = /* @__PURE__ */ jsx(ControlInput, {
 		className: cx(className, classNames?.input),
 		size,
 		value,
@@ -51,7 +49,7 @@ const EditableText = memo(({ value, showEditIcon = true, onChange, editing, onEd
 		},
 		...inputProps
 	});
-	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: value }), showEditIcon && /* @__PURE__ */ jsx(ActionIcon_default, {
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: value }), showEditIcon && /* @__PURE__ */ jsx(ActionIcon, {
 		icon: Edit3,
 		size: "small",
 		title: "Edit",
@@ -75,8 +73,7 @@ const EditableText = memo(({ value, showEditIcon = true, onChange, editing, onEd
 	});
 });
 EditableText.displayName = "EditableText";
-var EditableText_default = EditableText;
-
 //#endregion
-export { EditableText_default as default };
+export { EditableText as default };
+
 //# sourceMappingURL=EditableText.mjs.map

package/es/EditableText/EditableText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.mjs","names":["useControlledState","ControlInput","ActionIcon","Flexbox"],"sources":["../../src/EditableText/EditableText.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Edit3 } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport ControlInput from './ControlInput';\nimport type { EditableTextProps } from './type';\n\nconst EditableText = memo<EditableTextProps>(\n  ({\n    value,\n    showEditIcon = true,\n    onChange,\n    editing,\n    onEditingChange,\n    onChangeEnd,\n    onFocus,\n    onBlur,\n    className,\n    inputProps,\n    onValueChanging,\n    gap = 8,\n    style,\n    size = 'small',\n    styles,\n    classNames,\n    variant = 'borderless',\n    ...rest\n  }) => {\n    const [edited, setEdited] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    useHotkeys(\n      'esc',\n      () => {\n        setEdited(false);\n      },\n      {\n        enableOnFormTags: true,\n        enabled: edited,\n        preventDefault: true,\n      },\n    );\n\n    const height = useMemo(() => {\n      if (!size) return 32;\n      switch (size) {\n        case 'large': {\n          return 40;\n        }\n        case 'middle': {\n          return 32;\n        }\n        case 'small': {\n          return 24;\n        }\n      }\n    }, [size]);\n\n    const input = (\n      <ControlInput\n        className={cx(className, classNames?.input)}\n        size={size}\n        value={value as string}\n        variant={variant}\n        style={{\n          height,\n          ...style,\n          ...styles?.input,\n        }}\n        onBlur={onBlur}\n        onChange={onChange}\n        onFocus={onFocus}\n        onValueChanging={onValueChanging}\n        onChangeEnd={(v) => {\n          onChangeEnd?.(v);\n          setEdited(false);\n        }}\n        {...inputProps}\n      />\n    );\n\n    const content = (\n      <>\n        <span>{value}</span>\n        {showEditIcon && (\n          <ActionIcon\n            icon={Edit3}\n            size=\"small\"\n            title={'Edit'}\n            onClick={() => {\n              setEdited(!edited);\n            }}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={cx(className, classNames?.container)}\n        gap={gap}\n        style={{\n          height,\n          width: '100%',\n          ...style,\n          ...styles?.container,\n        }}\n        {...rest}\n      >\n        {edited ? input : content}\n      </Flexbox>\n    );\n  },\n);\n\nEditableText.displayName = 'EditableText';\n\nexport default EditableText;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,eAAe,MAClB,EACC,OACA,eAAe,MACf,UACA,SACA,iBACA,aACA,SACA,QACA,WACA,YACA,iBACA,MAAM,GACN,OACA,OAAO,SACP,QACA,YACA,UAAU,cACV,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;AAEF,YACE,aACM;AACJ,YAAU,MAAM;IAElB;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EACjB,CACF;CAED,MAAM,SAAS,cAAc;AAC3B,MAAI,CAAC,KAAM,QAAO;AAClB,UAAQ,MAAR;GACE,KAAK,QACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,QACH,QAAO;;IAGV,CAAC,KAAK,CAAC;CAEV,MAAM,QACJ,oBAACC;EACC,WAAW,GAAG,WAAW,YAAY,MAAM;EACrC;EACC;EACE;EACT,OAAO;GACL;GACA,GAAG;GACH,GAAG,QAAQ;GACZ;EACO;EACE;EACD;EACQ;EACjB,cAAc,MAAM;AAClB,iBAAc,EAAE;AAChB,aAAU,MAAM;;EAElB,GAAI;GACJ;CAGJ,MAAM,UACJ,8CACE,oBAAC,oBAAM,QAAa,EACnB,gBACC,oBAACC;EACC,MAAM;EACN,MAAK;EACL,OAAO;EACP,eAAe;AACb,aAAU,CAAC,OAAO;;GAEpB,IAEH;AAGL,QACE,oBAACC;EACC;EACA,OAAO;EACP,WAAW,GAAG,WAAW,YAAY,UAAU;EAC1C;EACL,OAAO;GACL;GACA,OAAO;GACP,GAAG;GACH,GAAG,QAAQ;GACZ;EACD,GAAI;YAEH,SAAS,QAAQ;GACV;EAGf;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"EditableText.mjs","names":["useControlledState","Flexbox"],"sources":["../../src/EditableText/EditableText.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Edit3 } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport ControlInput from './ControlInput';\nimport type { EditableTextProps } from './type';\n\nconst EditableText = memo<EditableTextProps>(\n  ({\n    value,\n    showEditIcon = true,\n    onChange,\n    editing,\n    onEditingChange,\n    onChangeEnd,\n    onFocus,\n    onBlur,\n    className,\n    inputProps,\n    onValueChanging,\n    gap = 8,\n    style,\n    size = 'small',\n    styles,\n    classNames,\n    variant = 'borderless',\n    ...rest\n  }) => {\n    const [edited, setEdited] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    useHotkeys(\n      'esc',\n      () => {\n        setEdited(false);\n      },\n      {\n        enableOnFormTags: true,\n        enabled: edited,\n        preventDefault: true,\n      },\n    );\n\n    const height = useMemo(() => {\n      if (!size) return 32;\n      switch (size) {\n        case 'large': {\n          return 40;\n        }\n        case 'middle': {\n          return 32;\n        }\n        case 'small': {\n          return 24;\n        }\n      }\n    }, [size]);\n\n    const input = (\n      <ControlInput\n        className={cx(className, classNames?.input)}\n        size={size}\n        value={value as string}\n        variant={variant}\n        style={{\n          height,\n          ...style,\n          ...styles?.input,\n        }}\n        onBlur={onBlur}\n        onChange={onChange}\n        onFocus={onFocus}\n        onValueChanging={onValueChanging}\n        onChangeEnd={(v) => {\n          onChangeEnd?.(v);\n          setEdited(false);\n        }}\n        {...inputProps}\n      />\n    );\n\n    const content = (\n      <>\n        <span>{value}</span>\n        {showEditIcon && (\n          <ActionIcon\n            icon={Edit3}\n            size=\"small\"\n            title={'Edit'}\n            onClick={() => {\n              setEdited(!edited);\n            }}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={cx(className, classNames?.container)}\n        gap={gap}\n        style={{\n          height,\n          width: '100%',\n          ...style,\n          ...styles?.container,\n        }}\n        {...rest}\n      >\n        {edited ? input : content}\n      </Flexbox>\n    );\n  },\n);\n\nEditableText.displayName = 'EditableText';\n\nexport default EditableText;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,eAAe,MAClB,EACC,OACA,eAAe,MACf,UACA,SACA,iBACA,aACA,SACA,QACA,WACA,YACA,iBACA,MAAM,GACN,OACA,OAAO,SACP,QACA,YACA,UAAU,cACV,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;AAEF,YACE,aACM;AACJ,YAAU,MAAM;IAElB;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EACjB,CACF;CAED,MAAM,SAAS,cAAc;AAC3B,MAAI,CAAC,KAAM,QAAO;AAClB,UAAQ,MAAR;GACE,KAAK,QACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,QACH,QAAO;;IAGV,CAAC,KAAK,CAAC;CAEV,MAAM,QACJ,oBAAC,cAAD;EACE,WAAW,GAAG,WAAW,YAAY,MAAM;EACrC;EACC;EACE;EACT,OAAO;GACL;GACA,GAAG;GACH,GAAG,QAAQ;GACZ;EACO;EACE;EACD;EACQ;EACjB,cAAc,MAAM;AAClB,iBAAc,EAAE;AAChB,aAAU,MAAM;;EAElB,GAAI;EACJ,CAAA;CAGJ,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,EACnB,gBACC,oBAAC,YAAD;EACE,MAAM;EACN,MAAK;EACL,OAAO;EACP,eAAe;AACb,aAAU,CAAC,OAAO;;EAEpB,CAAA,CAEH,EAAA,CAAA;AAGL,QACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,WAAW,YAAY,UAAU;EAC1C;EACL,OAAO;GACL;GACA,OAAO;GACP,GAAG;GACH,GAAG,QAAQ;GACZ;EACD,GAAI;YAEH,SAAS,QAAQ;EACV,CAAA;EAGf;AAED,aAAa,cAAc"}

package/es/EditableText/index.mjs

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

package/es/EditableText/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { ControlInputProps } from "./ControlInput.mjs";
 import { CSSProperties } from "react";