@icen.ai/ui 0.9.0 → 0.11.0

package/dist/components/pill.css

@@ -1,131 +1,133 @@
+@layer icen.components {
 /*
  * @icen.ai/ui — Component: pill（状态徽章 / tag）
  *
  * 完整契约：
- *   <span class="pill [pill--success|pill--warning|pill--error|pill--info|pill--accent] [.pill--dot|pill--outline|pill--sm]">文本</span>
+ *   <span class="icen-pill [icen-pill--success|icen-pill--warning|icen-pill--error|icen-pill--info|icen-pill--accent] [.icen-pill--dot|icen-pill--outline|icen-pill--sm]">文本</span>
  *
  * 语义色纪律：仅绿/黄/红/信息 + 品牌 accent。
- * --dot：左侧加状态色圆点；--outline：透明底、纯描边；--sm：紧凑尺寸。
+ * --dot：起始缘加状态色圆点（RTL 镜像到右侧）；--outline：透明底、纯描边；--sm：紧凑尺寸。
  */
 
-.pill {
+.icen-pill {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  padding: 2px var(--density-space-sm);
-  border-radius: var(--radius-full);
-  font-size: var(--density-font-size-xs);
-  letter-spacing: 0.02em;
+  min-block-size: 19px;
+  padding: 1px 7px;
+  border-radius: var(--icen-radius-full);
+  font-size: var(--icen-density-font-size-xs);
+  letter-spacing: .01em;
   font-weight: 500;
-  background: var(--token-surface-strong);
-  color: var(--token-text-muted);
-  border: 1px solid var(--token-line-soft);
+  background: var(--icen-token-fill-hover);
+  color: var(--icen-token-text-muted);
+  border: 1px solid var(--icen-token-separator-soft);
   white-space: nowrap;
   vertical-align: middle;
 }
 
-.pill--success {
-  color: var(--token-success);
-  border-color: color-mix(in srgb, var(--token-success) 35%, transparent);
-  background: color-mix(in srgb, var(--token-success) 9%, transparent);
-}
-.pill--warning {
-  color: var(--token-warning);
-  border-color: color-mix(in srgb, var(--token-warning) 35%, transparent);
-  background: color-mix(in srgb, var(--token-warning) 9%, transparent);
-}
-.pill--error {
-  color: var(--token-error);
-  border-color: color-mix(in srgb, var(--token-error) 35%, transparent);
-  background: color-mix(in srgb, var(--token-error) 9%, transparent);
-}
-.pill--accent {
-  color: var(--token-accent-deep, var(--token-accent));
-  border-color: color-mix(in srgb, var(--token-accent) 40%, transparent);
-  background: color-mix(in srgb, var(--token-accent) 9%, transparent);
-}
-.pill--info {
-  color: var(--token-info);
-  border-color: color-mix(in srgb, var(--token-info) 35%, transparent);
-  background: color-mix(in srgb, var(--token-info) 9%, transparent);
+.icen-pill--success {
+  color: var(--icen-token-success);
+  border-color: color-mix(in srgb, var(--icen-token-success) 35%, transparent);
+  background: color-mix(in srgb, var(--icen-token-success) 9%, transparent);
+}
+.icen-pill--warning {
+  color: var(--icen-token-warning);
+  border-color: color-mix(in srgb, var(--icen-token-warning) 35%, transparent);
+  background: color-mix(in srgb, var(--icen-token-warning) 9%, transparent);
+}
+.icen-pill--error {
+  color: var(--icen-token-error);
+  border-color: color-mix(in srgb, var(--icen-token-error) 35%, transparent);
+  background: color-mix(in srgb, var(--icen-token-error) 9%, transparent);
+}
+.icen-pill--accent {
+  color: var(--icen-token-accent-text);
+  border-color: color-mix(in srgb, var(--icen-token-accent) 30%, transparent);
+  background: var(--icen-token-accent-subtle);
+}
+.icen-pill--info {
+  color: var(--icen-token-info);
+  border-color: color-mix(in srgb, var(--icen-token-info) 35%, transparent);
+  background: color-mix(in srgb, var(--icen-token-info) 9%, transparent);
 }
 
-/* 点状变体：左侧状态色圆点 */
-.pill--dot::before {
+/* 点状变体：起始缘状态色圆点（RTL 镜像到右侧） */
+.icen-pill--dot::before {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
-  border-radius: var(--radius-full);
+  border-radius: var(--icen-radius-full);
   background: currentColor;
   flex-shrink: 0;
 }
 
 /* 描边变体：透明底，仅描边 */
-.pill--outline {
-  background: transparent !important;
+.icen-pill--outline {
+  background: transparent !important; /* guard:allow-important 状态/守卫覆盖需压制变体优先级 */
 }
 
 /* 尺寸变体 */
-.pill--sm {
-  padding: 1px var(--density-space-xs);
-  font-size: var(--density-font-size-2xs);
+.icen-pill--sm {
+  padding: 1px var(--icen-density-space-xs);
+  font-size: var(--icen-density-font-size-2xs);
 }
-.pill--lg {
-  padding: 4px calc(var(--density-space-sm) + 2px);
-  font-size: var(--density-font-size-sm);
+.icen-pill--lg {
+  padding: 4px calc(var(--icen-density-space-sm) + 2px);
+  font-size: var(--icen-density-font-size-sm);
 }
 
 /* 实色变体：accent 实底（用于 count、活跃状态等强调场景） */
-.pill--solid {
-  background: var(--token-accent);
-  color: var(--token-on-accent);
-  border-color: var(--token-accent);
-}
-.pill--solid.pill--success { background: var(--token-success); border-color: var(--token-success); }
-.pill--solid.pill--warning { background: var(--token-warning); border-color: var(--token-warning); }
-.pill--solid.pill--error   { background: var(--token-error);   border-color: var(--token-error); }
-.pill--solid.pill--info    { background: var(--token-info);    border-color: var(--token-info); }
+.icen-pill--solid {
+  background: var(--icen-token-accent-strong);
+  color: var(--icen-token-on-accent);
+  border-color: var(--icen-token-accent-strong);
+}
+.icen-pill--solid.icen-pill--success { background: var(--icen-token-success); border-color: var(--icen-token-success); }
+.icen-pill--solid.icen-pill--warning { background: var(--icen-token-warning); border-color: var(--icen-token-warning); }
+.icen-pill--solid.icen-pill--error   { background: var(--icen-token-error);   border-color: var(--icen-token-error); }
+.icen-pill--solid.icen-pill--info    { background: var(--icen-token-info);    border-color: var(--icen-token-info); }
 
 /* ── 增强 ── */
 
 /* 可关闭 pill */
-.pill-close {
+.icen-pill-close {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 14px;
   height: 14px;
-  margin-left: 2px;
-  margin-right: -4px;
+  margin-inline-start: 2px;
+  margin-inline-end: -4px;
   padding: 0;
   border: 0;
-  border-radius: var(--radius-full);
+  border-radius: var(--icen-radius-full);
   background: transparent;
   color: inherit;
   opacity: 0.6;
   cursor: pointer;
   transition: opacity var(--icen-tx-fast), background-color var(--icen-tx-fast);
 }
-.pill-close:hover { opacity: 1; background: color-mix(in srgb, currentColor 15%, transparent); }
-.pill-close svg { width: 9px; height: 9px; }
+.icen-pill-close:hover { opacity: 1; background: color-mix(in srgb, currentColor 15%, transparent); }
+.icen-pill-close svg { width: 9px; height: 9px; }
 
 /* 图标 pill */
-.pill-icon {
+.icen-pill-icon {
   display: inline-flex;
   align-items: center;
 }
-.pill-icon svg { width: 10px; height: 10px; }
+.icen-pill-icon svg { width: 10px; height: 10px; }
 
 /* 实时脉冲（用于"直播"/"实时"状态） */
-.pill--live::before {
+.icen-pill--live::before {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
-  border-radius: var(--radius-full);
+  border-radius: var(--icen-radius-full);
   background: currentColor;
-  margin-right: 2px;
+  margin-inline-end: 2px;
   animation: pill-pulse var(--pill-pulse-duration, 1.5s) ease-in-out infinite;
 }
 @keyframes pill-pulse {
@@ -134,25 +136,34 @@
 }
 
 /* 纯数字计数（不带文字） */
-.pill--count {
+.icen-pill--count {
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
   justify-content: center;
-  font-size: var(--density-font-size-2xs);
+  font-size: var(--icen-density-font-size-2xs);
   font-weight: 700;
   font-variant-numeric: tabular-nums;
   line-height: 1;
 }
 
 /* 渐变变体 */
-.pill--gradient {
-  background: linear-gradient(135deg, var(--token-accent), var(--token-accent-deep, var(--token-accent)));
-  color: var(--token-on-accent);
+.icen-pill--gradient {
+  background: linear-gradient(135deg, var(--icen-token-accent), var(--icen-token-accent-deep, var(--icen-token-accent)));
+  color: var(--icen-token-on-accent);
   border-color: transparent;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .pill--live::before { animation: none; }
-  .pill-close { transition: none; }
+  .icen-pill--live::before { animation: none; }
+  .icen-pill-close { transition: none; }
+}
+
+/* Stable secondary-action slot: reveal is optical rather than a width change. */
+@media (hover: hover) and (pointer: fine) {
+  .icen-pill-close { opacity: 0; }
+  .icen-pill:is(:hover,:focus-within) .icen-pill-close { opacity: 1; }
+}
+@media (pointer: coarse) { .icen-pill-close { min-inline-size: 28px; min-block-size: 28px; opacity: 1; } }
+
 }

package/dist/components/pill.d.mts

@@ -0,0 +1,2 @@
+// kit: pill 类型面（构建产物，勿手改）
+export {};

package/dist/components/popover.css

@@ -1,127 +1,150 @@
+@layer icen.components {
 /*
  * @icen.ai/ui — Component: popover（锚定浮层，与 behaviors/popover 配套）
  *
  * 完整契约：
- *   <button class="popover-trigger pressable" data-popover-target="id" aria-haspopup="dialog">…</button>
- *   <div class="popover [--sm|--lg]" id="id" data-side="top|bottom|left|right" role="dialog" hidden>
- *     <div class="popover-header">           可选
- *       <h3 class="popover-title">…</h3>
- *       <button class="popover-close" aria-label="关闭">…</button>
+ *   <button class="popover-trigger icen-pressable" data-icen-popover-target="id" aria-haspopup="dialog">…</button>
+ *   <div class="icen-popover [--sm|--lg]" id="id" data-icen-side="top|bottom|left|right" role="dialog" hidden>
+ *     <div class="icen-popover-header">           可选
+ *       <h3 class="icen-popover-title">…</h3>
+ *       <button class="icen-popover-close" aria-label="关闭">…</button>
  *     </div>
- *     <div class="popover-body">…</div>
- *     <div class="popover-footer">           可选
- *       <button class="btn">取消</button>
+ *     <div class="icen-popover-body">…</div>
+ *     <div class="icen-popover-footer">           可选
+ *       <button class="icen-btn">取消</button>
  *     </div>
  *   </div>
  *
- * behavior：面板 portal 到 document.body 按 fixed 定位；data-side 由布局函数写入；
- *           ESC / 外部点击关闭；焦点 trap 可选。
+ * behavior：面板 portal 到 document.body 按 fixed 定位；data-icen-side 由布局函数写入；
+ *           ESC / 外部点击关闭；initPopover() 提供 data-icen-popover-target 声明式委托；
+ *           退场为淡出过渡（[data-icen-state='closing']），重开从当前位置续接。
  */
 
-.popover {
+.icen-popover {
   position: fixed;
-  z-index: var(--z-popover);
-  min-width: 200px;
-  max-width: min(360px, calc(100vw - 32px));
-  padding: var(--density-space-sm);
-  background: var(--token-card-strong);
-  color: var(--token-text);
-  border: 1px solid var(--token-outline);
-  box-shadow: var(--token-shadow-overlay);
-  border-radius: var(--radius-lg);
-  animation: icen-popover-in var(--icen-tx-fast);
+  z-index: var(--icen-z-popover);
+  min-inline-size: 200px;
+  max-inline-size: min(360px, calc(100vw - 32px));
+  padding: var(--icen-density-space-sm);
+  background: color-mix(in srgb, var(--icen-token-surface) 94%, transparent);
+  backdrop-filter: blur(var(--icen-material-blur-floating)) saturate(var(--icen-material-saturate));
+  -webkit-backdrop-filter: blur(var(--icen-material-blur-floating)) saturate(var(--icen-material-saturate));
+  color: var(--icen-token-text);
+  border: 1px solid var(--icen-token-material-edge);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
+  border-radius: var(--icen-radius-lg);
+  animation: icen-popover-in var(--icen-duration-fast) var(--icen-ease-enter);
   transform-origin: top center;
+  /* 退场走过渡（可中断回弹）；与菜单同收敛配方 */
+  transition:
+    opacity var(--icen-duration-fast) var(--icen-ease-out),
+    transform var(--icen-duration-fast) var(--icen-ease-out);
+}
+.icen-popover[data-icen-state='closing'] {
+  animation: none; /* 打断可能仍在跑的进场 */
+  pointer-events: none;
+  opacity: 0;
+  transform: scale(0.99);
 }
-.popover[data-side='top'] {
+.icen-popover[data-icen-side='top'] {
   animation-name: icen-popover-in-top;
   transform-origin: bottom center;
 }
-.popover[data-side='left'] {
+.icen-popover[data-icen-side='left'] {
   animation-name: icen-popover-in-left;
   transform-origin: right center;
 }
-.popover[data-side='right'] {
+.icen-popover[data-icen-side='right'] {
   animation-name: icen-popover-in-right;
   transform-origin: left center;
 }
 
-.popover--sm { min-width: 160px; max-width: 240px; }
-.popover--lg { min-width: 280px; max-width: min(480px, calc(100vw - 32px)); }
+.icen-popover--sm { min-inline-size: 160px; max-inline-size: 240px; }
+.icen-popover--lg { min-inline-size: 280px; max-inline-size: min(480px, calc(100vw - 32px)); }
 
-.popover-header {
+.icen-popover-header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  gap: var(--density-space-sm);
-  padding: var(--density-space-xs) var(--density-space-xs) var(--density-space-sm);
-  border-bottom: 1px solid var(--token-line-soft);
-  margin-bottom: var(--density-space-sm);
+  gap: var(--icen-density-space-sm);
+  padding: var(--icen-density-space-xs);
+  border-bottom: 1px solid var(--icen-token-separator-soft);
+  margin-bottom: var(--icen-density-space-xs);
 }
-.popover-title {
+.icen-popover-title {
   margin: 0;
-  font-size: var(--density-font-size-sm);
-  font-weight: 600;
-  font-family: var(--font-heading);
+  font-size: var(--icen-font-size-control);
+  font-weight: var(--icen-font-weight-title);
+  font-family: var(--icen-font-heading);
   line-height: 1.3;
 }
-.popover-close {
+.icen-popover-close {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 22px;
-  height: 22px;
+  width: 24px;
+  height: 24px;
   padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
-  color: var(--token-text-faint);
-  border-radius: var(--radius-sm);
+  color: var(--icen-token-text-muted);
+  border-radius: var(--icen-radius-full);
   flex-shrink: 0;
   transition:
     background-color var(--icen-tx-fast),
     color var(--icen-tx-fast);
 }
-.popover-close:hover {
-  background: var(--token-surface-hover);
-  color: var(--token-text);
+.icen-popover-close:hover {
+  background: var(--icen-token-fill-hover);
+  color: var(--icen-token-text);
 }
-.popover-close:focus-visible {
+.icen-popover-close:focus-visible {
   outline: none;
   box-shadow: var(--icen-ring);
 }
+/* 触屏抬到 44px 触达面（同 modal/toast/notification 关闭钮口径；桌面保持 22px 紧凑视觉） */
+@media (pointer: coarse) {
+  .icen-popover-close {
+    min-inline-size: 44px;
+    min-block-size: 44px;
+  }
+}
 
-.popover-body {
-  font-size: var(--density-font-size-sm);
+.icen-popover-body {
+  font-size: var(--icen-font-size-control);
   line-height: 1.5;
 }
 
-.popover-footer {
+.icen-popover-footer {
   display: flex;
   justify-content: flex-end;
-  gap: var(--density-space-xs);
-  margin-top: var(--density-space-sm);
-  padding-top: var(--density-space-sm);
-  border-top: 1px solid var(--token-line-soft);
+  gap: var(--icen-density-space-xs);
+  margin-top: var(--icen-density-space-sm);
+  padding-top: var(--icen-density-space-sm);
+  border-top: 1px solid var(--icen-token-separator-soft);
 }
 
-/* ── 进场动画（按侧别反向位移 8px） ── */
+/* ── 进场动画（与菜单同配方：fade + scale(.98)，按侧别反向位移 2px） ── */
 @keyframes icen-popover-in {
-  from { opacity: 0; transform: scale(0.95) translateY(-8px); }
+  from { opacity: 0; transform: scale(0.98) translateY(-2px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
 }
 @keyframes icen-popover-in-top {
-  from { opacity: 0; transform: scale(0.95) translateY(8px); }
+  from { opacity: 0; transform: scale(0.98) translateY(2px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
 }
 @keyframes icen-popover-in-left {
-  from { opacity: 0; transform: scale(0.95) translateX(8px); }
+  from { opacity: 0; transform: scale(0.98) translateX(2px); }
   to { opacity: 1; transform: scale(1) translateX(0); }
 }
 @keyframes icen-popover-in-right {
-  from { opacity: 0; transform: scale(0.95) translateX(-8px); }
+  from { opacity: 0; transform: scale(0.98) translateX(-2px); }
   to { opacity: 1; transform: scale(1) translateX(0); }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .popover { animation: none; }
+  .icen-popover { animation: none; transition: none; }
+}
+
 }

package/dist/components/popover.d.mts

@@ -0,0 +1,2 @@
+// kit: popover 类型面（构建产物，勿手改）
+export * from '../behaviors/popover.mjs';

package/dist/components/progress.d.mts

@@ -0,0 +1,2 @@
+// kit: progress 类型面（构建产物，勿手改）
+export {};

package/dist/components/rating.d.mts

@@ -0,0 +1,2 @@
+// kit: rating 类型面（构建产物，勿手改）
+export { initRating } from '../behaviors/controls.mjs';

package/dist/components/result.d.mts

@@ -0,0 +1,2 @@
+// kit: result 类型面（构建产物，勿手改）
+export {};

package/dist/components/scroll-area.css

@@ -1,3 +1,4 @@
+@layer icen.components {
 /*
  * @icen.ai/ui — Component: scroll-area（自定义滚动容器）
  *
@@ -8,105 +9,79 @@
  *   - 需要限定高度并强调"这里可以滚"的容器
  *
  * 完整契约：
- *   <div class="scroll-area [--sm|--lg] [--both]">
+ *   <div class="icen-scroll-area [--sm|--lg] [--both]">
  *     任意超长内容…
  *   </div>
  *
- *   横向专用：<div class="scroll-area scroll-area--x">…</div>
- *   垂直专用：<div class="scroll-area scroll-area--y">…</div>
+ *   横向专用：<div class="icen-scroll-area icen-scroll-area--x">…</div>
+ *   垂直专用：<div class="icen-scroll-area icen-scroll-area--y">…</div>
  *
  * 变体：
  *   --x  仅横向滚动（纵向裁剪）
  *   --y  仅纵向滚动（横向裁剪）
  *   --both 双向滚动
  *   --sm  窄滚动条（6px 宽）
- *   --lg  正常滚动条（10px 宽，默认 8px）
+ *   --lg  正常滚动条（12px 宽，默认 8px）
  *   --inset  内嵌阴影式（类似 code 编辑器）
  */
 
-.scroll-area {
+.icen-scroll-area {
   overflow: auto;
   overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
   scroll-behavior: smooth;
 }
 
-.scroll-area--x { overflow-x: auto; overflow-y: hidden; }
-.scroll-area--y { overflow-x: hidden; overflow-y: auto; }
-.scroll-area--both { overflow: auto; }
+.icen-scroll-area--x { overflow-x: auto; overflow-y: hidden; }
+.icen-scroll-area--y { overflow-x: hidden; overflow-y: auto; }
+.icen-scroll-area--both { overflow: auto; }
 
-/* ── 尺寸变体：覆盖全局滚动条宽度 ── */
-.scroll-area--sm {
-  scrollbar-width: thin;
-}
-.scroll-area--sm::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-.scroll-area--sm::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--token-text-faint) 28%, transparent);
-  border-radius: 3px;
-  border: 0;
-}
-
-.scroll-area--lg {
-  scrollbar-width: auto;
-}
-.scroll-area--lg::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-}
-.scroll-area--lg::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--token-text-faint) 35%, transparent);
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: padding-box;
-}
-.scroll-area--lg::-webkit-scrollbar-thumb:hover {
-  background: color-mix(in srgb, var(--token-text-faint) 50%, transparent);
-  background-clip: padding-box;
-}
+/* Size variants share the global track, thumb and visibility policy. */
+.icen-scroll-area--sm { --icen-token-scrollbar-size: var(--icen-token-scrollbar-size-sm); }
+.icen-scroll-area--lg { --icen-token-scrollbar-size: var(--icen-token-scrollbar-size-lg); }
 
 /* ── 内嵌变体：带视觉边界 ── */
-.scroll-area--inset {
-  background: var(--token-bg-soft);
-  border: 1px solid var(--token-line-soft);
-  border-radius: var(--radius-md);
-  box-shadow: var(--token-shadow-inset);
-  padding: var(--density-space-sm);
+.icen-scroll-area--inset {
+  background: var(--icen-token-control);
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-control-radius-lg);
+  box-shadow: var(--icen-token-shadow-field);
+  padding: var(--icen-density-space-sm);
 }
-.scroll-area--inset:focus-visible {
+.icen-scroll-area--inset:focus-visible {
   outline: none;
   border-color: var(--icen-control-focus-border);
   box-shadow: var(--icen-control-focus-shadow);
 }
 
 /* ── 渐隐遮罩（可选）：上下边缘渐隐，暗示可滚动 ── */
-.scroll-area--fade {
+.icen-scroll-area--fade {
   -webkit-mask-image: linear-gradient(
     to bottom,
     transparent 0,
     transparent 0,
-    #000 var(--density-space-sm),
-    #000 calc(100% - var(--density-space-sm)),
+    #000 var(--icen-density-space-sm),
+    #000 calc(100% - var(--icen-density-space-sm)),
     transparent 100%
   );
   mask-image: linear-gradient(
     to bottom,
     transparent 0,
-    #000 var(--density-space-sm),
-    #000 calc(100% - var(--density-space-sm)),
+    #000 var(--icen-density-space-sm),
+    #000 calc(100% - var(--icen-density-space-sm)),
     transparent 100%
   );
 }
 
 /* ── 可被键盘聚焦的滚动容器 ── */
-.scroll-area[tabindex='0']:focus-visible {
+.icen-scroll-area[tabindex='0']:focus-visible {
   outline: none;
   box-shadow: var(--icen-ring-soft);
-  border-radius: var(--radius-md);
+  border-radius: var(--icen-radius-md);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .scroll-area { scroll-behavior: auto; }
+  .icen-scroll-area { scroll-behavior: auto; }
+}
+
 }

package/dist/components/scroll-area.d.mts

@@ -0,0 +1,2 @@
+// kit: scroll-area 类型面（构建产物，勿手改）
+export * from '../behaviors/scroll-area.mjs';

package/dist/components/scroll-area.mjs

@@ -1,2 +1,3 @@
 // @icen.ai/ui — kit: scroll-area（CSS + behavior 一行入口；构建产物，勿手改）
 import './scroll-area.css';
+export * from '../behaviors/scroll-area.mjs';