sparkdesign 0.4.3 → 0.4.4

package/README.md

@@ -1,193 +1,287 @@
-# sparkdesign
+# Spark Design
 
-Spark Design 按需引入 CLI：将组件**源码**复制到当前项目，支持在项目内自由修改。
+现代化 React 设计系统，支持双维度主题（颜色 theme + 布局 scale），5 种内置布局风格，提供 Basic 基础组件与 Chat 对话流组件，可扩展颜色主题。
 
-**当前版本**：`0.1.6` · 设计系统主包：[sparkdesign](https://www.npmjs.com/package/sparkdesign)
+**当前版本**：`0.4.4`（[变更说明](docs/NPM发布指南.md)）
 
----
-
-## 快速开始
+> 🌟 **纯新手？** 查看 [快速上手指南-新手版](docs/快速上手指南-新手版.md)，一步步带你跑起来！
 
-### 步骤 1：添加组件
+> 以下为**安装与使用说明**；仓库结构、开发脚本与贡献方式见文末 [仓库与开发](#仓库与开发)。
 
-在项目根目录执行：
+## 特性
 
-```bash
-npx sparkdesign add button
-```
+- **双维度主题**：`data-theme`（颜色）+ `data-style`（布局），独立切换
+- **5 种布局风格**：neutral / compact / soft / sharp / dense
+- **内置颜色主题**：light / dark
+- **CSS 变量驱动**：组件仅用 token，覆盖变量即可定制
+- **Tailwind 友好**：类名与设计 token 映射，无硬编码色值
+- **组件分层**：Basic 原子组件 + Chat 对话组件，开箱即用
 
-添加多个组件时在命令后追加组件名，例如：`npx sparkdesign add button tooltip dropdown-menu`。
+## 两种使用方式
 
-> 输出目录由 **components.json** 的 `aliases.ui` 决定（默认 `@/components/ui` → `src/components/ui/`）。执行 add 时会在终端打印当前配置与目标目录，修改 `components.json` 后再次 add 即可生效。
->
-> - Foundation：`<目标目录>/basic/*.tsx`
-> - Chat：`<目标目录>/chat/*.tsx`
-> - 例如默认：`src/components/ui/basic/button.tsx`、`src/components/ui/chat/chat-input/index.tsx`
-
-### 步骤 2：引入设计 token
-
-CLI 会生成 `src/qoder-tokens.css`，组件样式依赖其中的设计变量。请在**应用入口**引入一次：
+| 方式 | 适用场景 | 命令 |
+|------|----------|------|
+| **npm 安装** | 直接引用、不改源码 | `npm install sparkdesign` |
+| **CLI 按需引入** | 复制源码到项目、可自由修改 | `npx sparkdesign init` → `npx sparkdesign add button` |
 
-> **注意**：组件样式需在 **Tailwind CSS 4** 环境下才能正确生效（token 使用 `@theme` 生成工具类）。请确保项目使用 Tailwind 4，并在**同一份会被 Tailwind 处理的 CSS 入口**中引入 token（详见下方「按需引入完整说明」）。
+**发布模型**：`sparkdesign` 是唯一发布到 npm 的包。CLI 不是第二个独立 npm 包，而是根包中的 `bin` 入口；因此用户侧既可以 `npm install sparkdesign`，也可以直接 `npx sparkdesign@latest add button`。
 
-**Vite / CRA（入口为 main.tsx 或 main.jsx）：**
+---
 
-在 `src/main.tsx`（或 `src/main.jsx`）顶部添加：
+## 安装（npm 包）
 
-```ts
-import './qoder-tokens.css'
+```bash
+npm install sparkdesign
 ```
 
-**Next.js（App Router）：**
+**依赖**：需自行安装 `react`、`react-dom`（>=18）。
 
-在 `src/app/layout.tsx` 中与其他 import 一并添加：
+### 按需引入（CLI，推荐）
 
-```ts
-import '../qoder-tokens.css'
-```
+若希望**将组件源码复制到项目中**并自由修改，可使用 CLI：
 
-（若 layout 位于 `src/app/layout.tsx` 使用 `../qoder-tokens.css`，位于 `app/layout.tsx` 则使用 `./qoder-tokens.css`。）
+```bash
+npx sparkdesign init                    # 初始化 components.json、tokens、utils
+npx sparkdesign add button tooltip      # 添加组件到 src/components/qoder/
+npx sparkdesign list                    # 列出可用组件
+npx sparkdesign diff button             # 对比本地与注册表差异
+```
 
-### 步骤 3：使用组件
+详见 [docs/CLI按需引入方案.md](docs/CLI按需引入方案.md)。
 
-默认会生成 `src/components/ui/basic/<name>.tsx`（Foundation）或 `src/components/ui/chat/<name>/`（Chat），因此导入路径在默认配置下为：
+---
 
-- **Foundation**：`import { X } from '@/components/ui/basic/<组件名>'`
-- **Chat**：`import { X } from '@/components/ui/chat/<组件名>'`
+## 快速开始
 
-（若你修改了 `aliases.ui`，把上面路径中的 `@/components/ui` 换成你的 alias 即可。）
+三步即可在项目中使用组件，**无需配置 Tailwind**：
 
 ```tsx
-// 默认 aliases.ui = @/components/ui 时：
-import { Button } from '@/components/ui/basic/button'
+// 1. 引入样式（必做）
+import 'sparkdesign/style'
+
+// 2. 按需引入组件与类型
+import { Button } from 'sparkdesign'
+import type { ButtonProps } from 'sparkdesign'
 
+// 3. 在根节点设置主题与布局（可选，不设则使用默认 light + neutral）
 function App() {
   return (
-    <div>
-      <Button variant="primary">点击</Button>
+    <div data-theme="light" data-style="neutral">
+      <Button variant="primary" size="md">点击</Button>
     </div>
   )
 }
 ```
 
-可选：在根节点设置 `data-theme` 与 `data-style`（如 `<div data-theme="light" data-style="neutral">`），不设置则使用默认值。
+**样式引入方式**（三选一，推荐方式 A）：
+
+| 方式 | 用法 | 说明 |
+|------|------|------|
+| **A** | `import 'sparkdesign/style'` | **推荐**。预编译完整样式（Tailwind 工具类 + 设计 token），无需配置 Tailwind |
+| **B** | `import 'sparkdesign/theme.css'`<br>`import 'sparkdesign/scale.css'` | 仅引入设计 token，适合已有 Tailwind 4 项目自行扫描组件并覆盖变量（需在消费者 CSS 中 `@source` 指向本包） |
+| **C** | 只引入组件、不引入样式 | 需在项目中自行提供与设计 token 同名的 CSS 变量，否则组件无样式 |
+
+> **Markdown 数学公式**：若使用 `MarkdownBody` 组件且需要渲染 KaTeX 数学公式，额外引入：
+> `import 'sparkdesign/katex.css'`
+
+自定义主题时，请**先**引入设计系统样式，**再**引入你的覆盖 CSS，变量覆盖才会生效。
 
 ---
 
-## 按需引入完整说明（与 Showcase 一致）
+## 设计系统用法
 
-要让按需引入的组件**样式与官方 Showcase 完全一致**，需满足以下环境与配置。
+### 1. 引入样式（必做）
 
-### 环境要求
+样式引入的三种方式见上方「快速开始」表格。
 
-| 项目 | 要求 |
-|------|------|
-| **Tailwind 版本** | 必须使用 **Tailwind CSS 4**。设计 token 使用 Tailwind 4 的 `@theme` 语法，将 CSS 变量映射为工具类（如 `h-7`、`bg-primary`、`rounded-md`）。使用 Tailwind 3 时这些类不会生成，组件样式会异常。 |
-| **安装** | `npm install tailwindcss@^4 @tailwindcss/vite`（Vite 项目）；或使用 `@tailwindcss/cli` 做预编译。 |
+- **方式 A**（推荐）：`import 'sparkdesign/style'` 包含预编译的 Tailwind 工具类 + theme/scale 设计 token，消费者项目**不需要安装或配置 Tailwind**。
+- **方式 B**（Tailwind 用户）：仅引入 token 文件，消费者需在自己的 CSS 中 `@source` 指向本包以扫描组件中使用的 Tailwind 类名：
 
-### Token 引入的两种方式
+```css
+/* 消费者 CSS（已有 Tailwind 4 的项目）*/
+@import "tailwindcss";
+@source "../node_modules/sparkdesign/dist";
+@import "sparkdesign/theme.css";
+@import "sparkdesign/scale.css";
+```
 
-| 方式 | 何时用 | Token 如何生效 |
-|------|--------|----------------|
-| **先 init** | 希望 token 直接写进现有 CSS 入口、少一步手动 import 时 | 执行 `npx sparkdesign init`，CLI 会把 **theme.css + scale.css** 的内容注入到 `src/app/globals.css` 或 `src/index.css`，无需再单独引入 token 文件。 |
-| **直接 add** | 不想改现有流程、先装组件再补样式时 | 执行 `npx sparkdesign add button` 会生成 **`src/qoder-tokens.css`**。须在**应用入口**（如 `main.tsx`、`layout.tsx`）添加一行：`import './qoder-tokens.css'`（路径按实际入口位置调整，如 Next.js 可为 `import '../qoder-tokens.css'`）。 |
+约定：自定义主题时，**先**引入设计系统样式，**再**引入你的覆盖 CSS。
 
-无论哪种方式，**token 必须处在「会被 Tailwind 处理的同一份 CSS 管线」中**（即包含 `@import "tailwindcss"` 的那份 CSS 或其 import 链中），这样 `@theme` 才会被 Tailwind 4 读取并生成对应工具类。
+### 2. 颜色主题（theme）
 
-### CSS 入口配置（与 Showcase 一致）
+通过 `data-theme` 切换颜色主题，作用于主色、背景、边框、语义色等。
 
-1. **顺序**：先 `@import "tailwindcss"`，再引入 token（或包含 token 的文件）。
-2. **扫描组件目录**：Showcase 会扫描组件所在目录以生成 `h-7`、`w-9` 等工具类。按需引入后组件在你项目里，需让 Tailwind 扫描到这些文件。在**同一份 CSS 入口**中增加 `@source` 指向组件目录（路径对应你当前的 `aliases.ui`）。
+| 主题   | 说明     |
+|--------|----------|
+| `light` | 亮色模式（默认） |
+| `dark`  | 暗色模式 |
 
-**最小可用的入口 CSS 示例**（Vite 项目，组件默认在 `src/components/ui`）：
+```tsx
+// 在根节点或任意父节点设置
+<div data-theme="dark">
+  <Button variant="primary">按钮</Button>
+</div>
+```
 
-```css
-@import "tailwindcss";
-@source "../components/ui";
-@import "./qoder-tokens.css";
+```html
+<!-- 或直接挂在 body -->
+<body data-theme="dark">
 ```
 
-若你已通过 **init** 把 token 写入了本文件，则无需再写 `@import "./qoder-tokens.css"`，只需保留 `@import "tailwindcss"` 和 `@source "../components/ui"` 即可。
+主题对应的 CSS 变量定义在 **theme.css**（如 `--color-primary`、`--color-bg-container` 等）。自定义主题见下文「自定义 theme / scale」。
 
-### 主题与布局风格（可选）
+### 3. 布局风格（scale）
 
-与 Showcase 一样切换主题/风格时，在根节点设置：
+通过 `data-style` 切换布局尺度，作用于间距、圆角、字号等。
 
-- **`data-theme`**：颜色主题，如 `light`、`dark`。
-- **`data-style`**：布局风格，如 `neutral`、`compact`、`soft`、`sharp`、`dense`。
+| 风格      | 描述           | 特点           |
+|-----------|----------------|----------------|
+| `neutral` | 平衡的标准     | 默认，简洁直观 |
+| `compact` | 优化效率       | 更窄间距，紧凑 |
+| `soft`    | 舒适至上       | 大圆角、宽松间距 |
+| `sharp`   | 几何精度       | 直角、利落线条 |
+| `dense`   | 信息密集       | 最小留白       |
 
-示例：`<div data-theme="light" data-style="neutral">`。不设置则使用默认值。
+```tsx
+<div data-style="soft">
+  <Button>按钮</Button>
+</div>
+```
 
----
+布局变量定义在 **scale.css**（如 `--spacing-*`、`--radius-*`、`--font-size-*`）。可组合使用：
 
-## 命令说明
+```tsx
+<div data-theme="dark" data-style="soft">
+  {/* 暗色 + 柔和布局 */}
+</div>
+```
 
-| 命令 | 说明 |
-|------|------|
-| `npx sparkdesign add button` | 添加 button 到 `src/components/ui/`（默认），并自动创建缺失的 config、token 文件、utils |
-| `npx sparkdesign add button tooltip dropdown-menu` | 一次添加多个组件 |
-| `npx sparkdesign init` | 先做一次「完整初始化」：选择布局风格、**组件存放目录（相对 src，默认 components）**、是否安装依赖；token 会写进现有 CSS 入口 |
-| `npx sparkdesign list` | 列出所有可添加的组件名 |
-| `npx sparkdesign diff button` | 对比本地 button 和最新模板的差异 |
-| `npx sparkdesign add button --overwrite` | 覆盖已有组件文件 |
+### 4. 自定义 theme / scale
 
----
+在**先引入设计系统样式之后**，用你自己的 CSS 覆盖变量即可。
 
-## 支持的组件
+**选择器约定**：
 
-**支持的组件 = CLI 包内 `registry/meta.json` 的全部条目**（覆盖当前 registry 的 Foundation + Chat 组件实现）。
+- `:root` — 覆盖默认
+- `[data-theme="主题名"]` — 颜色主题（自定义名称）
+- `[data-style="风格名"]` — 布局风格（自定义名称）
 
-权威列表请运行：
+```css
+/* 自定义颜色主题 */
+[data-theme="my-brand"] {
+  --color-primary: #3B82F6;
+  --color-primary-hover: #2563EB;
+}
 
-```bash
-npx sparkdesign list
+/* 自定义布局风格 */
+[data-style="custom"] {
+  --spacing-4: 20px;
+  --radius-md: 8px;
+}
 ```
 
-示例（Foundation + Chat 混合添加）：
+完整变量清单见 [NPM 发布指南](https://github.com/nicepkg/spark-design/blob/master/docs/NPM发布指南.md)（颜色 `--color-*`、间距 `--spacing-*`、圆角 `--radius-*`、字号 `--font-size-*` 等）。
 
-```bash
-npx sparkdesign add button select dropdown-menu tooltip
-npx sparkdesign add chat-input response markdown
+### 5. Portal 浮层与主题一致
+
+DropdownMenu、Tooltip 等会挂到 `body`，不会继承局部容器的 `data-theme` / `data-style`。两种做法：
+
+- **做法 A**：把 `data-theme`、`data-style` 设到 `<html>` 或 `<body>`，全局一致。
+- **做法 B**：用 `ThemeStyleProvider` 包裹应用，浮层会使用同一主题/风格：
+
+```tsx
+import { ThemeStyleProvider, Button, DropdownMenu } from 'sparkdesign'
+
+function App() {
+  const theme = 'dark'
+  const style = 'soft'
+  return (
+    <ThemeStyleProvider value={{ theme, style }}>
+      <div data-theme={theme} data-style={style}>
+        <Button>打开</Button>
+        <DropdownMenu>...</DropdownMenu>
+      </div>
+    </ThemeStyleProvider>
+  )
+}
 ```
 
-> 说明：tokens（`registry/tokens/*.css`）与 `registry/lib/utils.ts` 由 `init` 或首次 `add` 时的“初始化逻辑”处理，不作为单组件条目列出。
+## 组件使用
 
----
+组件与类型均从主入口按需引入，用法见上方「快速开始」。示例：
 
-## init 与 add 的选用
+```tsx
+import 'sparkdesign/style'
+import { Button } from 'sparkdesign'
+import type { ButtonProps } from 'sparkdesign'
 
-- **直接 add**（推荐）：执行 `npx sparkdesign add button` 会生成 `src/qoder-tokens.css`，按步骤 2 在入口添加 `import './qoder-tokens.css'` 即可。
-- **先 init 再 add**：执行 `npx sparkdesign init` 时会询问**组件存放目录**（相对 src，如 `components` 或 `ui`），并写入 `components.json` 的 `aliases.components` 与 **`aliases.ui`**（默认 `@/components/ui`）。之后 add 会按该配置输出到对应目录（如 `src/components/ui/`），并将 token 写入现有 `globals.css` / `index.css`。
+function App() {
+  return (
+    <div data-theme="light" data-style="neutral">
+      <Button variant="primary" size="md">Click me</Button>
+    </div>
+  )
+}
+```
 
-两种方式择一使用即可。若要**与官方 Showcase 样式完全一致**，请同时满足上文「按需引入完整说明」中的 Tailwind 4 与 CSS 入口配置（含 `@source` 扫描组件目录）。
+## 组件概览
 
----
+| 分层 | 说明 | 示例 |
+|------|------|------|
+| **Basic** | 原子级 UI 组件 | Button, IconButton, Tooltip, Select, DropdownMenu, Tabs, Toast, Tag, Progress, Avatar, Table, Slider, Pagination, Collapse, Resizable, Scrollbar, Skeleton, Spinner, Kbd, EllipsisText, Switch, Toggle, ToggleGroup, RadioGroup, AlertDialog, OptionList … |
+| **Chat** | 对话流相关组件 | ChatInput, SendButton, Request, Response, FileCard, FileAttachment, ImageAttachment, FolderButton, ReasoningStep, ToolInvocationCard, PermissionCard, MarkdownBody, GenerationStatusBar, ThinkingIndicator, ImageGenerating, RelatedPrompts, SuggestionPart, SidebarMenu … |
 
-## 生成文件说明
+完整导出见 [src/components/index.ts](src/components/index.ts)。图标通过 `IconsProvider` / `useIcon` 注入，可替换为 Lucide、Remix 等，见 [图标自定义说明](docs/图标自定义说明.md)。
 
-| 文件 | 何时出现 | 说明 |
-|------|----------|------|
-| `components.json` | add 或 init | 配置：`style`、`aliases.components`、`aliases.utils`、**`aliases.ui`**（组件安装目录，默认 **`@/components/ui`**）。修改 **`aliases.ui`** 可改变 add 的输出目录；再次 add 时终端会打印目标目录以确认生效。 |
-| `src/qoder-tokens.css` | 直接 add 且项目中尚无 token 时 | 设计 token 文件（theme + scale），须在**与 Tailwind 同一管线的入口**中引入一次，且项目需使用 Tailwind 4 |
-| `src/lib/utils.ts` | add 或 init 且不存在时 | 工具函数 `cn()`，供组件使用 |
-| `src/<aliases.ui 解析路径>/basic/*.tsx`<br>`src/<aliases.ui 解析路径>/chat/*.tsx` | add 对应组件时 | 组件源码（路径由 `aliases.ui` 决定，默认 `src/components/ui/`），可按需修改 |
+## 文档（仓库内）
+
+| 文档 | 说明 |
+|------|------|
+| [NPM 发布指南](docs/NPM发布指南.md) | 变量清单、主题覆盖、发布步骤 |
+| [组件入库文档](docs/组件入库文档.md) | 组件与 Showcase 规范 |
+| [图标自定义说明](docs/图标自定义说明.md) | IconsProvider / 替换为 Lucide 等 |
+| [CLI 按需引入方案](docs/CLI按需引入方案.md) | `npx sparkdesign init / add` 使用说明 |
 
 ---
 
-## 依赖
+## 仓库与开发
+
+以下内容面向**参与仓库开发**的贡献者；仅使用本包时可忽略。
+
+### 组件展示（Showcase）
 
-- **样式生效前提**：组件样式依赖设计 token 与 Tailwind 工具类，项目须使用 **Tailwind CSS 4**（见上文「按需引入完整说明」）。若未使用 Tailwind 4，token 中的 `@theme` 不会生效，`h-7`、`bg-primary` 等类不会生成。
-- **运行时依赖**：组件会用到 `class-variance-authority`、`clsx`（以及部分组件需要 `tailwind-merge`、`@radix-ui/*` 等）。若执行 `npx sparkdesign add button` 后出现依赖缺失，请在项目根目录执行：
+本仓库内 **apps/showcase** 提供所有组件的演示与 Props 文档：
 
 ```bash
-npm install class-variance-authority clsx tailwind-merge
+cd apps/showcase && npm install && npm run dev
 ```
 
-使用 tooltip、dropdown-menu 等组件时，按提示安装 `@radix-ui/react-tooltip`、`@radix-ui/react-dropdown-menu` 等依赖。
+### 项目脚本
 
----
+| 脚本 | 说明 |
+|------|------|
+| `npm run dev` | 设计系统开发服务器 |
+| `npm run build` | 生产构建：Vite 输出 JS → @tailwindcss/cli 预编译 CSS → tsc 类型声明 |
+| `npm run build:css` | 仅重新生成预编译 CSS（`dist/qoder-design.css`） |
+| `npm run preview` | 预览构建产物 |
+| `cd apps/showcase && npm run dev` | 组件展示站点 |
+
+### 目录结构
+
+```
+src/
+├── index.css       # dev 模式 CSS 入口
+├── lib.css         # 库构建 CSS 入口（@tailwindcss/cli）
+├── tokens/         # theme.css、scale.css
+├── components/     # basic/、chat/
+└── lib/            # 工具与 ThemeStyleProvider
+```
 
-## 安装目录配置
+### 技术栈与规范
 
-支持 **`aliases.ui`** 作为组件安装目录，默认 **`@/components/ui`**；未设置时使用 `aliases.components + '/qoder'` 以兼容旧配置。**改安装位置只需改 `aliases.ui`**，`aliases.components` 一般不必改。详见 [CLI 配置说明](../docs/CLI配置说明.md)。
+- React 19 + TypeScript + Vite 7；Tailwind CSS 4；Radix UI、Framer Motion
+- 项目哲学与 GEB 协议：[CLAUDE.md](https://github.com/nicepkg/spark-design/blob/master/CLAUDE.md)
+
+---
 
+*"Keep the map aligned with the terrain."*

package/dist/_basePickBy-DnQN8w3y.js

@@ -0,0 +1,151 @@
+import { e as x, c as O, g as m, k as P, h as p, j as w, l as A, m as c, n as I, t as N, o as E } from "./_baseUniq-B-N2NQ50.js";
+import { aR as g, aA as F, aS as M, aT as T, aU as _, aV as l, aW as $, aX as B, aY as S, aZ as y } from "./mermaid.core-gFR0XUlD.js";
+var R = /\s/;
+function G(n) {
+  for (var r = n.length; r-- && R.test(n.charAt(r)); )
+    ;
+  return r;
+}
+var H = /^\s+/;
+function L(n) {
+  return n && n.slice(0, G(n) + 1).replace(H, "");
+}
+var o = NaN, W = /^[-+]0x[0-9a-f]+$/i, X = /^0b[01]+$/i, Y = /^0o[0-7]+$/i, q = parseInt;
+function z(n) {
+  if (typeof n == "number")
+    return n;
+  if (x(n))
+    return o;
+  if (g(n)) {
+    var r = typeof n.valueOf == "function" ? n.valueOf() : n;
+    n = g(r) ? r + "" : r;
+  }
+  if (typeof n != "string")
+    return n === 0 ? n : +n;
+  n = L(n);
+  var t = X.test(n);
+  return t || Y.test(n) ? q(n.slice(2), t ? 2 : 8) : W.test(n) ? o : +n;
+}
+var v = 1 / 0, C = 17976931348623157e292;
+function K(n) {
+  if (!n)
+    return n === 0 ? n : 0;
+  if (n = z(n), n === v || n === -v) {
+    var r = n < 0 ? -1 : 1;
+    return r * C;
+  }
+  return n === n ? n : 0;
+}
+function U(n) {
+  var r = K(n), t = r % 1;
+  return r === r ? t ? r - t : r : 0;
+}
+function fn(n) {
+  var r = n == null ? 0 : n.length;
+  return r ? O(n) : [];
+}
+var b = Object.prototype, Z = b.hasOwnProperty, dn = F(function(n, r) {
+  n = Object(n);
+  var t = -1, i = r.length, a = i > 2 ? r[2] : void 0;
+  for (a && M(r[0], r[1], a) && (i = 1); ++t < i; )
+    for (var f = r[t], e = T(f), s = -1, d = e.length; ++s < d; ) {
+      var u = e[s], h = n[u];
+      (h === void 0 || _(h, b[u]) && !Z.call(n, u)) && (n[u] = f[u]);
+    }
+  return n;
+});
+function un(n) {
+  var r = n == null ? 0 : n.length;
+  return r ? n[r - 1] : void 0;
+}
+function D(n) {
+  return function(r, t, i) {
+    var a = Object(r);
+    if (!l(r)) {
+      var f = m(t);
+      r = P(r), t = function(s) {
+        return f(a[s], s, a);
+      };
+    }
+    var e = n(r, t, i);
+    return e > -1 ? a[f ? r[e] : e] : void 0;
+  };
+}
+var J = Math.max;
+function Q(n, r, t) {
+  var i = n == null ? 0 : n.length;
+  if (!i)
+    return -1;
+  var a = t == null ? 0 : U(t);
+  return a < 0 && (a = J(i + a, 0)), p(n, m(r), a);
+}
+var hn = D(Q);
+function V(n, r) {
+  var t = -1, i = l(n) ? Array(n.length) : [];
+  return w(n, function(a, f, e) {
+    i[++t] = r(a, f, e);
+  }), i;
+}
+function gn(n, r) {
+  var t = $(n) ? A : V;
+  return t(n, m(r));
+}
+var j = Object.prototype, k = j.hasOwnProperty;
+function nn(n, r) {
+  return n != null && k.call(n, r);
+}
+function mn(n, r) {
+  return n != null && c(n, r, nn);
+}
+function rn(n, r) {
+  return n < r;
+}
+function tn(n, r, t) {
+  for (var i = -1, a = n.length; ++i < a; ) {
+    var f = n[i], e = r(f);
+    if (e != null && (s === void 0 ? e === e && !x(e) : t(e, s)))
+      var s = e, d = f;
+  }
+  return d;
+}
+function on(n) {
+  return n && n.length ? tn(n, B, rn) : void 0;
+}
+function an(n, r, t, i) {
+  if (!g(n))
+    return n;
+  r = I(r, n);
+  for (var a = -1, f = r.length, e = f - 1, s = n; s != null && ++a < f; ) {
+    var d = N(r[a]), u = t;
+    if (d === "__proto__" || d === "constructor" || d === "prototype")
+      return n;
+    if (a != e) {
+      var h = s[d];
+      u = void 0, u === void 0 && (u = g(h) ? h : S(r[a + 1]) ? [] : {});
+    }
+    y(s, d, u), s = s[d];
+  }
+  return n;
+}
+function vn(n, r, t) {
+  for (var i = -1, a = r.length, f = {}; ++i < a; ) {
+    var e = r[i], s = E(n, e);
+    t(s, e) && an(f, I(e, n), s);
+  }
+  return f;
+}
+export {
+  rn as a,
+  tn as b,
+  V as c,
+  vn as d,
+  on as e,
+  fn as f,
+  hn as g,
+  mn as h,
+  dn as i,
+  U as j,
+  un as l,
+  gn as m,
+  K as t
+};

package/dist/_basePickBy-a-kPMlkg.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./_baseUniq-Cc_zbSif.cjs"),d=require("./mermaid.core-DBwAx_jp.cjs");var P=/\s/;function p(n){for(var r=n.length;r--&&P.test(n.charAt(r)););return r}var w=/^\s+/;function A(n){return n&&n.slice(0,p(n)+1).replace(w,"")}var m=NaN,_=/^[-+]0x[0-9a-f]+$/i,y=/^0b[01]+$/i,E=/^0o[0-7]+$/i,F=parseInt;function M(n){if(typeof n=="number")return n;if(u.isSymbol(n))return m;if(d.isObject(n)){var r=typeof n.valueOf=="function"?n.valueOf():n;n=d.isObject(r)?r+"":r}if(typeof n!="string")return n===0?n:+n;n=A(n);var t=y.test(n);return t||E.test(n)?F(n.slice(2),t?2:8):_.test(n)?m:+n}var I=1/0,N=17976931348623157e292;function o(n){if(!n)return n===0?n:0;if(n=M(n),n===I||n===-I){var r=n<0?-1:1;return r*N}return n===n?n:0}function v(n){var r=o(n),t=r%1;return r===r?t?r-t:r:0}function B(n){var r=n==null?0:n.length;return r?u.baseFlatten(n):[]}var x=Object.prototype,$=x.hasOwnProperty,q=d.baseRest(function(n,r){n=Object(n);var t=-1,a=r.length,e=a>2?r[2]:void 0;for(e&&d.isIterateeCall(r[0],r[1],e)&&(a=1);++t<a;)for(var s=r[t],i=d.keysIn(s),f=-1,h=i.length;++f<h;){var b=i[f],g=n[b];(g===void 0||d.eq(g,x[b])&&!$.call(n,b))&&(n[b]=s[b])}return n});function L(n){var r=n==null?0:n.length;return r?n[r-1]:void 0}function S(n){return function(r,t,a){var e=Object(r);if(!d.isArrayLike(r)){var s=u.baseIteratee(t);r=u.keys(r),t=function(f){return s(e[f],f,e)}}var i=n(r,t,a);return i>-1?e[s?r[i]:i]:void 0}}var T=Math.max;function G(n,r,t){var a=n==null?0:n.length;if(!a)return-1;var e=t==null?0:v(t);return e<0&&(e=T(a+e,0)),u.baseFindIndex(n,u.baseIteratee(r),e)}var H=S(G);function l(n,r){var t=-1,a=d.isArrayLike(n)?Array(n.length):[];return u.baseEach(n,function(e,s,i){a[++t]=r(e,s,i)}),a}function R(n,r){var t=d.isArray(n)?u.arrayMap:l;return t(n,u.baseIteratee(r))}var z=Object.prototype,C=z.hasOwnProperty;function K(n,r){return n!=null&&C.call(n,r)}function U(n,r){return n!=null&&u.hasPath(n,r,K)}function O(n,r){return n<r}function c(n,r,t){for(var a=-1,e=n.length;++a<e;){var s=n[a],i=r(s);if(i!=null&&(f===void 0?i===i&&!u.isSymbol(i):t(i,f)))var f=i,h=s}return h}function W(n){return n&&n.length?c(n,d.identity,O):void 0}function X(n,r,t,a){if(!d.isObject(n))return n;r=u.castPath(r,n);for(var e=-1,s=r.length,i=s-1,f=n;f!=null&&++e<s;){var h=u.toKey(r[e]),b=t;if(h==="__proto__"||h==="constructor"||h==="prototype")return n;if(e!=i){var g=f[h];b=void 0,b===void 0&&(b=d.isObject(g)?g:d.isIndex(r[e+1])?[]:{})}d.assignValue(f,h,b),f=f[h]}return n}function Y(n,r,t){for(var a=-1,e=r.length,s={};++a<e;){var i=r[a],f=u.baseGet(n,i);t(f,i)&&X(s,u.castPath(i,n),f)}return s}exports.baseExtremum=c;exports.baseLt=O;exports.baseMap=l;exports.basePickBy=Y;exports.defaults=q;exports.find=H;exports.flatten=B;exports.has=U;exports.last=L;exports.map=R;exports.min=W;exports.toFinite=o;exports.toInteger=v;