@manohub/ui 0.6.1 → 0.7.1

package/dist/styles/index.css

@@ -42,10 +42,13 @@
  * 跨件共用的值一律进 `@manohub/theme`；面上的 `--ui-*` 只允许出现在**修饰符块**里
  * （护栏会拦「面里出现不含修饰符类的 `--ui-*` 声明」）。
  *
- * 层序：**值在前、面在后**；面内部**操作层在前**（零 JS 原语、规则走 `:where()` 零特异性，
+ * 层序：**基线（`./reset.css`，元素级、零特异性）→ 值 → 面**；面内部**操作层在前**（零 JS 原语、规则走 `:where()` 零特异性，
  * 永远给皮肤让位），组件面在后。
  */
 
+/* ===== 基线：元素级 reset（特异性最低；先于值 → 面，消费方写任何元素选择器都能盖过它） ===== */
+@import './reset.css';
+
 /* ===== 值：组件令牌基础值（锚 `[data-manohub-ui]`，与主题令牌同层序） ===== */
 /* 容器与分区 */
 @import './components/collapse.tokens.css';
@@ -83,7 +86,7 @@
 /* 数据与反馈 */
 @import './components/table.tokens.css';
 @import './components/pagination.tokens.css';
-@import './components/tabs.tokens.css';
+@import './components/tabbar.tokens.css';
 @import './components/steps.tokens.css';
 @import './components/toast.tokens.css';
 
@@ -94,7 +97,7 @@
 /* 操作层（零 JS 原语，自身不带面；面由下面的皮肤族并列组合提供） */
 @import './operations/collapse.css';
 @import './operations/popup.css';
-@import './operations/tabset.css';
+@import './operations/tabs.css';
 
 /* 容器与分区 */
 @import './components/page.css'; /* 页面级骨架（唯一；区域级是 Panel） */
@@ -104,6 +107,7 @@
 @import './components/divider.css'; /* 内容之间的分隔线（设计稿内容区 44 处在用；不是各件自己的框线） */
 @import './components/nav.css';
 @import './components/layout.css'; /* 布局原子件族（Layout.Row 排「行」/ Layout.Column 排「列」）；与任何件都无层序耦合 */
+@import './components/text.css'; /* 排版原子件：`--ui-font-*` 档位令牌的第一个消费者；叶子件，与任何件都无层序耦合 */
 
 /* 数据展示 */
 @import './components/tree.css';
@@ -141,7 +145,7 @@
 /* 数据与反馈（表格 / 分页条 / 页签条 / 步骤条 / 消息提示） */
 @import './components/table.css';
 @import './components/pagination.css';
-@import './components/tabs.css';
+@import './components/tabbar.css';
 @import './components/steps.css';
 @import './components/toast.css';
 

package/dist/styles/operations/tabs.css

@@ -0,0 +1,73 @@
+/**
+ * 操作层 · 面板切换骨架（把「一组互斥选项 + 按顺序排列的面板」接起来；只给骨架、不给面）。
+ *
+ * 出处：`@aihub/theme` 的 `playground/components/tabset.css`（本件当时叫 `Tabset`，0.7.1 起改名 `Tabs`）。
+ * 映射：`--mh-*` → `--ui-*`；类名加 `.mh-` 前缀。
+ *
+ * 本层只做三件事 ——
+ *   ① 操作根（轨道 → 面板组 的呼吸位）；
+ *   ② 面板组与面板的**弹性链**（供抽屉 / 区域容器里的「填满」用法）；
+ *   ③ 面板的**收起态**（`hidden`）。
+ *
+ * **显隐只有一条路径：组件路径。** `Tabs` 按受控值给非选中面板下发 `hidden`，
+ * 与选择控件形态无关（页签条 / 胶囊 / 分段按钮 / 单选卡片都一样）。本层因此：
+ *   · 收起态写在 `.mh-tabs-panel[hidden]` 上（UA 的 `[hidden]` 是**元素级**规则，
+ *     作者源里任何自带 `display` 的类都能压过它，故这里显式落下一次）；
+ *   · **显形态一条规则都不写** —— 面板显形就是它自己的 `display`（块 / 弹性 / 网格归消费方与皮肤）。
+ *
+ * ⚠️ 历史缺陷一（0.7.0 及以前）：当时只有「零 JS 档位表」、没有上面那条收起规则 ⇒ 面板被基线按住，
+ *    而档位表在 `TabBar` 下恒不命中 ⇒ 三块面板全不显示（`apps/mcp` 配置抽屉实测踩到）。
+ * ⚠️ 历史缺陷二（0.7.1 一度这么修、已改回）：组件路径的显形**不能**写成
+ *    `.mh-tabs-panel:not([hidden]) { display: block }` —— 它把面板的 `display` 钉死成 `block`，
+ *    连带顶掉消费方/皮肤给面板的布局（面板里是弹性列时整条高度链当场断掉）。
+ * ⚠️ 已退役（2026-09-24 拍板删除）：**零 JS 路径（原生 radio ↔ 档位表）整段移除**。原写法
+ *    `.mh-tabs:has(input:nth-of-type(n):checked) .mh-tabs-panels > :nth-child(n)` 逐档一条写不出通式，
+ *    且同时受三条硬限制：① 上限 8 档；② 开关必须与面板**同序**，且按「同一父级里第 n 个 input」计数；
+ *    ③ 面板必须是 `.mh-tabs-panels` 的**直接子级**。局限远大于它省下的那点 JS —— 取消。
+ *    （`TabBar` / `Capsule` 各自面向**静态页**的原生 `:checked` 选中态与本文件无关，仍然有效。）
+ *
+ * **与皮肤零互指**：本层不认任何皮肤类名（退役后也不再认识 `input`）。
+ *
+ * 结构契约（轨道项与面板组顺序**一一对应**；面板壳由 `Tabs` 出，消费方不必手写）：
+ *   <div class="mh-tabs">
+ *     <div class="[皮肤：轨道 / 选择控件]">…</div>
+ *     <div class="mh-tabs-panels">
+ *       <section class="mh-tabs-panel [皮肤类]" hidden>…</section>
+ *     </div>
+ *   </div>
+ *
+ * 禁写（与折叠 / 浮层同款）：底 / 边 / 圆角 / 内距 / 宽高 / 字号 / 阴影 —— 写了就顶掉皮肤族属性面。
+ * 面板的面与几何由皮肤族给（卡片一类）；本层只写「收起态」「弹性链」与根上的呼吸位。
+ */
+
+/* ===== 一、操作根：选择控件在上、面板在下 ===== */
+.mh-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ui-space-4); /* 控件 → 面板的呼吸位 12px */
+}
+
+/* ===== 二、弹性链：面板组 → 面板 =====
+   只声明「吃满面板组的剩余高度」，**不动面板的 `display`**。
+   用途：抽屉 / 面板级容器里要「页签条固定 + 面板填满 + 面板内部自己滚」时，消费方在自己加到
+   根上的类里写 `height: 100%` 即启用 —— 本层不设任何绝对高度，高度归属始终在消费方容器手里。
+   根高 auto（桌面普通用法）时这些声明不产生高度变化（无剩余空间可分），与块级布局等价。 */
+.mh-tabs-panels {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.mh-tabs-panel {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+/* ===== 三、收起态：本层唯一一条显隐规则 =====
+   非选中面板一律带 `hidden`（由 `Tabs` 下发，与控件形态无关）。显式落一次「收起 = 不显示」——
+   不依赖 UA 那条 `[hidden]`（它是元素级规则，消费方/皮肤里任何自带 `display` 的类都能压过它）。
+   **不写显形规则**：面板显形就是它自己的 `display`（见文件头「历史缺陷二」）。 */
+.mh-tabs-panel[hidden] {
+  display: none;
+}

package/dist/styles/reset.css

@@ -0,0 +1,205 @@
+/**
+ * 基础重置（reset）—— 元素级基线，随 `@manohub/ui/styles.css` 一起到达消费方。
+ *
+ * ## 为什么基线归本包
+ *
+ * 接入契约（`@manohub/kit/CONTRACT.md` §3）禁应用侧写裸元素选择器与字号字面量，
+ * 于是「把浏览器默认值归零」在应用侧**没有合规落点**：0.6.0 之前它寄在入口层的
+ * `reset.css` 里，随入口层零样式化一并删除后就成了缺口（契约 §10 记在案）。
+ * 本包是样式面（② 面层）的唯一来源，元素基线因此归这里 —— 位于「值」之后、「面」之前。
+ *
+ * ## 参照口径
+ *
+ * 主体对齐 **Tailwind Preflight**（消费方 `apps/<app>/src/style.css` 一直在引的那份）：
+ * 覆盖的元素清单一致，**唯一的有意差异是表单控件的底色** —— Preflight 把 `input` / `select` /
+ * `textarea` 也清成透明，本文件保留浏览器原生底色（裸输入框若连底都没有就完全不可见）；
+ * 挂类的控件（`.mh-input` 等）有自己的面，不受这条影响。本包组件面本来就是按「已清零」的环境写的 ——
+ * 全部 33 处挂类的 `<button>` 合并后都自带 border / background / padding ——
+ * 所以本文件**不改变任何组件的外观**；它的作用是：
+ *
+ * 1. 让文档站 / 静态页也站到与真实应用同一个起跑线（此前只有真实应用有 preflight）；
+ * 2. 让裸元素（`ul` / `a` / `p` / `button` …）不再带浏览器的默认内外距、列表序号与链接色 ——
+ *    页面骨架由应用的 tsx 摆放时，不必再为每个原生元素写一次归零。
+ *
+ * 与旧实现（`app-kit` 的 reset）相比，多了按钮外观归零、列表序号归零、链接继承色去下划线、
+ * 标题字阶归位、媒体元素转块级 —— 那几条正是「应用侧各写各的」在补齐的部分。
+ *
+ * ## 特异性纪律（改本文件前必读）
+ *
+ * **作用域一律用 `:where([data-manohub-ui])` 包裹**：`:where()` 特异性为 0，
+ * 故每条规则等价于纯元素选择器（0,0,1）甚至更低（`:where(X) *` 即 0,0,0）。
+ * 写成 `.container button` 这类高特异性选择器（0,1,1）会**反压本包组件面**（普遍是单类 0,1,0）——
+ * 本仓踩过：主按钮文字变成 `color: inherit` 的黑色。**新增任何 reset 级样式都要遵守这条。**
+ * 也正因为它的特异性最低，消费方在自己的样式里写任何元素选择器都能盖过它。
+ *
+ * 唯一一条不带 `:where()` 的是**容器基座**（下面的 `[data-manohub-ui]`）：它描述容器自身而非其后代，
+ * 且要能在消费方「同名选择器后写即胜」的规则里被覆盖，故保持 (0,1,0)（与旧实现一致）。
+ *
+ * ## 四条不做
+ *
+ * 1. **不碰 `html` / `body` / `#app`**：micro-app 的 scopecss **不作用域化**它们，
+ *    写进去会泄漏到宿主应用的全局样式。
+ *    **整链高度由消费方承担，且契约明确它是合法的** —— 写在应用的 `app.css` 或入口 HTML 的 `<style>` 里
+ *    （`@manohub/kit/CONTRACT.md` §1.2「入口基线」，是 L1-6「不得用裸元素选择器」的**唯一例外**）；
+ *    容器自身在这里给 `height: 100%`，`Page` 的 `height: 100%` 依赖上面那条链存在。
+ * 2. **不定义任何 `--ui-*` 令牌**：值一律归 `@manohub/theme`，本文件只**消费**（两处定义必然漂）。
+ * 3. **不出现任何类选择器**：本层是元素基线，类归各组件面（`styles/components/`）。
+ * 4. **不写 `appearance`**：作者一旦声明了 `background` / `border`，浏览器即放弃原生控件绘制。
+ *    实测（无头 Chrome，只引 theme + ui/styles.css）：裸 `button` 的计算值是透明底 /
+ *    `border-width: 0` / `border-radius: 0` / 内距 0 / 字色与字族继承容器 —— 已经是清零态。
+ *    Safari / iOS 是否还需 `appearance: none` 未在真机核对，故不动（补它前请先在真机取证）。
+ *
+ * ## 富文本须知
+ *
+ * 重置掉 `ul` / `ol` 的序号、`a` 的下划线之后，**富文本（markdown）需要自行复权** ——
+ * 富文本排版目前没有合规归属（见 `@manohub/kit/CONTRACT.md` §10 的已知缺口），
+ * 消费方要为自己的富文本容器类补回 `list-style`、链接色与下划线、段落边距。
+ * 本文件有意**不含** `.mh-markdown` 一类的富文本预设：那是独立的一件事，不混进元素基线。
+ */
+
+/* ===== 盒模型与边框：边框属性归零（对齐 Preflight，`border: 1px solid …` 写法不受影响） ===== */
+:where([data-manohub-ui]),
+:where([data-manohub-ui]) *,
+:where([data-manohub-ui]) *::before,
+:where([data-manohub-ui]) *::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+}
+
+/* ===== 容器基座：字族 / 字号 / 行高 / 字色 / 底色 / 整链高度（本文件唯一不带 :where() 的一条） ===== */
+[data-manohub-ui] {
+  font-family: var(--ui-font-family);
+  font-size: var(--ui-font-body);
+  line-height: var(--ui-line-body);
+  color: var(--ui-base-content);
+  background: var(--ui-base-100);
+  height: 100%;
+  min-width: 320px;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ===== 块级元素的默认外边距归零 ===== */
+:where([data-manohub-ui]) h1,
+:where([data-manohub-ui]) h2,
+:where([data-manohub-ui]) h3,
+:where([data-manohub-ui]) h4,
+:where([data-manohub-ui]) h5,
+:where([data-manohub-ui]) h6,
+:where([data-manohub-ui]) p,
+:where([data-manohub-ui]) figure,
+:where([data-manohub-ui]) blockquote,
+:where([data-manohub-ui]) dl,
+:where([data-manohub-ui]) dd,
+:where([data-manohub-ui]) pre,
+:where([data-manohub-ui]) hr {
+  margin: 0;
+}
+
+/* 标题回归正文档：字阶一律由使用方（组件面 / 页面样式）决定，浏览器默认的 2em / bold 不再参与 */
+:where([data-manohub-ui]) h1,
+:where([data-manohub-ui]) h2,
+:where([data-manohub-ui]) h3,
+:where([data-manohub-ui]) h4,
+:where([data-manohub-ui]) h5,
+:where([data-manohub-ui]) h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/* ===== 列表：去序号、去缩进（富文本自行复权，见文件头「富文本须知」） ===== */
+:where([data-manohub-ui]) ul,
+:where([data-manohub-ui]) ol,
+:where([data-manohub-ui]) menu {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+/* ===== 链接：继承文字色，下划线交还使用方（链接态由使用方叠加） ===== */
+:where([data-manohub-ui]) a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/* ===== 表单控件：清掉浏览器默认外观，字体与颜色继承上下文 ===== */
+:where([data-manohub-ui]) button,
+:where([data-manohub-ui]) input,
+:where([data-manohub-ui]) optgroup,
+:where([data-manohub-ui]) select,
+:where([data-manohub-ui]) textarea {
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+}
+
+:where([data-manohub-ui]) button,
+:where([data-manohub-ui]) [type='button'],
+:where([data-manohub-ui]) [type='reset'],
+:where([data-manohub-ui]) [type='submit'] {
+  background-color: transparent;
+  background-image: none;
+  text-transform: none;
+  cursor: pointer;
+}
+
+:where([data-manohub-ui]) select {
+  text-transform: none;
+}
+
+:where([data-manohub-ui]) textarea {
+  resize: vertical;
+}
+
+:where([data-manohub-ui]) :disabled {
+  cursor: default;
+}
+
+:where([data-manohub-ui]) [type='search'] {
+  outline-offset: -2px;
+}
+
+/* ===== 媒体元素：转块级（消除行内基线间隙），宽度不溢出容器 ===== */
+:where([data-manohub-ui]) img,
+:where([data-manohub-ui]) svg,
+:where([data-manohub-ui]) video,
+:where([data-manohub-ui]) canvas,
+:where([data-manohub-ui]) audio,
+:where([data-manohub-ui]) iframe,
+:where([data-manohub-ui]) embed,
+:where([data-manohub-ui]) object {
+  display: block;
+  vertical-align: middle;
+}
+
+:where([data-manohub-ui]) img,
+:where([data-manohub-ui]) video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* ===== 行内语义与文本节点 ===== */
+:where([data-manohub-ui]) b,
+:where([data-manohub-ui]) strong {
+  font-weight: bolder;
+}
+
+:where([data-manohub-ui]) code,
+:where([data-manohub-ui]) kbd,
+:where([data-manohub-ui]) samp,
+:where([data-manohub-ui]) pre {
+  font-family: var(--ui-font-mono);
+  font-size: 1em;
+}
+
+:where([data-manohub-ui]) small {
+  font-size: 80%;
+}
+
+:where([data-manohub-ui]) summary {
+  display: list-item;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manohub/ui",
-  "version": "0.6.1",
+  "version": "0.7.1",
   "private": false,
   "type": "module",
   "description": "AIHub 自绘组件层：不依赖 farris 的手写 Vue TSX 组件 + 自带令牌层（Farris 规范视觉 · daisyUI 式语义令牌 · shadcn 式 API 词汇）。",
@@ -46,7 +46,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@manohub/icon": "^0.6.1"
+    "@manohub/icon": "^0.7.1"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",

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

@@ -1,105 +0,0 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-export interface TabsetOption {
-    /** 项文字 */
-    label: string;
-    /** 项值（受控值就是它） */
-    value: string | number;
-    /** 禁用项：不可选（原生 radio 路径下方向键会跳过） */
-    disabled?: boolean;
-}
-export interface TabsetProps {
-    /** 轨道项（顺序即「第 n 项 ↔ 第 n 块面板」的档位表） */
-    options: TabsetOption[];
-    /** 受控选中值；不传即非受控（由 `defaultValue` 起） */
-    value?: string | number;
-    /** 非受控初始选中值，缺省第一项 */
-    defaultValue?: string | number;
-    /** 选中变化回调（受控与非受控都会调） */
-    onChange?: (value: string | number) => void;
-}
-/**
- * 面板切换（**操作层骨架 + 组件路径显隐**）。
- *
- * ## 它是什么
- * 把「一组互斥选项」与「按顺序排列的面板」接起来：第 n 个选项对应第 n 块面板。
- * 骨架（根、面板组、档位表）在操作层 `styles/operations/tabset.css`，本件负责：
- * 受控值、面板包装与显隐、把 `select` 交给选择控件。
- *
- * ## 两条显隐路径（结论一致，不冲突）
- * - **原生路径**（推荐）：选择控件用**原生 radio**（如 `Capsule`）→ 操作层的档位表
- *   `:has(input:nth-of-type(n):checked)` 直接显隐，**零 JS**；
- * - **组件路径**：控件不是 radio 时，本件按受控值给非选中面板下发 `hidden`。
- * 两条路径都由同一个值驱动，故同时成立不会互相打架。
- *
- * ## 与皮肤零互指
- * 本件不认识任何选择控件的类名 —— 轨道由 `selector` 插槽提供（作用域参数 `{ value, options, select }`），
- * 放胶囊、分段按钮、单选卡片都行；面板内容由默认插槽按 `options` 顺序给出。
- *
- * @example 胶囊 + 面板（`Capsule` 提供原生 radio，故走零 JS 路径）
- * <Tabset :options="tabs" v-model:value="current">
- *   {{
- *     selector: ({ value, select }) => <Capsule :options="tabs" modelValue={value} onChange={select} />,
- *     default: () => [
- *       <Card key="all">全部：15 条</Card>,
- *       <Card key="doing">进行中：3 条</Card>,
- *     ],
- *   }}
- * </Tabset>
- */
-export declare const Tabset: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    options: {
-        type: PropType<TabsetOption[]>;
-        required: true;
-    };
-    value: {
-        type: PropType<string | number | undefined>;
-        default: undefined;
-    };
-    defaultValue: {
-        type: PropType<string | number | undefined>;
-        default: undefined;
-    };
-    onChange: {
-        type: PropType<(value: string | number) => void>;
-        default: undefined;
-    };
-    /** 惰性档：只有激活的面板才渲染（切走即卸载），用于面板很重（图表 / 大表格）的场景 */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: PropType<TabsetOption[]>;
-        required: true;
-    };
-    value: {
-        type: PropType<string | number | undefined>;
-        default: undefined;
-    };
-    defaultValue: {
-        type: PropType<string | number | undefined>;
-        default: undefined;
-    };
-    onChange: {
-        type: PropType<(value: string | number) => void>;
-        default: undefined;
-    };
-    /** 惰性档：只有激活的面板才渲染（切走即卸载），用于面板很重（图表 / 大表格）的场景 */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    value: string | number | undefined;
-    onChange: (value: string | number) => void;
-    defaultValue: string | number | undefined;
-    lazy: boolean;
-}, SlotsType<{
-    default?: () => VNodeChild;
-    selector?: (context: {
-        value: string | number | undefined;
-        options: TabsetOption[];
-        select: (value: string | number) => void;
-    }) => VNodeChild;
-}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tabset/index.js

@@ -1,68 +0,0 @@
-import { defineComponent, ref, computed, createVNode } from "vue";
-const Tabset = /* @__PURE__ */ defineComponent({
-  name: "Tabset",
-  inheritAttrs: false,
-  props: {
-    options: {
-      type: Array,
-      required: true
-    },
-    value: {
-      type: [String, Number],
-      default: void 0
-    },
-    defaultValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    onChange: {
-      type: Function,
-      default: void 0
-    },
-    /** 惰性档：只有激活的面板才渲染（切走即卸载），用于面板很重（图表 / 大表格）的场景 */
-    lazy: {
-      type: Boolean,
-      default: false
-    }
-  },
-  slots: Object,
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    const innerValue = ref(props.value ?? props.defaultValue ?? props.options[0]?.value);
-    const current = computed(() => props.value ?? innerValue.value);
-    const select = (value) => {
-      const target = props.options.find((option) => option.value === value);
-      if (target?.disabled) return;
-      if (props.value === void 0) innerValue.value = value;
-      props.onChange?.(value);
-    };
-    const panels = () => {
-      const children = slots.default?.();
-      const list = Array.isArray(children) ? children : children ? [children] : [];
-      return list.map((child, index) => {
-        const option = props.options[index];
-        const active = option !== void 0 && option.value === current.value;
-        if (props.lazy && !active) return null;
-        return createVNode("div", {
-          "class": "mh-tabset-panel",
-          "hidden": !active
-        }, [child]);
-      });
-    };
-    return () => createVNode("div", {
-      "class": ["mh-tabset", attrs.class].filter(Boolean).join(" "),
-      "style": attrs.style
-    }, [slots.selector?.({
-      value: current.value,
-      options: props.options,
-      select
-    }), createVNode("div", {
-      "class": "mh-tabset-panels"
-    }, [panels()])]);
-  }
-});
-export {
-  Tabset
-};

package/dist/styles/components/tabs.tokens.css

@@ -1,30 +0,0 @@
-/**
- * tabs —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `tabs.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件令牌 */
-  --ui-tabs-height: var(--ui-control-height-md); /* 标准控件高 32 */
-  --ui-tabs-gap: 30px; /* 项间距（规范实测） */
-  --ui-tabs-font-size: var(--ui-font-body);
-  --ui-tabs-text: var(--ui-base-content); /* 规范未选档 #446a9f（偏蓝的正文色），本仓取正文色 */
-  --ui-tabs-text-hover: var(--ui-primary-hover); /* 规范 #529dff */
-  --ui-tabs-text-active: var(--ui-primary); /* 规范 #4e94ff */
-  --ui-tabs-text-disabled: var(--ui-base-content-subtle); /* 规范 Te07 */
-  --ui-tabs-indicator: var(--ui-primary);
-  --ui-tabs-indicator-gap: 3px; /* 指示条与文字的留白 */
-  --ui-tabs-indicator-height: 3px;
-  --ui-tabs-indicator-radius: var(--ui-radius-full);
-  --ui-tabs-card-padding-x: var(--ui-space-4);
-}

package/dist/styles/operations/tabset.css

@@ -1,57 +0,0 @@
-/**
- * 操作层 · 面板切换（把「一组同名 radio + 对应面板」接起来；零 JS，**只给操作、不给面**）。
- *
- * 出处：`@aihub/theme` 的 `playground/components/tabset.css`。
- * 映射：`--mh-*` → `--ui-*`；类名加 `.mh-` 前缀。
- *
- * 与折叠 / 浮层同一路数：本层只做三件事 —— ① 根（条带 → 面板的呼吸位）② 面板钩子与默认收起
- * ③ 档位表（第 n 个开关 ↔ 第 n 个面板）。
- * 开关的隐身与焦点环**归皮肤族**（谁家的选择控件谁自己画：胶囊见 `styles/components/capsule.css`），
- * 本层不碰 —— 这样同一层能伺候任意选择控件（胶囊 / 分段按钮 / 单选卡片 / 向导步骤），换皮肤不必动本文件。
- *
- * **与皮肤零互指**（两层连接点全部走原生元素，谁都不引用对方的类）：
- *   · 皮肤键在 `input:checked + <自家项>`（原生路径）与 `[data-state='active']`（组件路径）上；
- *   · 本层只认 `input` 与面板的**顺序**，不认任何皮肤类名。
- *
- * 结构契约（开关与项平级相邻、开关在前；面板组顺序与开关**一一对应**）：
- *   <div class="mh-tabset">
- *     <div class="[皮肤：轨道/选择控件]">
- *       <input type="radio" name="t1" id="t1a" checked>
- *       <label class="[皮肤项]" for="t1a">全部</label>
- *       <input type="radio" name="t1" id="t1b">
- *       <label class="[皮肤项]" for="t1b">进行中</label>
- *     </div>
- *     <div class="mh-tabset-panels">
- *       <section class="mh-tabset-panel [皮肤类]">…</section>
- *     </div>
- *   </div>
- *
- * 禁写（与折叠 / 浮层同款）：底 / 边 / 圆角 / 内距 / 宽高 / 字号 / 阴影 —— 写了就顶掉皮肤族属性面。
- * 面板的面与几何由皮肤族给（卡片一类），本层只写「哪一个显形」与根上的呼吸位。
- */
-
-/* ===== 操作根：选择控件在上、面板在下 ===== */
-.mh-tabset {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ui-space-4); /* 控件 → 面板的呼吸位 12px */
-}
-
-/* ===== 面板显隐：档位表（上限 8 档） ===== */
-/* 第 n 个开关 ↔ 第 n 个面板。写不出通式：CSS 没有「按被勾选开关的序号去选同序面板」的选择器
-   （树的缩进档位表同一路数）。超过 8 个请扩表，或改走组件路径由 JS 下发 hidden。
-   注：`input:nth-of-type(n)` 按「同一父级里的第 n 个 input」计数 —— 故开关须集中在同一个轨道容器内。 */
-.mh-tabset-panel {
-  display: none;
-}
-
-.mh-tabset:has(input:nth-of-type(1):checked) .mh-tabset-panels > :nth-child(1),
-.mh-tabset:has(input:nth-of-type(2):checked) .mh-tabset-panels > :nth-child(2),
-.mh-tabset:has(input:nth-of-type(3):checked) .mh-tabset-panels > :nth-child(3),
-.mh-tabset:has(input:nth-of-type(4):checked) .mh-tabset-panels > :nth-child(4),
-.mh-tabset:has(input:nth-of-type(5):checked) .mh-tabset-panels > :nth-child(5),
-.mh-tabset:has(input:nth-of-type(6):checked) .mh-tabset-panels > :nth-child(6),
-.mh-tabset:has(input:nth-of-type(7):checked) .mh-tabset-panels > :nth-child(7),
-.mh-tabset:has(input:nth-of-type(8):checked) .mh-tabset-panels > :nth-child(8) {
-  display: block;
-}