@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/menu/Menu.svelte

@@ -19,6 +19,7 @@
   import MenuPopupNode from './MenuPopupNode.svelte';
   import { deriveMenuSemantics, isDivider, isGroup } from './types.js';
   import type { Snippet } from 'svelte';
+  import type { Placement } from '@chenzy-design/core';
   import type { MenuItemDef, MenuItemNode, MenuKey, MenuPurpose } from './types.js';
 
   type Mode = 'vertical' | 'inline' | 'horizontal';
@@ -28,7 +29,7 @@
 
   interface TooltipProps {
     content?: string;
-    position?: string;
+    position?: Placement;
     theme?: 'dark' | 'light';
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -43,6 +44,20 @@
     defaultOpenKeys?: MenuKey[];
     size?: Size;
     inlineIndent?: number;
+    /**
+     * 缩进限制（默认 true）：仅一级导航缩进，深层子项不按层级累加缩进。
+     * 设为 false 时按 level × inlineIndent 逐级缩进。仅 inline 模式有意义。
+     */
+    limitIndent?: boolean;
+    /**
+     * 含子菜单项的展开箭头位置（默认 'right'）：'left' 置于 label 前、'right' 置于末尾。
+     * 仅 inline 模式（内联展开的 SubMenu title）生效。
+     */
+    toggleIconPosition?: 'left' | 'right';
+    /** 自定义展开箭头图标（Snippet，替代默认三角形）。 */
+    expandIcon?: Snippet;
+    /** 子菜单展开/浮层动画开关（默认 true）。false 时去除展开过渡与浮层动画。 */
+    motion?: boolean;
     /** inline 模式下折叠为图标轨：仅显图标、容器变窄，有子菜单的项 hover 向右弹浮层 */
     inlineCollapsed?: boolean;
     /** 多选模式：点击叶子项 toggle 其选中态，selectedKeys 可含多项同时高亮（默认单选） */
@@ -104,6 +119,10 @@
     defaultOpenKeys = [],
     size = 'default',
     inlineIndent = 24,
+    limitIndent = true,
+    toggleIconPosition = 'right',
+    expandIcon,
+    motion = true,
     inlineCollapsed = false,
     multiple = false,
     triggerSubMenuAction,
@@ -379,7 +398,8 @@
 
 {#snippet renderItems(list: MenuItemDef[], level: number)}
   {#each list as item, i (item.key ?? `__cd-menu-${level}-${i}`)}
-    {@const indent = `calc(var(--cd-menu-item-padding) + ${level} * ${inlineIndent}px)`}
+    {@const indentLevel = limitIndent ? Math.min(level, 1) : level}
+    {@const indent = `calc(var(--cd-menu-item-padding) + ${indentLevel} * ${inlineIndent}px)`}
     {#if isDivider(item)}
       <li class="cd-menu__divider" role={sem.navigation ? undefined : 'separator'}></li>
     {:else if isGroup(item)}
@@ -428,20 +448,41 @@
             }
           }}
         >
+          {#if toggleIconPosition === 'left'}
+            <span
+              class="cd-menu__arrow cd-menu__arrow--left"
+              class:cd-menu__arrow--open={open}
+              aria-hidden="true"
+            >
+              {#if expandIcon}{@render expandIcon()}{:else}
+                <svg viewBox="0 0 16 16" width="10" height="10" focusable="false">
+                  <path fill="currentColor" d="M6 4l4 4-4 4V4Z" />
+                </svg>
+              {/if}
+            </span>
+          {/if}
           {#if item.icon}<span class="cd-menu__icon" aria-hidden="true">{@render item.icon()}</span>{/if}
           <span class="cd-menu__label">{item.label}</span>
-          <span
-            class="cd-menu__arrow"
-            class:cd-menu__arrow--open={open}
-            aria-hidden="true"
-          >
-            <svg viewBox="0 0 16 16" width="10" height="10" focusable="false">
-              <path fill="currentColor" d="M6 4l4 4-4 4V4Z" />
-            </svg>
-          </span>
+          {#if toggleIconPosition === 'right'}
+            <span
+              class="cd-menu__arrow"
+              class:cd-menu__arrow--open={open}
+              aria-hidden="true"
+            >
+              {#if expandIcon}{@render expandIcon()}{:else}
+                <svg viewBox="0 0 16 16" width="10" height="10" focusable="false">
+                  <path fill="currentColor" d="M6 4l4 4-4 4V4Z" />
+                </svg>
+              {/if}
+            </span>
+          {/if}
         </button>
         {#if open}
-          <ul class="cd-menu__sub" role={sem.subListRole}>
+          <ul
+            class="cd-menu__sub"
+            class:cd-menu__sub--motion={motion}
+            role={sem.subListRole}
+          >
             {@render renderItems(item.children ?? [], level + 1)}
           </ul>
         {/if}
@@ -461,7 +502,12 @@
               aria-current={selected ? 'page' : undefined}
               aria-disabled={isItemDisabled(item) || undefined}
               style="padding-inline-start: {indent}"
-              onclick={() => selectLeaf(item)}
+              onclick={(e) => {
+                item.onClick?.(e);
+                selectLeaf(item);
+              }}
+              onmouseenter={item.onMouseEnter}
+              onmouseleave={item.onMouseLeave}
             >
               {#if item.icon}<span class="cd-menu__icon" aria-hidden="true">{@render item.icon()}</span>{/if}
               <span class="cd-menu__label">{item.label}</span>
@@ -484,7 +530,12 @@
               aria-disabled={isItemDisabled(item) || undefined}
               disabled={isItemDisabled(item) || undefined}
               style="padding-inline-start: {indent}"
-              onclick={() => selectLeaf(item)}
+              onclick={(e) => {
+                item.onClick?.(e);
+                selectLeaf(item);
+              }}
+              onmouseenter={item.onMouseEnter}
+              onmouseleave={item.onMouseLeave}
             >
               {#if item.icon}<span class="cd-menu__icon" aria-hidden="true">{@render item.icon()}</span>{/if}
               <span class="cd-menu__label">{item.label}</span>
@@ -535,8 +586,8 @@
           {destroyOnHide}
           {getPopupContainer}
           parentDisabled={disabled}
-          {tooltipProps}
-          {renderWrapper}
+          {...(tooltipProps !== undefined ? { tooltipProps } : {})}
+          {...(renderWrapper !== undefined ? { renderWrapper } : {})}
           onSelectLeaf={selectLeaf}
           onCloseAll={() => {}}
         />
@@ -555,7 +606,7 @@
           {destroyOnHide}
           {getPopupContainer}
           parentDisabled={disabled}
-          {renderWrapper}
+          {...(renderWrapper !== undefined ? { renderWrapper } : {})}
           onSelectLeaf={selectLeaf}
           onCloseAll={() => {}}
         />
@@ -606,13 +657,29 @@
   .cd-menu--horizontal > :global(.cd-menu__item) {
     display: flex;
   }
+  /* 水平导航配色对齐 Semi：默认项文字浅(text-2)、hover 文字变深(text-1) 且无背景、
+     选中文字最深(text-0) + 无背景块、无下划线（Semi 顶部导航选中态仅靠文字深浅区分）。 */
   .cd-menu--horizontal > :global(.cd-menu__item) > :global(.cd-menu__link),
   .cd-menu--horizontal > :global(.cd-menu__item) > :global(.cd-menu__title) {
     inline-size: auto;
+    background: transparent;
+    color: var(--cd-color-text-2);
+  }
+  .cd-menu--horizontal > :global(.cd-menu__item) > :global(.cd-menu__link:hover),
+  .cd-menu--horizontal > :global(.cd-menu__item) > :global(.cd-menu__title:hover) {
+    background: transparent;
+    color: var(--cd-color-text-1);
+  }
+  .cd-menu--horizontal > :global(.cd-menu__item) > :global(.cd-menu__link--selected) {
+    background: transparent;
+    color: var(--cd-color-text-0);
   }
   /* 折叠图标轨：容器收窄到仅容图标 + padding */
+  /* 折叠图标轨：撑满容器宽度（如 Nav/Sider 的折叠宽度），使图标居中、选中背景填满。
+     min 用 token 兜底，避免容器未限宽时塌成 0。 */
   .cd-menu--collapsed {
-    inline-size: var(--cd-menu-collapsed-width, calc(var(--cd-menu-item-height) + var(--cd-spacing-2)));
+    inline-size: 100%;
+    min-inline-size: var(--cd-menu-collapsed-width, calc(var(--cd-menu-item-height) + var(--cd-spacing-tight)));
   }
   .cd-menu__item {
     margin: 0;
@@ -623,10 +690,29 @@
     padding: 0;
     list-style: none;
   }
+  /* motion=true 时内联子菜单展开动画（淡入 + 轻微下移）；motion=false 关闭 */
+  .cd-menu__sub--motion {
+    animation: cd-menu-sub-in var(--cd-motion-duration-fast) var(--cd-motion-ease-standard) both;
+  }
+  @keyframes cd-menu-sub-in {
+    from {
+      opacity: 0;
+      transform: translateY(-4px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .cd-menu__sub--motion {
+      animation: none;
+    }
+  }
   /* 分隔符：水平细线，不可交互 */
   .cd-menu__divider {
     block-size: 1px;
-    margin-block: var(--cd-spacing-1);
+    margin-block: var(--cd-spacing-extra-tight);
     background: var(--cd-menu-border-color, var(--cd-color-border));
   }
   /* 分组：始终展开的分区标题 + 组内项列表 */
@@ -641,7 +727,7 @@
     block-size: var(--cd-menu-item-height);
     padding-inline: var(--cd-menu-item-padding);
     color: var(--cd-menu-item-color-disabled);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     cursor: default;
     user-select: none;
   }
@@ -649,7 +735,7 @@
   .cd-menu__title {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     block-size: var(--cd-menu-item-height);
     padding-inline: var(--cd-menu-item-padding);
@@ -659,16 +745,17 @@
     font: inherit;
     text-align: start;
     cursor: pointer;
+    border-radius: var(--cd-menu-item-radius);
     transition: background var(--cd-motion-duration-fast)
       var(--cd-motion-ease-standard);
   }
   .cd-menu--small .cd-menu__link,
   .cd-menu--small .cd-menu__title {
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-menu--large .cd-menu__link,
   .cd-menu--large .cd-menu__title {
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-menu__link:hover,
   .cd-menu__title:hover {
@@ -679,39 +766,29 @@
     outline: none;
     box-shadow: var(--cd-focus-ring);
   }
+  /* 对齐 Semi：选中态深色文字 + 蓝底块，无左侧指示条，靠蓝底/蓝图标区分 */
   .cd-menu__link--selected {
     position: relative;
     color: var(--cd-menu-item-color-selected);
     background: var(--cd-menu-item-bg-selected);
   }
-  .cd-menu__link--selected::before {
-    content: '';
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    inline-size: 3px;
-    background: var(--cd-menu-item-indicator);
+  .cd-menu__link--selected :global(.cd-menu__icon) {
+    color: var(--cd-menu-item-icon-color-selected);
   }
   .cd-menu__link[aria-disabled='true'],
   .cd-menu__title[aria-disabled='true'] {
     color: var(--cd-menu-item-color-disabled);
     cursor: not-allowed;
   }
-  /* 校验态：用 token 着色选中指示条与选中文字（表单内菜单少见场景）。
+  /* 校验态：用 token 着色选中文字（表单内菜单少见场景）。
      选中叶子可能由子组件 MenuPopupNode 渲染（vertical/horizontal/collapsed 浮层模式），
      故用 :global 穿透 scoped 边界匹配后代 link。 */
   .cd-menu--warning :global(.cd-menu__link--selected) {
     color: var(--cd-menu-color-warning, var(--cd-color-warning));
   }
-  .cd-menu--warning :global(.cd-menu__link--selected::before) {
-    background: var(--cd-menu-color-warning, var(--cd-color-warning));
-  }
   .cd-menu--error :global(.cd-menu__link--selected) {
     color: var(--cd-menu-color-danger, var(--cd-color-danger));
   }
-  .cd-menu--error :global(.cd-menu__link--selected::before) {
-    background: var(--cd-menu-color-danger, var(--cd-color-danger));
-  }
   .cd-menu__label {
     flex: 1 1 auto;
     overflow: hidden;
@@ -734,7 +811,7 @@
     flex: 0 0 auto;
     inline-size: 1rem;
     block-size: 1rem;
-    color: var(--cd-menu-item-color-selected);
+    color: var(--cd-menu-item-icon-color-selected);
     opacity: 0;
   }
   .cd-menu__check--on {
@@ -752,6 +829,10 @@
   .cd-menu__arrow--open {
     transform: rotate(90deg);
   }
+  /* toggleIconPosition='left'：箭头置于 label 前，与后续内容留出间距 */
+  .cd-menu__arrow--left {
+    margin-inline-end: var(--cd-spacing-extra-tight);
+  }
   @media (prefers-reduced-motion: reduce) {
     .cd-menu__link,
     .cd-menu__title,

package/dist/menu/Menu.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import type { Placement } from '@chenzy-design/core';
 import type { MenuItemDef, MenuItemNode, MenuKey, MenuPurpose } from './types.js';
 type Mode = 'vertical' | 'inline' | 'horizontal';
 type Size = 'small' | 'default' | 'large';
@@ -6,7 +7,7 @@ type Status = 'default' | 'warning' | 'error';
 type TriggerSubMenuAction = 'hover' | 'click';
 interface TooltipProps {
     content?: string;
-    position?: string;
+    position?: Placement;
     theme?: 'dark' | 'light';
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -20,6 +21,20 @@ interface Props {
     defaultOpenKeys?: MenuKey[];
     size?: Size;
     inlineIndent?: number;
+    /**
+     * 缩进限制（默认 true）：仅一级导航缩进，深层子项不按层级累加缩进。
+     * 设为 false 时按 level × inlineIndent 逐级缩进。仅 inline 模式有意义。
+     */
+    limitIndent?: boolean;
+    /**
+     * 含子菜单项的展开箭头位置（默认 'right'）：'left' 置于 label 前、'right' 置于末尾。
+     * 仅 inline 模式（内联展开的 SubMenu title）生效。
+     */
+    toggleIconPosition?: 'left' | 'right';
+    /** 自定义展开箭头图标（Snippet，替代默认三角形）。 */
+    expandIcon?: Snippet;
+    /** 子菜单展开/浮层动画开关（默认 true）。false 时去除展开过渡与浮层动画。 */
+    motion?: boolean;
     /** inline 模式下折叠为图标轨：仅显图标、容器变窄，有子菜单的项 hover 向右弹浮层 */
     inlineCollapsed?: boolean;
     /** 多选模式：点击叶子项 toggle 其选中态，selectedKeys 可含多项同时高亮（默认单选） */

package/dist/menu/Menu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../../src/menu/Menu.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGhF,KAAK,IAAI,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AACjD,KAAK,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9C,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE;AA6ZH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../../src/menu/Menu.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGhF,KAAK,IAAI,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AACjD,KAAK,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9C,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE;AAsbH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/menu/MenuPopupNode.svelte

@@ -17,7 +17,7 @@
 
   interface TooltipProps {
     content?: string;
-    position?: string;
+    position?: Placement;
     theme?: 'dark' | 'light';
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -87,6 +87,20 @@
   // 整体 disabled（parentDisabled）叠加单项 disabled。
   const itemDisabled = $derived(parentDisabled || !!node.disabled);
 
+  // 折叠 Tooltip 的可选透传项：exactOptionalPropertyTypes 下不能把 undefined 显式传给
+  // 值域不含 undefined 的可选 prop，故仅在有值时纳入（content/placement 始终有兜底另传）。
+  const tooltipPass = $derived({
+    content: tooltipProps?.content ?? node.label,
+    placement: tooltipProps?.position ?? ('right' as Placement),
+    ...(tooltipProps?.theme !== undefined ? { theme: tooltipProps.theme } : {}),
+    ...(tooltipProps?.mouseEnterDelay !== undefined
+      ? { mouseEnterDelay: tooltipProps.mouseEnterDelay }
+      : {}),
+    ...(tooltipProps?.mouseLeaveDelay !== undefined
+      ? { mouseLeaveDelay: tooltipProps.mouseLeaveDelay }
+      : {}),
+  });
+
   let titleEl = $state<HTMLButtonElement | null>(null);
   let open = $state(false);
 
@@ -189,8 +203,8 @@
           {getPopupContainer}
           {parentDisabled}
           {destroyOnHide}
-          {tooltipProps}
-          {renderWrapper}
+          {...(tooltipProps !== undefined ? { tooltipProps } : {})}
+          {...(renderWrapper !== undefined ? { renderWrapper } : {})}
           {onSelectLeaf}
           {onCloseAll}
           {openDelay}
@@ -238,13 +252,7 @@
       </button>
     {/snippet}
     {#if collapsed}
-      <Tooltip
-        content={tooltipProps?.content ?? node.label}
-        placement={tooltipProps?.position ?? 'right'}
-        theme={tooltipProps?.theme}
-        mouseEnterDelay={tooltipProps?.mouseEnterDelay}
-        mouseLeaveDelay={tooltipProps?.mouseLeaveDelay}
-      >
+      <Tooltip {...tooltipPass}>
         {@render titleButton()}
       </Tooltip>
     {:else}
@@ -273,7 +281,7 @@
             {destroyOnHide}
             parentDisabled={parentDisabled}
             {onSelectLeaf}
-            {renderWrapper}
+            {...(renderWrapper !== undefined ? { renderWrapper } : {})}
             onCloseAll={() => {
               closeNow();
               onCloseAll();
@@ -308,13 +316,7 @@
         </a>
       {/snippet}
       {#if collapsed}
-        <Tooltip
-          content={tooltipProps?.content ?? node.label}
-          placement={tooltipProps?.position ?? 'right'}
-          theme={tooltipProps?.theme}
-          mouseEnterDelay={tooltipProps?.mouseEnterDelay}
-          mouseLeaveDelay={tooltipProps?.mouseLeaveDelay}
-        >
+        <Tooltip {...tooltipPass}>
           {#if renderWrapper}
             {@render renderWrapper({ item: node, children: leafLink })}
           {:else}
@@ -353,13 +355,7 @@
         </button>
       {/snippet}
       {#if collapsed}
-        <Tooltip
-          content={tooltipProps?.content ?? node.label}
-          placement={tooltipProps?.position ?? 'right'}
-          theme={tooltipProps?.theme}
-          mouseEnterDelay={tooltipProps?.mouseEnterDelay}
-          mouseLeaveDelay={tooltipProps?.mouseLeaveDelay}
-        >
+        <Tooltip {...tooltipPass}>
           {#if renderWrapper}
             {@render renderWrapper({ item: node, children: leafButton })}
           {:else}
@@ -384,7 +380,7 @@
   /* 分隔符：水平细线，不可交互 */
   .cd-menu__divider {
     block-size: 1px;
-    margin-block: var(--cd-spacing-1);
+    margin-block: var(--cd-spacing-extra-tight);
     background: var(--cd-menu-border-color, var(--cd-color-border));
   }
   /* 分组：始终展开的分区标题 + 组内项 */
@@ -399,7 +395,7 @@
     block-size: var(--cd-menu-item-height);
     padding-inline: var(--cd-menu-item-padding);
     color: var(--cd-menu-item-color-disabled);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     cursor: default;
     user-select: none;
   }
@@ -407,7 +403,7 @@
   .cd-menu__title {
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     block-size: var(--cd-menu-item-height);
     padding-inline: var(--cd-menu-item-padding);
@@ -437,18 +433,14 @@
     outline: none;
     box-shadow: var(--cd-focus-ring);
   }
+  /* 对齐 Semi：选中态深色文字 + 蓝底块，无左侧指示条 */
   .cd-menu__link--selected {
     position: relative;
     color: var(--cd-menu-item-color-selected);
     background: var(--cd-menu-item-bg-selected);
   }
-  .cd-menu__link--selected::before {
-    content: '';
-    position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
-    inline-size: 3px;
-    background: var(--cd-menu-item-indicator);
+  .cd-menu__link--selected :global(.cd-menu__icon) {
+    color: var(--cd-menu-item-icon-color-selected);
   }
   .cd-menu__link[aria-disabled='true'],
   .cd-menu__title[aria-disabled='true'] {
@@ -480,6 +472,14 @@
     gap: 0;
     padding-inline: 0;
   }
+  /* 折叠态项被 Tooltip 包裹，其触发器默认 inline-block 会收缩到图标宽度，
+     导致选中背景/点击区只有 16px。强制 Tooltip 链路撑满 li 宽度，
+     使图标居中、选中背景填满整条图标轨。 */
+  .cd-menu__item :global(.cd-tooltip),
+  .cd-menu__item :global(.cd-tooltip__trigger) {
+    display: block;
+    inline-size: 100%;
+  }
   .cd-menu__check {
     display: inline-flex;
     align-items: center;
@@ -487,7 +487,7 @@
     flex: 0 0 auto;
     inline-size: 1rem;
     block-size: 1rem;
-    color: var(--cd-menu-item-color-selected);
+    color: var(--cd-menu-item-icon-color-selected);
     opacity: 0;
   }
   .cd-menu__check--on {
@@ -506,7 +506,7 @@
     padding: 0;
     list-style: none;
     min-inline-size: 8rem;
-    padding-block: var(--cd-spacing-1);
+    padding-block: var(--cd-spacing-extra-tight);
     background: var(--cd-menu-bg);
     border-radius: var(--cd-select-dropdown-radius, 6px);
     box-shadow: var(--cd-select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));

package/dist/menu/MenuPopupNode.svelte.d.ts

@@ -3,7 +3,7 @@ import type { Placement } from '@chenzy-design/core';
 import type { MenuItemDef, MenuItemNode, MenuKey } from './types.js';
 interface TooltipProps {
     content?: string;
-    position?: string;
+    position?: Placement;
     theme?: 'dark' | 'light';
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;

package/dist/menu/MenuPopupNode.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopupNode.svelte.d.ts","sourceRoot":"","sources":["../../src/menu/MenuPopupNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,gDAAgD;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,sBAAsB;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IACvE,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE;AA0OH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MenuPopupNode.svelte.d.ts","sourceRoot":"","sources":["../../src/menu/MenuPopupNode.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,gDAAgD;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,sBAAsB;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IACvE,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE;AAwPH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/menu/meta.d.ts

@@ -43,6 +43,26 @@ export declare const meta: {
         readonly type: "number";
         readonly default: "24";
         readonly desc: "子级缩进像素";
+    }, {
+        readonly name: "limitIndent";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "仅一级缩进；false 时逐级缩进";
+    }, {
+        readonly name: "toggleIconPosition";
+        readonly type: "'left'|'right'";
+        readonly default: "'right'";
+        readonly desc: "inline 子菜单箭头位置";
+    }, {
+        readonly name: "expandIcon";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "自定义展开箭头图标";
+    }, {
+        readonly name: "motion";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "子菜单展开动画开关";
     }, {
         readonly name: "inlineCollapsed";
         readonly type: "boolean";
@@ -122,6 +142,6 @@ export declare const meta: {
         readonly keyboard: readonly ["Tab", "Enter", "Space"];
         readonly notes: readonly ["ul[role=menu] > li[role=none] > button[role=menuitem] 结构", "SubMenu 标题 aria-haspopup=true + aria-expanded 反映展开态", "选中叶子项 aria-current=true（单选）；multiple 下叶子项 role=menuitemcheckbox + aria-checked", "禁用项 aria-disabled=true 且原生 disabled", "divider 渲染 li[role=separator]，不可聚焦不可选；键盘导航天然跳过（非 menuitem）", "group 渲染组标题（不可点击）+ ul[role=group][aria-label=分组名]，组内项正常 menuitem 可选；组标题不可聚焦故键盘跳过", "purpose='navigation'：<nav aria-label> landmark 包裹原生 ul>li>a（去除 menu/menuitem/separator/group 等 role），含 href 叶子为 <a href>，当前项 aria-current=page；用浏览器原生链接 + Tab 键序导航，不接管 ←→ roving", "purpose='menu'（默认）：role=menu/menubar + menuitem，叶子 button + onClick，行为完全向后兼容；role 集合由 deriveMenuSemantics(purpose, mode, multiple) 纯函数派生（红线 #2）"];
     };
-    readonly tokens: readonly ["--cd-menu-bg", "--cd-menu-item-height", "--cd-menu-item-padding", "--cd-menu-item-color", "--cd-menu-item-color-selected", "--cd-menu-item-color-disabled", "--cd-menu-item-bg-hover", "--cd-menu-item-bg-selected", "--cd-menu-item-indicator", "--cd-menu-submenu-arrow-color", "--cd-focus-ring", "--cd-motion-*"];
+    readonly tokens: readonly ["--cd-menu-bg", "--cd-menu-item-height", "--cd-menu-item-padding", "--cd-menu-item-radius", "--cd-menu-item-color", "--cd-menu-item-color-selected", "--cd-menu-item-icon-color-selected", "--cd-menu-item-color-disabled", "--cd-menu-item-bg-hover", "--cd-menu-item-bg-selected", "--cd-menu-submenu-arrow-color", "--cd-focus-ring", "--cd-motion-*"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/menu/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/menu/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/menu/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIP,CAAC"}

package/dist/menu/meta.js

@@ -35,6 +35,10 @@ export const meta = {
         { name: 'defaultOpenKeys', type: '(string|number)[]', default: '[]' },
         { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
         { name: 'inlineIndent', type: 'number', default: '24', desc: '子级缩进像素' },
+        { name: 'limitIndent', type: 'boolean', default: 'true', desc: '仅一级缩进；false 时逐级缩进' },
+        { name: 'toggleIconPosition', type: "'left'|'right'", default: "'right'", desc: 'inline 子菜单箭头位置' },
+        { name: 'expandIcon', type: 'Snippet', default: 'undefined', desc: '自定义展开箭头图标' },
+        { name: 'motion', type: 'boolean', default: 'true', desc: '子菜单展开动画开关' },
         {
             name: 'inlineCollapsed',
             type: 'boolean',
@@ -123,12 +127,13 @@ export const meta = {
         '--cd-menu-bg',
         '--cd-menu-item-height',
         '--cd-menu-item-padding',
+        '--cd-menu-item-radius',
         '--cd-menu-item-color',
         '--cd-menu-item-color-selected',
+        '--cd-menu-item-icon-color-selected',
         '--cd-menu-item-color-disabled',
         '--cd-menu-item-bg-hover',
         '--cd-menu-item-bg-selected',
-        '--cd-menu-item-indicator',
         '--cd-menu-submenu-arrow-color',
         '--cd-focus-ring',
         '--cd-motion-*',

package/dist/menu/types.d.ts

@@ -20,6 +20,12 @@ export interface MenuItemNode {
     target?: string;
     /** 链接 rel（如 'noopener noreferrer'）；仅 navigation + href 渲染 `<a>` 时透传。 */
     rel?: string;
+    /** 项级点击回调（叶子项；在 Menu onSelect 之外额外触发）。 */
+    onClick?: (e: MouseEvent) => void;
+    /** 项级鼠标移入回调。 */
+    onMouseEnter?: (e: MouseEvent) => void;
+    /** 项级鼠标移出回调。 */
+    onMouseLeave?: (e: MouseEvent) => void;
 }
 /**
  * 分隔符项：渲染为一条水平分隔线，不可选不可聚焦（role=separator）。

package/dist/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,iBAAiB;AACjB,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,uCAAuC;AACvC,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEzE,iBAAiB;AACjB,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,IAAI,eAAe,CAEpE;AAED,gBAAgB;AAChB,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,IAAI,aAAa,CAEhE;AAED;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,YAAY,CAAC;AAEhD,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,0DAA0D;IAC1D,QAAQ,EAAE,UAAU,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACtD,iDAAiD;IACjD,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC;IACzC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,+DAA+D;IAC/D,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,8CAA8C;IAC9C,aAAa,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,EAC1C,QAAQ,EAAE,OAAO,GAChB,aAAa,CAqBf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,iBAAiB;AACjB,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,uCAAuC;AACvC,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEzE,iBAAiB;AACjB,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,IAAI,eAAe,CAEpE;AAED,gBAAgB;AAChB,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,IAAI,aAAa,CAEhE;AAED;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,YAAY,CAAC;AAEhD,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,0DAA0D;IAC1D,QAAQ,EAAE,UAAU,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACtD,iDAAiD;IACjD,gBAAgB,EAAE,UAAU,GAAG,SAAS,CAAC;IACzC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,+DAA+D;IAC/D,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,8CAA8C;IAC9C,aAAa,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,EAC1C,QAAQ,EAAE,OAAO,GAChB,aAAa,CAqBf"}

package/dist/modal/ConfirmModal.svelte

@@ -144,7 +144,7 @@
 <style>
   .cd-confirm-modal__body {
     display: flex;
-    gap: var(--cd-spacing-3);
+    gap: var(--cd-spacing-base-tight);
     align-items: flex-start;
   }
   .cd-confirm-modal__icon {