@chenzy-design/svelte 0.1.0

package/dist/dropdown/DropdownDivider.svelte

@@ -0,0 +1,17 @@
+<!--
+  Dropdown.Divider — 菜单项之间的水平分隔线（role=separator）。
+  对应 items 数据驱动模式中 type='divider' 的项。
+-->
+<script lang="ts">
+  // 无 props，仅渲染分隔线。
+</script>
+
+<li class="cd-dropdown__divider" role="separator"></li>
+
+<style>
+  .cd-dropdown__divider {
+    block-size: 1px;
+    margin-block: var(--cd-spacing-1);
+    background: var(--cd-color-border);
+  }
+</style>

package/dist/dropdown/DropdownDivider.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DropdownDivider: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DropdownDivider = InstanceType<typeof DropdownDivider>;
+export default DropdownDivider;
+//# sourceMappingURL=DropdownDivider.svelte.d.ts.map

package/dist/dropdown/DropdownDivider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownDivider.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownDivider.svelte.ts"],"names":[],"mappings":"AAcA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;;kBAA+E,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/dropdown/DropdownItem.svelte

@@ -0,0 +1,127 @@
+<!--
+  Dropdown.Item — 单个叶子菜单项的声明式包装。
+  用于 <Dropdown> children 插槽模式（相对于 items 数据驱动模式）。
+  直接渲染 li + button，遵循 DropdownItemNode 的样式约定。
+-->
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import { DROPDOWN_CTX, type DropdownContext } from './context.js';
+
+  interface Props {
+    /** 菜单项标识（选中回调携带） */
+    key?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 危险操作样式 */
+    danger?: boolean;
+    /** 是否选中（showTick=true 时渲染 ✓ 标记） */
+    selected?: boolean;
+    /** 点击回调 */
+    onClick?: (key: string | number | undefined) => void;
+    children?: import('svelte').Snippet;
+  }
+
+  let {
+    key,
+    disabled = false,
+    danger = false,
+    selected = false,
+    onClick,
+    children,
+  }: Props = $props();
+
+  const ddCtx = getContext<DropdownContext | undefined>(DROPDOWN_CTX);
+  const showTick = $derived(ddCtx?.showTick ?? false);
+
+  function handleClick() {
+    if (disabled) return;
+    onClick?.(key);
+  }
+</script>
+
+<li class="cd-dropdown__item-wrap" role="none">
+  <!-- svelte-ignore a11y_consider_explicit_label -->
+  <button
+    type="button"
+    class="cd-dropdown__item"
+    class:cd-dropdown__item--danger={danger}
+    class:cd-dropdown__item--selected={selected}
+    role={showTick ? 'menuitemcheckbox' : 'menuitem'}
+    tabindex="-1"
+    aria-checked={showTick ? selected : undefined}
+    aria-disabled={disabled || undefined}
+    disabled={disabled || undefined}
+    onclick={handleClick}
+  >
+    <span class="cd-dropdown__label">
+      {@render children?.()}
+    </span>
+    {#if showTick}
+      <span class="cd-dropdown__tick" aria-hidden="true">
+        {#if selected}
+          <svg viewBox="0 0 16 16" width="12" height="12" focusable="false">
+            <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M2.5 8.5l4 4 7-8" />
+          </svg>
+        {/if}
+      </span>
+    {/if}
+  </button>
+</li>
+
+<style>
+  .cd-dropdown__item-wrap {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .cd-dropdown__item {
+    display: flex;
+    align-items: center;
+    gap: var(--cd-spacing-2);
+    inline-size: 100%;
+    margin: 0;
+    padding: var(--cd-dropdown-item-padding);
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  .cd-dropdown__item:hover,
+  .cd-dropdown__item:focus-visible {
+    background: var(--cd-dropdown-item-bg-hover);
+  }
+  .cd-dropdown__item:focus-visible {
+    outline: none;
+  }
+  .cd-dropdown__item--danger {
+    color: var(--cd-color-danger);
+  }
+  .cd-dropdown__item--danger:hover,
+  .cd-dropdown__item--danger:focus-visible {
+    background: var(--cd-color-danger-light-default, var(--cd-dropdown-item-bg-hover));
+  }
+  .cd-dropdown__item[aria-disabled='true'] {
+    color: var(--cd-dropdown-item-color-disabled);
+    cursor: not-allowed;
+  }
+  .cd-dropdown__item--selected {
+    color: var(--cd-color-primary, #165dff);
+  }
+  .cd-dropdown__label {
+    flex: 1 1 auto;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .cd-dropdown__tick {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    inline-size: 14px;
+    block-size: 14px;
+    color: var(--cd-color-primary, #165dff);
+  }
+</style>

package/dist/dropdown/DropdownItem.svelte.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    /** 菜单项标识（选中回调携带） */
+    key?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 危险操作样式 */
+    danger?: boolean;
+    /** 是否选中（showTick=true 时渲染 ✓ 标记） */
+    selected?: boolean;
+    /** 点击回调 */
+    onClick?: (key: string | number | undefined) => void;
+    children?: import('svelte').Snippet;
+}
+declare const DropdownItem: import("svelte").Component<Props, {}, "">;
+type DropdownItem = ReturnType<typeof DropdownItem>;
+export default DropdownItem;
+//# sourceMappingURL=DropdownItem.svelte.d.ts.map

package/dist/dropdown/DropdownItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownItem.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACrC;AA+CH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/dropdown/DropdownItemNode.svelte

@@ -0,0 +1,355 @@
+<!--
+  DropdownItemNode — 单个 Dropdown 菜单项（递归）。
+  叶子: 普通 menuitem; SubMenu: title + hover/聚焦 弹出浮层 (use:floating, rightStart→溢出翻转 leftStart)。
+  divider: role=separator 水平线; group: 不可聚焦组标题 + 其下始终展开子项。
+  浮层内继续递归本组件，形成多层嵌套子菜单。
+  hover 意图: 进入 title 延迟开、离开 title 与浮层组延迟关；指针移入浮层取消关闭计时，避免缝隙抖动。
+  键盘: →/Enter/Space 进入子菜单首项, ←/Esc 返回/关闭本级 (红线 #3: 定时器/floating 命令式 + cleanup)。
+-->
+<script lang="ts">
+  import { tick, getContext } from 'svelte';
+  import { floating } from '../_floating/use-floating.js';
+  import {
+    isDropdownDivider,
+    isDropdownGroup,
+    hasDropdownChildren,
+  } from './types.js';
+  import { DROPDOWN_CTX, type DropdownContext } from './context.js';
+  import type { DropdownItem, DropdownItemNode, DropdownKey } from './types.js';
+  import Self from './DropdownItemNode.svelte';
+
+  interface Props {
+    item: DropdownItem;
+    /** 选中叶子项回调（向上传到 Dropdown 顶层处理 onSelect/closeOnSelect） */
+    onSelectLeaf: (key: DropdownKey) => void;
+    /** 选中叶子后自顶向下逐级关闭所有子浮层 */
+    onCloseAll: () => void;
+    openDelay?: number;
+    closeDelay?: number;
+  }
+
+  let {
+    item,
+    onSelectLeaf,
+    onCloseAll,
+    openDelay = 100,
+    closeDelay = 200,
+  }: Props = $props();
+
+  // 子菜单浮层挂同顶层容器（getPopupContainer，经 Dropdown context 透传）；
+  // showTick 控制叶子项是否显示勾选标记。
+  const ddCtx = getContext<DropdownContext | undefined>(DROPDOWN_CTX);
+  const showTick = $derived(ddCtx?.showTick ?? false);
+
+  // 分隔符/分组在模板顶层单独处理；此处窄化为普通项节点供派生使用。
+  const node = $derived(item as DropdownItemNode);
+  const hasChildren = $derived(hasDropdownChildren(node));
+
+  let titleEl = $state<HTMLButtonElement | null>(null);
+  let subEl = $state<HTMLUListElement | null>(null);
+  let open = $state(false);
+
+  let openTimer: ReturnType<typeof setTimeout> | undefined;
+  let closeTimer: ReturnType<typeof setTimeout> | undefined;
+
+  function clearTimers() {
+    if (openTimer !== undefined) {
+      clearTimeout(openTimer);
+      openTimer = undefined;
+    }
+    if (closeTimer !== undefined) {
+      clearTimeout(closeTimer);
+      closeTimer = undefined;
+    }
+  }
+
+  function scheduleOpen() {
+    if (node.disabled || !hasChildren) return;
+    if (closeTimer !== undefined) {
+      clearTimeout(closeTimer);
+      closeTimer = undefined;
+    }
+    if (open) return;
+    openTimer = setTimeout(() => {
+      open = true;
+      openTimer = undefined;
+    }, openDelay);
+  }
+
+  function scheduleClose() {
+    if (openTimer !== undefined) {
+      clearTimeout(openTimer);
+      openTimer = undefined;
+    }
+    if (!open) return;
+    closeTimer = setTimeout(() => {
+      open = false;
+      closeTimer = undefined;
+    }, closeDelay);
+  }
+
+  // 指针移入浮层 → 取消关闭计时，保持打开。
+  function keepOpen() {
+    if (closeTimer !== undefined) {
+      clearTimeout(closeTimer);
+      closeTimer = undefined;
+    }
+  }
+
+  function closeNow() {
+    clearTimers();
+    open = false;
+  }
+
+  function onLeafClick() {
+    if (node.disabled) return;
+    onSelectLeaf(node.key);
+    onCloseAll();
+  }
+
+  // → / Enter / Space：展开子菜单并把焦点移入首个可聚焦子项。
+  async function openAndFocusFirst() {
+    if (!hasChildren || node.disabled) return;
+    open = true;
+    await tick();
+    const first = subEl?.querySelector<HTMLElement>('[role="menuitem"]:not([aria-disabled="true"])');
+    first?.focus();
+  }
+
+  function onTitleKeydown(e: KeyboardEvent) {
+    switch (e.key) {
+      case 'ArrowRight':
+      case 'Enter':
+      case ' ':
+        e.preventDefault();
+        void openAndFocusFirst();
+        break;
+      case 'ArrowLeft':
+      case 'Escape':
+        if (open) {
+          e.preventDefault();
+          // 仅关闭本级子浮层并把焦点收回标题（← 逐层返回）。
+          e.stopPropagation();
+          closeNow();
+          titleEl?.focus();
+        }
+        break;
+      default:
+        break;
+    }
+  }
+
+  // 子浮层内按 ←/Esc：关本级、焦点回父标题（逐层返回）。
+  function onSubKeydown(e: KeyboardEvent) {
+    if (e.key === 'ArrowLeft' || e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation();
+      closeNow();
+      titleEl?.focus();
+    }
+  }
+
+  // 卸载兜底清理定时器。
+  $effect(() => clearTimers);
+</script>
+
+{#if isDropdownDivider(item)}
+  <li class="cd-dropdown__divider" role="separator"></li>
+{:else if isDropdownGroup(item)}
+  <li class="cd-dropdown__group" role="none">
+    <div class="cd-dropdown__group-title">{item.label}</div>
+    <ul class="cd-dropdown__group-list" role="group" aria-label={item.label}>
+      {#each item.children as child, i (isDropdownDivider(child) || isDropdownGroup(child) ? `__cd-dd-grp-${i}` : child.key)}
+        <Self item={child} {onSelectLeaf} {onCloseAll} {openDelay} {closeDelay} />
+      {/each}
+    </ul>
+  </li>
+{:else if hasChildren}
+  <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+  <li
+    class="cd-dropdown__item-wrap cd-dropdown__item-wrap--submenu"
+    role="none"
+    onpointerenter={scheduleOpen}
+    onpointerleave={scheduleClose}
+  >
+    <button
+      type="button"
+      class="cd-dropdown__item cd-dropdown__item--submenu"
+      class:cd-dropdown__item--danger={node.danger}
+      role="menuitem"
+      tabindex="-1"
+      aria-haspopup="menu"
+      aria-expanded={open}
+      aria-disabled={node.disabled || undefined}
+      disabled={node.disabled || undefined}
+      bind:this={titleEl}
+      onclick={() => void openAndFocusFirst()}
+      onkeydown={onTitleKeydown}
+    >
+      <span class="cd-dropdown__label">{node.label}</span>
+      <span class="cd-dropdown__arrow" 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>
+    </button>
+
+    {#if open && titleEl}
+      <ul
+        class="cd-dropdown__sub"
+        role="menu"
+        tabindex="-1"
+        bind:this={subEl}
+        use:floating={{ trigger: titleEl, placement: 'rightStart', offset: 2, autoAdjust: true, getContainer: ddCtx?.getContainer }}
+        onpointerenter={keepOpen}
+        onpointerleave={scheduleClose}
+        onkeydown={onSubKeydown}
+      >
+        {#each node.children ?? [] as child, i (isDropdownDivider(child) || isDropdownGroup(child) ? `__cd-dd-sub-${i}` : child.key)}
+          <Self
+            item={child}
+            {onSelectLeaf}
+            onCloseAll={() => {
+              closeNow();
+              onCloseAll();
+            }}
+            {openDelay}
+            {closeDelay}
+          />
+        {/each}
+      </ul>
+    {/if}
+  </li>
+{:else}
+  <li class="cd-dropdown__item-wrap" role="none">
+    <button
+      type="button"
+      class="cd-dropdown__item"
+      class:cd-dropdown__item--danger={node.danger}
+      class:cd-dropdown__item--selected={node.selected}
+      role={showTick ? 'menuitemcheckbox' : 'menuitem'}
+      tabindex="-1"
+      aria-checked={showTick ? (node.selected ?? false) : undefined}
+      aria-disabled={node.disabled || undefined}
+      disabled={node.disabled || undefined}
+      onclick={onLeafClick}
+    >
+      <span class="cd-dropdown__label">{node.label}</span>
+      {#if showTick}
+        <span class="cd-dropdown__tick" aria-hidden="true">
+          {#if node.selected}
+            <svg viewBox="0 0 16 16" width="12" height="12" focusable="false">
+              <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M2.5 8.5l4 4 7-8" />
+            </svg>
+          {/if}
+        </span>
+      {/if}
+    </button>
+  </li>
+{/if}
+
+<style>
+  .cd-dropdown__item-wrap,
+  .cd-dropdown__group {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .cd-dropdown__item-wrap--submenu {
+    position: relative;
+  }
+  /* 分隔符：水平细线，不可交互 */
+  .cd-dropdown__divider {
+    block-size: 1px;
+    margin-block: var(--cd-spacing-1);
+    background: var(--cd-color-border);
+  }
+  /* 分组：始终展开的分区标题 + 组内项 */
+  .cd-dropdown__group-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .cd-dropdown__group-title {
+    display: flex;
+    align-items: center;
+    padding: var(--cd-dropdown-item-padding);
+    color: var(--cd-dropdown-item-color-disabled);
+    font-size: var(--cd-font-size-1);
+    cursor: default;
+    user-select: none;
+  }
+  .cd-dropdown__item {
+    display: flex;
+    align-items: center;
+    gap: var(--cd-spacing-2);
+    inline-size: 100%;
+    margin: 0;
+    padding: var(--cd-dropdown-item-padding);
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  .cd-dropdown__item:hover,
+  .cd-dropdown__item:focus-visible {
+    background: var(--cd-dropdown-item-bg-hover);
+  }
+  .cd-dropdown__item:focus-visible {
+    outline: none;
+  }
+  .cd-dropdown__item--submenu[aria-expanded='true'] {
+    background: var(--cd-dropdown-item-bg-hover);
+  }
+  .cd-dropdown__item--danger {
+    color: var(--cd-color-danger);
+  }
+  .cd-dropdown__item--danger:hover,
+  .cd-dropdown__item--danger:focus-visible {
+    background: var(--cd-color-danger-light-default, var(--cd-dropdown-item-bg-hover));
+  }
+  .cd-dropdown__item[aria-disabled='true'] {
+    color: var(--cd-dropdown-item-color-disabled);
+    cursor: not-allowed;
+  }
+  .cd-dropdown__label {
+    flex: 1 1 auto;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  /* showTick：勾选标记占位区，保证宽度一致（有/无标记时均保留空间） */
+  .cd-dropdown__tick {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    inline-size: 14px;
+    block-size: 14px;
+    color: var(--cd-color-primary, #165dff);
+  }
+  .cd-dropdown__item--selected {
+    color: var(--cd-color-primary, #165dff);
+  }
+  .cd-dropdown__arrow {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    color: var(--cd-color-text-2);
+  }
+  /* hover/聚焦 弹出的子菜单浮层：独立卡片，portal 到 body 由 floating 定位 */
+  .cd-dropdown__sub {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    z-index: var(--cd-dropdown-z);
+    min-inline-size: var(--cd-dropdown-min-width);
+    padding-block: var(--cd-spacing-1);
+    background: var(--cd-dropdown-bg);
+    border-radius: var(--cd-dropdown-radius);
+    box-shadow: var(--cd-dropdown-shadow);
+  }
+</style>

package/dist/dropdown/DropdownItemNode.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { DropdownItem, DropdownItemNode, DropdownKey } from './types.js';
+interface Props {
+    item: DropdownItem;
+    /** 选中叶子项回调（向上传到 Dropdown 顶层处理 onSelect/closeOnSelect） */
+    onSelectLeaf: (key: DropdownKey) => void;
+    /** 选中叶子后自顶向下逐级关闭所有子浮层 */
+    onCloseAll: () => void;
+    openDelay?: number;
+    closeDelay?: number;
+}
+declare const DropdownItemNode: import("svelte").Component<Props, {}, "">;
+type DropdownItemNode = ReturnType<typeof DropdownItemNode>;
+export default DropdownItemNode;
+//# sourceMappingURL=DropdownItemNode.svelte.d.ts.map

package/dist/dropdown/DropdownItemNode.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemNode.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownItemNode.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI5E,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,yDAAyD;IACzD,YAAY,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,yBAAyB;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA+LH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/dropdown/DropdownKbdFixture.svelte

@@ -0,0 +1,26 @@
+<!--
+  仅供 Dropdown.kbd.test.ts（browser project）使用的菜单 roving + Esc 键盘 e2e 夹具。
+  trigger='click'（role=button），键盘可用 Enter/Space/ArrowDown 打开并聚焦首项；
+  浮层菜单 portal 到 document.body（use:floating），role=menu + role=menuitem。
+  destroyOnClose=true：关闭即 {#if} 卸载浮层，便于断言「菜单消失」。
+  验证：打开后 ↑↓ 真实移动焦点到相邻 menuitem；Esc 关闭浮层并归还焦点触发器。
+-->
+<script lang="ts">
+  import type { DropdownItem } from './types.js';
+  import { LocaleProvider } from '../locale-provider/index.js';
+  import Dropdown from './Dropdown.svelte';
+
+  const items: DropdownItem[] = [
+    { key: 'edit', label: 'Edit' },
+    { key: 'dup', label: 'Duplicate' },
+    { key: 'del', label: 'Delete' },
+  ];
+</script>
+
+<LocaleProvider locale="en_US">
+  <Dropdown {items} trigger="click" destroyOnClose>
+    {#snippet triggerContent()}
+      <span data-testid="trigger-label">Actions</span>
+    {/snippet}
+  </Dropdown>
+</LocaleProvider>

package/dist/dropdown/DropdownKbdFixture.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DropdownKbdFixture: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DropdownKbdFixture = InstanceType<typeof DropdownKbdFixture>;
+export default DropdownKbdFixture;
+//# sourceMappingURL=DropdownKbdFixture.svelte.d.ts.map

package/dist/dropdown/DropdownKbdFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownKbdFixture.svelte.ts"],"names":[],"mappings":"AA8BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,kBAAkB;;kBAA+E,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/dropdown/DropdownMenu.svelte

@@ -0,0 +1,24 @@
+<!--
+  Dropdown.Menu — 声明式子菜单/菜单分组容器。
+  包裹 Dropdown.Item / Dropdown.SubMenu / Dropdown.Title / Dropdown.Divider，
+  渲染为 role=group 的 ul，与 items 数据驱动模式下的分组一致。
+-->
+<script lang="ts">
+  interface Props {
+    children?: import('svelte').Snippet;
+  }
+
+  let { children }: Props = $props();
+</script>
+
+<ul class="cd-dropdown__menu-group" role="group">
+  {@render children?.()}
+</ul>
+
+<style>
+  .cd-dropdown__menu-group {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+</style>

package/dist/dropdown/DropdownMenu.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    children?: import('svelte').Snippet;
+}
+declare const DropdownMenu: import("svelte").Component<Props, {}, "">;
+type DropdownMenu = ReturnType<typeof DropdownMenu>;
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.svelte.d.ts.map

package/dist/dropdown/DropdownMenu.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownMenu.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACrC;AAgBH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}