@qijenchen/design-system 0.1.0-beta.13 → 0.1.0-beta.130

package/dist/components/Toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../src/components/Toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Toaster as SonnerToaster, toast as sonnerToast } from 'sonner'\nimport { Notice, useInverseTheme, type NoticeVariant } from '@/design-system/components/Notice/notice'\nimport { Button } from '@/design-system/components/Button/button'\n\n/**\n * Toast — 非阻斷式浮動通知\n *\n * ── Container 三層結構（所有 variant 統一） ──\n *\n * 1. Shadow wrapper: rounded-lg + elevation-200（永遠在頁面 theme 解析）\n * 2. Bg layer: bg-{color}（有色相 variant 在頁面 theme 解析）\n * 3. Theme layer: data-theme + text-foreground（content token re-resolve）\n *\n * neutral/success(inverse): bg + theme 同層（bg-surface-raised 需要跟 data-theme 一起翻轉）\n * info/error(dark): bg 在 outer,theme 在 inner\n * warning(light always): bg 在 outer,theme=\"light\" 在 inner\n */\n\n// code-quality-allow: dead-export — public API surface — consumer-exposed for future use\nexport type ToastVariant = NoticeVariant\n\nexport interface ToastOptions {\n  variant?: ToastVariant\n  title: string\n  description?: string\n  action?: { label: string; onClick: () => void }\n  duration?: number\n}\n\nfunction ToastInner({\n  id,\n  variant = 'neutral',\n  action,\n  ...rest\n}: ToastOptions & { id: string | number }) {\n  const inverseTheme = useInverseTheme()\n  const isInverse = variant === 'neutral' || variant === 'success'\n  const dismiss = () => sonnerToast.dismiss(id)\n\n  const actionButton = action ? (\n    <Button variant=\"tertiary\" size=\"xs\" onClick={action.onClick}>{action.label}</Button>\n  ) : undefined\n\n  // ── Live region 由 outer Toast wrapper 擁有(WAI-ARIA + spec L59-60 canonical) ──\n  // Notice(inner layout)不再帶 role,避免 nested live region。\n  // - error / warning → role=\"alert\" + aria-live=\"assertive\"(中斷朗讀)\n  // - info / success / neutral → role=\"status\" + aria-live=\"polite\"(空閒朗讀)\n  const isCritical = variant === 'error' || variant === 'warning'\n  const liveRole = isCritical ? 'alert' : 'status'\n  const liveLevel = isCritical ? 'assertive' : 'polite'\n\n  // ── 1. Shadow wrapper（統一,永遠在頁面 theme） ──\n  // ── 2+3. Bg + theme layer ──\n\n  if (isInverse) {\n    // bg-surface-raised 需要跟 data-theme 同層翻轉\n    return (\n      <div role={liveRole} aria-live={liveLevel} className=\"rounded-lg overflow-hidden\" style={{ boxShadow: 'var(--elevation-200)' }}>\n        <div data-theme={inverseTheme} className=\"bg-surface-raised text-foreground\">\n          <Notice variant={variant} iconClassName={variant === 'success' ? 'text-success' : undefined}\n            endContent={actionButton} onDismiss={dismiss} {...rest} />\n        </div>\n      </div>\n    )\n  }\n\n  const bg = variant === 'warning' ? 'bg-warning' : variant === 'error' ? 'bg-error' : 'bg-info'\n  const theme = variant === 'warning' ? 'light' : 'dark'\n\n  return (\n    <div role={liveRole} aria-live={liveLevel} className=\"rounded-lg overflow-hidden\" style={{ boxShadow: 'var(--elevation-200)' }}>\n      <div className={bg}>\n        <div data-theme={theme} className=\"text-foreground\">\n          <Notice variant={variant} endContent={actionButton} onDismiss={dismiss} {...rest} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function toast(options: ToastOptions) {\n  const { duration = 4000, ...rest } = options\n  return sonnerToast.custom((id) => <ToastInner id={id} {...rest} />, { duration })\n}\n\nexport interface ToasterProps {\n  position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center'\n}\n\n// shadcn canonical:forwardRef + displayName 統一。Sonner Toaster portal-renders\n// 到 document body,ref 對 Toaster 本身無實際 DOM 節點可接(portal 逃逸),\n// 但保留 forwardRef 簽名以符合 DS 統一 API(consumer 可 typecheck 傳 ref,\n// 與其他 DS 元件一致)。\nconst Toaster = React.forwardRef<HTMLDivElement, ToasterProps>(\n  ({ position = 'bottom-right', ...props }, _ref) => {\n    return (\n      <SonnerToaster\n        position={position}\n        toastOptions={{ unstyled: true, className: 'w-[360px]' }}\n        {...props}\n      />\n    )\n  },\n)\nToaster.displayName = 'Toaster'\n\n// Story auto-compile metadata — Phase 1 mechanical migration(2026-04-24)\n// Phase 2 fill needed: purpose descriptions + when rationale + world-class refs\nexport const toastMeta = {\n  component: 'Toast',\n  family: null, // non-family composite / overlay / layout\n  variants: {\n    neutral: { when: '非狀態通知;一般 announcement / tip' },\n    info: { when: '資訊性提示(新版本 / 同步完成)' },\n    success: { when: '成功確認(已寄送 / 付款完成)' },\n    warning: { when: '可恢復警告(未儲存 / 連線不穩)' },\n    error: { when: '錯誤(匯入失敗 / 權限不足);action prop 可加重試' },\n  },\n  sizes: {},\n  states: ['default', 'hover', 'active', 'focus-visible', 'disabled'],\n  tokens: {\n    bg: ['bg-error', 'bg-info', 'bg-surface-raised', 'bg-warning'],\n    fg: ['text-foreground'],\n    ring: [],\n  },\n} as const\n\nexport { Toaster }\n"],"names":["sonnerToast","SonnerToaster"],"mappings":";;;;;AA8BA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,QAAM,eAAe,gBAAA;AACrB,QAAM,YAAY,YAAY,aAAa,YAAY;AACvD,QAAM,UAAU,MAAMA,QAAY,QAAQ,EAAE;AAE5C,QAAM,eAAe,SACnB,oBAAC,QAAA,EAAO,SAAQ,YAAW,MAAK,MAAK,SAAS,OAAO,SAAU,UAAA,OAAO,OAAM,IAC1E;AAMJ,QAAM,aAAa,YAAY,WAAW,YAAY;AACtD,QAAM,WAAW,aAAa,UAAU;AACxC,QAAM,YAAY,aAAa,cAAc;AAK7C,MAAI,WAAW;AAEb,+BACG,OAAA,EAAI,MAAM,UAAU,aAAW,WAAW,WAAU,8BAA6B,OAAO,EAAE,WAAW,0BACpG,UAAA,oBAAC,SAAI,cAAY,cAAc,WAAU,qCACvC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAAO;AAAA,QAAkB,eAAe,YAAY,YAAY,iBAAiB;AAAA,QAChF,YAAY;AAAA,QAAc,WAAW;AAAA,QAAU,GAAG;AAAA,MAAA;AAAA,IAAA,GACtD,EAAA,CACF;AAAA,EAEJ;AAEA,QAAM,KAAK,YAAY,YAAY,eAAe,YAAY,UAAU,aAAa;AACrF,QAAM,QAAQ,YAAY,YAAY,UAAU;AAEhD,SACE,oBAAC,OAAA,EAAI,MAAM,UAAU,aAAW,WAAW,WAAU,8BAA6B,OAAO,EAAE,WAAW,uBAAA,GACpG,UAAA,oBAAC,SAAI,WAAW,IACd,UAAA,oBAAC,OAAA,EAAI,cAAY,OAAO,WAAU,mBAChC,8BAAC,QAAA,EAAO,SAAkB,YAAY,cAAc,WAAW,SAAU,GAAG,MAAM,EAAA,CACpF,GACF,GACF;AAEJ;AAEO,SAAS,MAAM,SAAuB;AAC3C,QAAM,EAAE,WAAW,KAAM,GAAG,SAAS;AACrC,SAAOA,QAAY,OAAO,CAAC,OAAO,oBAAC,YAAA,EAAW,IAAS,GAAG,KAAA,CAAM,GAAI,EAAE,SAAA,CAAU;AAClF;AAUA,MAAM,UAAU,MAAM;AAAA,EACpB,CAAC,EAAE,WAAW,gBAAgB,GAAG,MAAA,GAAS,SAAS;AACjD,WACE;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,cAAc,EAAE,UAAU,MAAM,WAAW,YAAA;AAAA,QAC1C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,QAAQ,cAAc;AAIf,MAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,QAAQ;AAAA;AAAA,EACR,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,8BAAA;AAAA,IACjB,MAAM,EAAE,MAAM,oBAAA;AAAA,IACd,SAAS,EAAE,MAAM,mBAAA;AAAA,IACjB,SAAS,EAAE,MAAM,oBAAA;AAAA,IACjB,OAAO,EAAE,MAAM,mCAAA;AAAA,EAAmC;AAAA,EAEpD,OAAO,CAAA;AAAA,EACP,QAAQ,CAAC,WAAW,SAAS,UAAU,iBAAiB,UAAU;AAAA,EAClE,QAAQ;AAAA,IACN,IAAI,CAAC,YAAY,WAAW,qBAAqB,YAAY;AAAA,IAC7D,IAAI,CAAC,iBAAiB;AAAA,IACtB,MAAM,CAAA;AAAA,EAAC;AAEX;"}
+{"version":3,"file":"toast.js","sources":["../../../src/components/Toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Toaster as SonnerToaster, toast as sonnerToast } from 'sonner'\nimport { Notice, useInverseTheme, type NoticeVariant } from '@/design-system/components/Notice/notice'\nimport { Button } from '@/design-system/components/Button/button'\n\n/**\n * Toast — 非阻斷式浮動通知\n *\n * ── Container 三層結構（所有 variant 統一） ──\n *\n * 1. Shadow wrapper: rounded-lg + elevation-200（永遠在頁面 theme 解析）\n * 2. Bg layer: bg-{color}（有色相 variant 在頁面 theme 解析）\n * 3. Theme layer: data-theme + text-foreground（content token re-resolve）\n *\n * neutral/success(inverse): bg + theme 同層（bg-surface-raised 需要跟 data-theme 一起翻轉）\n * info/error(dark): bg 在 outer,theme 在 inner\n * warning(light always): bg 在 outer,theme=\"light\" 在 inner\n */\n\n// code-quality-allow: dead-export — public API surface — consumer-exposed for future use\nexport type ToastVariant = NoticeVariant\n\nexport interface ToastOptions {\n  variant?: ToastVariant\n  title: string\n  description?: string\n  action?: { label: string; onClick: () => void }\n  duration?: number\n}\n\ntype ToastAnnouncement = {\n  level: 'polite' | 'assertive'\n  message: string\n  sequence: number\n}\n\ntype ToastAnnouncementListener = (announcement: ToastAnnouncement) => void\n\nconst toastAnnouncementListeners = new Set<ToastAnnouncementListener>()\nlet toastAnnouncementSequence = 0\n\nfunction subscribeToToastAnnouncements(listener: ToastAnnouncementListener) {\n  toastAnnouncementListeners.add(listener)\n  return () => {\n    toastAnnouncementListeners.delete(listener)\n  }\n}\n\nfunction publishToastAnnouncement(options: ToastOptions) {\n  const isCritical = options.variant === 'error' || options.variant === 'warning'\n  const announcement: ToastAnnouncement = {\n    level: isCritical ? 'assertive' : 'polite',\n    message: [options.title, options.description].filter(Boolean).join('。'),\n    sequence: ++toastAnnouncementSequence,\n  }\n\n  toastAnnouncementListeners.forEach((listener) => listener(announcement))\n}\n\nfunction ToastLiveRegions() {\n  const politeRef = React.useRef<HTMLDivElement>(null)\n  const assertiveRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => subscribeToToastAnnouncements((announcement) => {\n    const region = announcement.level === 'assertive' ? assertiveRef.current : politeRef.current\n    if (!region) return\n\n    // Replace the text node instead of assigning the same React string again. That guarantees an\n    // observable child-list mutation even when two consecutive toasts have identical copy.\n    region.dataset.announcementSequence = String(announcement.sequence)\n    region.replaceChildren(region.ownerDocument.createTextNode(announcement.message))\n  }), [])\n\n  return (\n    <>\n      <div\n        ref={politeRef}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        data-toast-live-region=\"polite\"\n        className=\"sr-only\"\n      />\n      <div\n        ref={assertiveRef}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        data-toast-live-region=\"assertive\"\n        className=\"sr-only\"\n      />\n    </>\n  )\n}\n\nfunction ToastInner({\n  id,\n  variant = 'neutral',\n  action,\n  ...rest\n}: ToastOptions & { id: string | number }) {\n  const inverseTheme = useInverseTheme()\n  const isInverse = variant === 'neutral' || variant === 'success'\n  const dismiss = () => sonnerToast.dismiss(id)\n\n  // action 執行後自動 dismiss:關閉「復原/重試」的重複觸發窗口(double-undo / double-retry),\n  // 對齊 Polaris Toast action / Material Snackbar action 按後即收慣例;\n  // toast.anatomy.stories.tsx「點 action button 執行 callback + 關閉 toast」宣稱自此為真。\n  const actionButton = action ? (\n    <Button variant=\"tertiary\" size=\"xs\" onClick={() => { action.onClick(); dismiss() }}>{action.label}</Button>\n  ) : undefined\n\n  // Sonner 2.0.7 owns a fixed aria-live=\"polite\" section around every visual toast and does not\n  // expose an override. Mark our custom visual subtree as non-live so it remains readable/focusable\n  // through Sonner's tabIndex=0 toast + ⌥T hotkey without becoming a nested live region. The two\n  // stable sibling regions rendered by <Toaster> own announcements and severity routing.\n  const visualA11yProps = {\n    role: 'group',\n    'aria-live': 'off',\n    'data-toast-visual-content': '',\n  } as const\n\n  // ── 1. Shadow wrapper（統一,永遠在頁面 theme） ──\n  // ── 2+3. Bg + theme layer ──\n\n  if (isInverse) {\n    // bg-surface-raised 需要跟 data-theme 同層翻轉\n    return (\n      <div {...visualA11yProps} className=\"rounded-lg overflow-hidden\" style={{ boxShadow: 'var(--elevation-200)' }}>\n        <div data-theme={inverseTheme} className=\"bg-surface-raised text-foreground\">\n          <Notice variant={variant} iconClassName={variant === 'success' ? 'text-success' : undefined}\n            endContent={actionButton} onDismiss={dismiss} {...rest} />\n        </div>\n      </div>\n    )\n  }\n\n  const bg = variant === 'warning' ? 'bg-warning' : variant === 'error' ? 'bg-error' : 'bg-info'\n  const theme = variant === 'warning' ? 'light' : 'dark'\n\n  return (\n    <div {...visualA11yProps} className=\"rounded-lg overflow-hidden\" style={{ boxShadow: 'var(--elevation-200)' }}>\n      <div className={bg}>\n        <div data-theme={theme} className=\"text-foreground\">\n          <Notice variant={variant} endContent={actionButton} onDismiss={dismiss} {...rest} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function toast(options: ToastOptions) {\n  // 2026-07-05 D4:sonner 計時器不因鍵盤 Tab 焦點暫停(僅 hover / pointer 按住 / ⌥T hotkey)——\n  // 含 action(復原/重試)預設 10s,給鍵盤使用者足夠時間 Tab 到 action(user 拍板;對齊 Polaris toast with action ≥10s)\n  const { duration = options.action ? 10000 : 4000, ...rest } = options\n  const id = sonnerToast.custom((toastId) => <ToastInner id={toastId} {...rest} />, { duration })\n  publishToastAnnouncement(options)\n  return id\n}\n\nexport interface ToasterProps {\n  position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center'\n}\n\n// shadcn canonical:forwardRef + displayName 統一。SonnerToaster 不轉發 ref,\n// 故 ref 無實際 DOM 節點可接;viewport 為就地渲染的 <section>,以 CSS position:fixed\n// 覆蓋 viewport(非 portal — sonner 全庫 0 createPortal,2026-07-04 grep 驗證)。\n// 保留 forwardRef 簽名以符合 DS 統一 API(consumer 可 typecheck 傳 ref)。\nconst Toaster = React.forwardRef<HTMLDivElement, ToasterProps>(\n  ({ position = 'bottom-right', ...props }, _ref) => {\n    return (\n      <>\n        <SonnerToaster\n          position={position}\n          toastOptions={{ unstyled: true, className: 'w-[360px]' }}\n          {...props}\n        />\n        <ToastLiveRegions />\n      </>\n    )\n  },\n)\nToaster.displayName = 'Toaster'\n\n// Story auto-compile metadata — Phase 1 mechanical migration(2026-04-24)\n// Phase 2 fill needed: purpose descriptions + when rationale + world-class refs\nexport const toastMeta = {\n  component: 'Toast',\n  family: 2, // Family 2(List item layout)— 透過 Notice 繼承,對齊 toast.spec.md frontmatter L3 + L39\n  variants: {\n    neutral: { when: '非狀態通知;一般 announcement / tip' },\n    info: { when: '資訊性提示(新版本 / 同步完成)' },\n    success: { when: '成功確認(已寄送 / 付款完成)' },\n    warning: { when: '可恢復警告(未儲存 / 連線不穩)' },\n    error: { when: '錯誤(匯入失敗 / 權限不足);action prop 可加重試' },\n  },\n  sizes: {},\n  // 2026-07-04 audit 對齊:Toast 無 disabled state(spec 邊界案例明文;對齊 noticeMeta ['default'] 已修 pattern)\n  states: ['default'],\n  tokens: {\n    bg: ['bg-error', 'bg-info', 'bg-surface-raised', 'bg-warning'],\n    fg: ['text-foreground'],\n    ring: [],\n  },\n} as const\n\nexport { Toaster }\n"],"names":["sonnerToast","SonnerToaster"],"mappings":"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"}

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAA"}

package/dist/components/Tooltip/index.js

@@ -0,0 +1,9 @@
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipMeta } from "./tooltip.js";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  tooltipMeta
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
-declare const Tooltip: ({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ delayDuration, open: openProp, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const tooltipMeta: {
@@ -9,7 +9,7 @@ export declare const tooltipMeta: {
     readonly family: null;
     readonly variants: {};
     readonly sizes: {};
-    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
+    readonly states: readonly ["default"];
     readonly tokens: {
         readonly bg: readonly [];
         readonly fg: readonly [];

package/dist/components/Tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAU3D,QAAA,MAAM,eAAe,GAAI,6BAAoD,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,4CAElI,CAAA;AAED,QAAA,MAAM,OAAO,GAAI,6BAAoD,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAEtH,CAAA;AAED,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAwBlB,CAAA;AAKF,eAAO,MAAM,WAAW;;;;;;;;;;;CAed,CAAA;AAEV,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAW3D,QAAA,MAAM,eAAe,GAAI,6BAAqD,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,4CAEnI,CAAA;AAUD,QAAA,MAAM,OAAO,GAAI,wEAMd,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAmBpD,CAAA;AAED,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAsClB,CAAA;AAKF,eAAO,MAAM,WAAW;;;;;;;;;;;CAed,CAAA;AAEV,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Tooltip/tooltip.js

@@ -3,32 +3,63 @@ import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn } from "../../lib/utils.js";
 import { OVERLAY_COLLISION_PADDING, OVERLAY_SIDE_OFFSET } from "../../tokens/elevation/overlay-geometry.js";
-import { HOVER_DELAY_PLAIN_MS } from "../../tokens/motion/motion.js";
-const TooltipProvider = ({ delayDuration = HOVER_DELAY_PLAIN_MS, ...props }) => /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, ...props });
-const Tooltip = ({ delayDuration = HOVER_DELAY_PLAIN_MS, ...props }) => /* @__PURE__ */ jsx(TooltipPrimitive.Root, { delayDuration, ...props });
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = OVERLAY_SIDE_OFFSET, collisionPadding = OVERLAY_COLLISION_PADDING, style, children, ...props }, ref) => (
-  // collisionPadding default 8px:避免 tooltip 貼 viewport 邊(Radix avoidCollisions 預設 true 但 padding 0 會貼邊)
-  // 對齊 HoverCard canonical 避免 viewport edge clipping
-  /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    TooltipPrimitive.Content,
+import { MOTION_DELAY_PLAIN_MS } from "../../tokens/motion/motion.js";
+import { overlayMotion } from "../../tokens/motion/overlay-motion.js";
+const TooltipProvider = ({ delayDuration = MOTION_DELAY_PLAIN_MS, ...props }) => /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, ...props });
+const Tooltip = ({
+  delayDuration = MOTION_DELAY_PLAIN_MS,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  ...props
+}) => {
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);
+  const open = openProp ?? internalOpen;
+  const handleOpenChange = React.useCallback(
+    (nextOpen) => {
+      if (openProp === void 0) setInternalOpen(nextOpen);
+      onOpenChange == null ? void 0 : onOpenChange(nextOpen);
+    },
+    [onOpenChange, openProp]
+  );
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Root,
     {
-      ref,
-      sideOffset,
-      collisionPadding,
-      className: cn(
-        "z-50 overflow-hidden rounded-md px-3 py-2 text-body font-normal text-on-emphasis bg-tooltip max-w-[280px]",
-        "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 motion-reduce:animate-none motion-reduce:zoom-in-100",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        "origin-[var(--radix-tooltip-content-transform-origin)]",
-        className
-      ),
-      style: { boxShadow: "var(--elevation-200)", ...style },
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { "data-theme": "dark", className: "contents", children })
+      delayDuration,
+      open,
+      onOpenChange: handleOpenChange,
+      ...props
     }
-  ) })
-));
+  );
+};
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = OVERLAY_SIDE_OFFSET, collisionPadding = OVERLAY_COLLISION_PADDING, style, children, ...props }, ref) => {
+  const isEmptyContent = children == null || children === false || typeof children === "string" && children.trim() === "";
+  if (isEmptyContent) return null;
+  return (
+    // collisionPadding default 8px:避免 tooltip 貼 viewport 邊(Radix avoidCollisions 預設 true 但 padding 0 會貼邊)
+    // 消費 OVERLAY_COLLISION_PADDING overlay 家族 canonical(與 Popover 一致;HoverCard 特例 12 補 rounding)避免 viewport edge clipping
+    /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      TooltipPrimitive.Content,
+      {
+        ref,
+        sideOffset,
+        collisionPadding,
+        className: cn(
+          "z-50 overflow-hidden rounded-md px-3 py-2 text-body font-normal text-on-emphasis bg-tooltip max-w-[280px] break-words",
+          overlayMotion,
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "origin-[var(--radix-tooltip-content-transform-origin)]",
+          className
+        ),
+        style: { boxShadow: "var(--elevation-200)", ...style },
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { "data-theme": "dark", className: "contents", children })
+      }
+    ) })
+  );
+});
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const tooltipMeta = {
   component: "Tooltip",
@@ -36,7 +67,8 @@ const tooltipMeta = {
   // non-family composite / overlay / layout
   variants: {},
   sizes: {},
-  states: ["default", "hover", "active", "focus-visible", "disabled"],
+  states: ["default"],
+  // 2026-06-11 R2:Tooltip 浮層本身無互動 state(anatomy rationale L9-12),
   tokens: {
     bg: [],
     fg: [],

package/dist/components/Tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/Tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\nimport { OVERLAY_SIDE_OFFSET, OVERLAY_COLLISION_PADDING } from \"@/design-system/tokens/elevation/overlay-geometry\"\nimport { HOVER_DELAY_PLAIN_MS } from \"@/design-system/tokens/motion/motion\"\n\n// 2026-05-18 ship per user 拍板 #3A:Tooltip Provider 預設 delayDuration 對齊 motion token SSOT。\n// Radix 預設 700ms 過保守(被 Material 150-200 / MUI 100 / Atlassian 300 集體驗證),DS 統一用\n// `--hover-delay-plain` (500ms,JS mirror `HOVER_DELAY_PLAIN_MS`)。Consumer 仍可 per-instance override。\n// 2026-05-21 D5 Phase B codex 抓 comment 200 vs token 500 drift → 註解 500ms 對齊 motion.css:27 SSOT。\nconst TooltipProvider = ({ delayDuration = HOVER_DELAY_PLAIN_MS, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />\n)\n\nconst Tooltip = ({ delayDuration = HOVER_DELAY_PLAIN_MS, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) => (\n  <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n)\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = OVERLAY_SIDE_OFFSET, collisionPadding = OVERLAY_COLLISION_PADDING, style, children, ...props }, ref) => (\n  // collisionPadding default 8px:避免 tooltip 貼 viewport 邊(Radix avoidCollisions 預設 true 但 padding 0 會貼邊)\n  // 對齊 HoverCard canonical 避免 viewport edge clipping\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md px-3 py-2 text-body font-normal text-on-emphasis bg-tooltip max-w-[280px]\",\n        \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 motion-reduce:animate-none motion-reduce:zoom-in-100\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        \"origin-[var(--radix-tooltip-content-transform-origin)]\",\n        className\n      )}\n      style={{ boxShadow: 'var(--elevation-200)', ...style }}\n      {...props}\n    >\n      <div data-theme=\"dark\" className=\"contents\">{children}</div>\n    </TooltipPrimitive.Content>\n  </TooltipPrimitive.Portal>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\n// Story auto-compile metadata — Phase 1 mechanical migration(2026-04-24)\n// Phase 2 fill needed: purpose descriptions + when rationale + world-class refs\nexport const tooltipMeta = {\n  component: 'Tooltip',\n  family: null, // non-family composite / overlay / layout\n  variants: {\n\n  },\n  sizes: {\n\n  },\n  states: ['default', 'hover', 'active', 'focus-visible', 'disabled'],\n  tokens: {\n    bg: [],\n    fg: [],\n    ring: [],\n  },\n} as const\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,kBAAkB,CAAC,EAAE,gBAAgB,sBAAsB,GAAG,MAAA,MAClE,oBAAC,iBAAiB,UAAjB,EAA0B,eAA+B,GAAG,MAAA,CAAO;AAGtE,MAAM,UAAU,CAAC,EAAE,gBAAgB,sBAAsB,GAAG,MAAA,MAC1D,oBAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,MAAA,CAAO;AAGlE,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,aAAa,qBAAqB,mBAAmB,2BAA2B,OAAO,UAAU,GAAG,SAAS;AAAA;AAAA;AAAA,EAG3H,oBAAC,iBAAiB,QAAjB,EACC,UAAA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,WAAW,wBAAwB,GAAG,MAAA;AAAA,MAC9C,GAAG;AAAA,MAEJ,8BAAC,OAAA,EAAI,cAAW,QAAO,WAAU,YAAY,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,EACxD,CACF;AAAA,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAI/C,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,QAAQ;AAAA;AAAA,EACR,UAAU,CAAA;AAAA,EAGV,OAAO,CAAA;AAAA,EAGP,QAAQ,CAAC,WAAW,SAAS,UAAU,iBAAiB,UAAU;AAAA,EAClE,QAAQ;AAAA,IACN,IAAI,CAAA;AAAA,IACJ,IAAI,CAAA;AAAA,IACJ,MAAM,CAAA;AAAA,EAAC;AAEX;"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/Tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\nimport { OVERLAY_SIDE_OFFSET, OVERLAY_COLLISION_PADDING } from \"@/design-system/tokens/elevation/overlay-geometry\"\nimport { MOTION_DELAY_PLAIN_MS } from \"@/design-system/tokens/motion/motion\"\nimport { overlayMotion } from \"@/design-system/tokens/motion/overlay-motion\"\n\n// 2026-05-18 ship per user 拍板 #3A:Tooltip Provider 預設 delayDuration 對齊 motion token SSOT。\n// Radix 預設 700ms 過保守(被 Material 150-200 / MUI 100 / Atlassian 300 集體驗證),DS 統一用\n// `--motion-delay-plain` (500ms,JS mirror `MOTION_DELAY_PLAIN_MS`)。Consumer 仍可 per-instance override。\n// 2026-05-21 D5 Phase B codex 抓 comment 200 vs token 500 drift → 註解 500ms 對齊 motion.css:27 SSOT。\nconst TooltipProvider = ({ delayDuration = MOTION_DELAY_PLAIN_MS, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />\n)\n\n// 2026-07-30 WM patch-package 吸收:Tooltip 恆以受控模式掛 Radix Root。\n// 動機:truncated-text.tsx 截斷抑制 canonical `open={isTruncated ? undefined : false}` 直通\n// Radix 會反覆 controlled ↔ uncontrolled 切換(Radix useControllableState dev warning 噪音,\n// consumer 大量截斷 cell 實證)。做法:`open` 未傳時以 internal state 鏡射 Radix 的 open/close\n// 決策(hover/focus/delay 時機仍由 Radix owns,經 onOpenChange 回報落地),對 Radix 永遠是\n// controlled,模式切換消失。`defaultOpen` destructure 出來 seed internal state(語意保留;不可\n// 與 `open` 一起 spread 給 Root)。consumer 三 prop(open/defaultOpen/onOpenChange)行為不變;\n// open 與 defaultOpen 同傳時 open 勝(Radix idiom)。\nconst Tooltip = ({\n  delayDuration = MOTION_DELAY_PLAIN_MS,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) => {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? internalOpen\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) setInternalOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return (\n    <TooltipPrimitive.Root\n      delayDuration={delayDuration}\n      open={open}\n      onOpenChange={handleOpenChange}\n      {...props}\n    />\n  )\n}\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = OVERLAY_SIDE_OFFSET, collisionPadding = OVERLAY_COLLISION_PADDING, style, children, ...props }, ref) => {\n  // 空內容不掛浮層:children 為 null / undefined / false / 空字串時不渲染帶 padding 的空\n  // role=\"tooltip\" 殼(見 spec「邊界狀態」)。Tooltip 是資訊補救機制,無補充內容即不出現,\n  // trigger 由 TooltipTrigger 原樣保留。\n  const isEmptyContent =\n    children == null ||\n    children === false ||\n    (typeof children === 'string' && children.trim() === '')\n  if (isEmptyContent) return null\n  return (\n  // collisionPadding default 8px:避免 tooltip 貼 viewport 邊(Radix avoidCollisions 預設 true 但 padding 0 會貼邊)\n  // 消費 OVERLAY_COLLISION_PADDING overlay 家族 canonical(與 Popover 一致;HoverCard 特例 12 補 rounding)避免 viewport edge clipping\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      // Density:繼承 page density(2026-06-15 canonical)。Tooltip padding 寫死 px-3 py-2、內容 text-body,\n      // 不消費任何 density / layout-space token → 鎖 density 對它是 inert(原 data-density=\"md\" 是 409b91da\n      // a11y 批次「對齊 Popover」順手加,非設計決策)→ 移除,讓全浮層行為一致(全繼承 page)。\n      className={cn(\n        \"z-50 overflow-hidden rounded-md px-3 py-2 text-body font-normal text-on-emphasis bg-tooltip max-w-[280px] break-words\",\n        overlayMotion,\n        \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        \"origin-[var(--radix-tooltip-content-transform-origin)]\",\n        className\n      )}\n      style={{ boxShadow: 'var(--elevation-200)', ...style }}\n      {...props}\n    >\n      <div data-theme=\"dark\" className=\"contents\">{children}</div>\n    </TooltipPrimitive.Content>\n  </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\n// Story auto-compile metadata — Phase 1 mechanical migration(2026-04-24)\n// Phase 2 fill needed: purpose descriptions + when rationale + world-class refs\nexport const tooltipMeta = {\n  component: 'Tooltip',\n  family: null, // non-family composite / overlay / layout\n  variants: {\n\n  },\n  sizes: {\n\n  },\n  states: ['default'], // 2026-06-11 R2:Tooltip 浮層本身無互動 state(anatomy rationale L9-12),\n  tokens: {\n    bg: [],\n    fg: [],\n    ring: [],\n  },\n} as const\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,kBAAkB,CAAC,EAAE,gBAAgB,uBAAuB,GAAG,MAAA,MACnE,oBAAC,iBAAiB,UAAjB,EAA0B,eAA+B,GAAG,MAAA,CAAO;AAWtE,MAAM,UAAU,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0D;AACxD,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,eAAe,KAAK;AAC3E,QAAM,OAAO,YAAY;AACzB,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,aAAsB;AACrB,UAAI,aAAa,OAAW,iBAAgB,QAAQ;AACpD,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EAAA;AAGzB,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACb,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,aAAa,qBAAqB,mBAAmB,2BAA2B,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AAInI,QAAM,iBACJ,YAAY,QACZ,aAAa,SACZ,OAAO,aAAa,YAAY,SAAS,KAAA,MAAW;AACvD,MAAI,eAAgB,QAAO;AAC3B;AAAA;AAAA;AAAA,IAGA,oBAAC,iBAAiB,QAAjB,EACC,UAAA;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAIA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,WAAW,wBAAwB,GAAG,MAAA;AAAA,QAC9C,GAAG;AAAA,QAEJ,8BAAC,OAAA,EAAI,cAAW,QAAO,WAAU,YAAY,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA,EACxD,CACF;AAAA;AAEF,CAAC;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAI/C,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,QAAQ;AAAA;AAAA,EACR,UAAU,CAAA;AAAA,EAGV,OAAO,CAAA;AAAA,EAGP,QAAQ,CAAC,SAAS;AAAA;AAAA,EAClB,QAAQ;AAAA,IACN,IAAI,CAAA;AAAA,IACJ,IAAI,CAAA;AAAA,IACJ,MAAM,CAAA;AAAA,EAAC;AAEX;"}

package/dist/components/TreeView/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tree-view';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TreeView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAA"}

package/dist/components/TreeView/index.js

@@ -0,0 +1,8 @@
+import { TreeItem, TreeView, treeItemVariants, treeViewMeta } from "./tree-view.js";
+export {
+  TreeItem,
+  TreeView,
+  treeItemVariants,
+  treeViewMeta
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TreeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/TreeView/tree-view.d.ts

@@ -26,7 +26,7 @@ type SelectionMode = 'single' | 'multiple' | 'none';
  */
 type TreeContext = 'sidebar' | 'menu';
 /** Drag drop position — 拖放目標的三種位置 */
-export type DropPosition = 'before' | 'after' | 'inside';
+export type TreeDropPosition = 'before' | 'after' | 'inside';
 /** onDragEnd callback 的參數 */
 export interface TreeDragEndEvent {
     /** 被拖曳的 node id */
@@ -34,14 +34,50 @@ export interface TreeDragEndEvent {
     /** 目標 node id */
     targetId: string;
     /** 放置位置:before(同層上方)/ after(同層下方)/ inside(成為子 node) */
-    position: DropPosition;
+    position: TreeDropPosition;
+}
+/**
+ * 鍵盤重排(`Cmd/Ctrl+Shift+方向鍵`,2026-07-14 v1)的 SR 播報文案 — zh-TW 預設,
+ * per-key merge 覆寫(i18n 覆寫點)。詳 tree-view.spec.md「鍵盤重排」。
+ * @public
+ */
+export interface TreeReorderAnnouncements {
+    /** 同層上/下移完成。`index` / `count` = 移動後在同層的 1-based 序數 / 同層總數 */
+    moved?: (args: {
+        label: string;
+        targetLabel: string;
+        position: 'before' | 'after';
+        index: number;
+        count: number;
+    }) => string;
+    /** 移入 folder 完成。folder 原本收合(children 尚未 mount)時序數不可知 → `index` / `count` 為 undefined */
+    movedInside?: (args: {
+        label: string;
+        folderLabel: string;
+        index?: number;
+        count?: number;
+    }) => string;
+    /** 移出到上層完成。`level` = 移動後所在層(1-based,同 aria-level 語意) */
+    movedOut?: (args: {
+        label: string;
+        parentLabel: string;
+        level: number;
+    }) => string;
+    /** 邊界 no-op:top(已在最上方)/ bottom(已在最下方)/ not-folder(無可移入的 folder)/ root(已在最外層) */
+    blocked?: (args: {
+        reason: 'top' | 'bottom' | 'not-folder' | 'root';
+        label: string;
+        targetLabel?: string;
+    }) => string;
+    /** sr-only 操作說明(tree 容器 `aria-describedby` 指向;僅 `draggable` 時渲染) */
+    instructions?: string;
 }
 export interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> {
     /** 元件尺寸,影響 node 高度、icon 大小、indent 寬度 */
     size?: SizeKey;
     /**
      * 使用脈絡,決定 item 的水平 padding:
-     * - `'sidebar'`(預設):頁面側邊欄,px-2(8px)
+     * - `'sidebar'`(預設):頁面側邊欄,`--layout-space-loose`(md=16px / lg=24px,隨 density 連動)
      * - `'menu'`:浮層選單 / dropdown,px-3(12px),對齊 MenuItem
      */
     context?: TreeContext;
@@ -63,13 +99,19 @@ export interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     defaultSelectedIds?: string[];
     /**
      * 啟用拖曳排序。預設 false。
-     * 啟用後每個 TreeItem 左側出現 drag handle(GripVertical icon),
+     * 啟用後整列可拖(Figma 風格,無 grip handle;靠 distance:5 區分 click vs drag),
      * 拖曳時顯示 drop indicator(before / after / inside 三種位置)。
      * Consumer 透過 `onDragEnd` callback 接收 reorder 事件,自行更新 data。
      */
     draggable?: boolean;
     /** Drag 結束時觸發,提供 sourceId、targetId、position。Consumer 負責 reorder。 */
     onDragEnd?: (event: TreeDragEndEvent) => void;
+    /**
+     * 鍵盤重排(`Cmd/Ctrl+Shift+方向鍵`)的 SR 播報文案覆寫(per-key merge;zh-TW 預設)。
+     * 僅在 `draggable` 時生效;含 `instructions`(sr-only 操作說明)。
+     * @public
+     */
+    reorderAnnouncements?: TreeReorderAnnouncements;
     /** ARIA label */
     'aria-label'?: string;
 }
@@ -86,19 +128,21 @@ export interface TreeItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     icon?: LucideIcon;
     /**
      * Checkbox(多選模式,label 前方)。傳入 ReactNode(Checkbox 元件)。
-     * 位置:在 icon 之後、label 之前。
+     * 位置:在 chevron 之後、indicator/icon 之前。
+     * 此 slot 僅是 treeitem selection 的視覺鏡像；有效 React element 會由 TreeItem
+     * 強制正規化為 `aria-hidden` + `tabIndex=-1`，不形成第二個 node tab stop。
      * 單選模式通常不需要(用 bg-neutral-selected 表達選中)。
      */
     checkbox?: React.ReactNode;
     /**
-     * 右側 inline actions(suffix slot,宣告式 API)。對齊 `uiSize.spec.md`「Inline Action」
+     * 右側 inline actions(suffix slot,宣告式 API)。對齊 `patterns/element-anatomy/inline-action.spec.md`
      * 與 `SidebarMenuButton.inlineActions` 的同一條規格——TreeItem / SidebarMenuButton /
      * 未來的 row primitive 全部用同一個 declarative API。
      *
      * Consumer 只宣告 intent,TreeItem 用 `<ItemInlineAction>` 自動渲染:
      * - Icon 尺寸 = `ICON_SIZE[treeViewSize]`(自動)
      * - Hover bg、tooltip、aria-label、cursor-pointer 自動處理
-     * - **不可以**手刻 button JSX(canonical 實作在 `item-layout.tsx`)
+     * - **不可以**手刻 button JSX(canonical 實作在 `patterns/element-anatomy/item-anatomy.tsx` `ItemInlineAction`)
      *
      * ```tsx
      * <TreeItem
@@ -127,7 +171,7 @@ export interface TreeItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
      *
      * 規則對齊 Input.endSlot canonical:90% case 用 `inlineActions` 宣告式 API,
      * 10% config 表達不出時走 slot。視覺一致性由 consumer 負責(可使用 host 內部 helper
-     * — 但禁止 app-code 直接 import L3 primitive,見 `check_l3_primitive_import.sh`)。
+     * — 但禁止 app-code 直接 import L3 primitive,見 `check_canonical_propagation.sh` E.2,原 `check_l3_primitive_import` 已 folded)。
      */
     inlineActionsSlot?: React.ReactNode;
     /**
@@ -139,8 +183,8 @@ export interface TreeItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
      */
     actionsReveal?: false | "hover";
     /**
-     * 取代 chevron 的位置。用於 stepper 的 status indicator(●/○/✓)。
-     * 設定後 chevron 不渲染,改渲染 indicator。
+     * 取代 icon 的位置。用於 stepper 的 status indicator(●/○/✓)。
+     * 設定後 icon 不渲染、改渲染 indicator;chevron 永遠保留(expandable=旋轉箭頭 / leaf=placeholder)。
      */
     indicator?: React.ReactNode;
     /** 是否停用 */
@@ -151,12 +195,25 @@ export interface TreeItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
 declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLDivElement>>;
 export declare const treeViewMeta: {
     readonly component: "TreeView";
-    readonly family: null;
+    readonly family: 1;
     readonly variants: {};
-    readonly sizes: {};
-    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
+    readonly sizes: {
+        readonly sm: {
+            readonly typography: "body";
+            readonly indent: 24;
+        };
+        readonly md: {
+            readonly typography: "body";
+            readonly indent: 24;
+        };
+        readonly lg: {
+            readonly typography: "body-lg";
+            readonly indent: 28;
+        };
+    };
+    readonly states: readonly ["default", "hover", "selected", "focus-visible", "disabled"];
     readonly tokens: {
-        readonly bg: readonly ["bg-neutral-hover", "bg-primary", "bg-primary-subtle", "bg-surface"];
+        readonly bg: readonly ["bg-neutral-hover", "bg-neutral-selected", "bg-surface"];
         readonly fg: readonly ["text-fg-disabled", "text-fg-muted", "text-fg-secondary", "text-foreground"];
         readonly ring: readonly ["ring-ring"];
     };

package/dist/components/TreeView/tree-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/tree-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/tree-view.tsx"],"names":[],"mappings":"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"}