From abb76e472fdadd7e75ed473d05b95b03e6c8a801 Mon Sep 17 00:00:00 2001
From: kangwenjing <1138819403@qq.com>
Date: Tue, 8 Sep 2026 15:12:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90CRM=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E5=A4=9A=E6=A8=A1=E5=9D=97=E8=BF=AD=E4=BB=A3=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

本次提交包含了大量功能改进与基础优化：
1.  重命名项目标识与前端展示文案，统一为SCC(Sales-Channel-Customer)
2.  新增CRM拓展业务相关DTO、Mapper与服务接口，支持CRM拓展管理
3.  优化签到、日报等业务的biz_type校验，新增crm类型支持
4.  拆分前端Vite打包配置，实现依赖分包优化
5.  新增全局异常处理器，完善资源不存在等场景的错误返回
6.  新增商机查重、仪表盘多卡片批量查询接口
7.  完善渠道拓展、销售拓展的区域覆盖字段支持
8.  新增OMS字典映射服务与回调控制器，实现跨系统数据转换
9.  新增渠道与CRM拓展互转功能，支持业务类型迁移
10. 修复部分前端ECharts按需引入配置，优化打包体积

同时补充了初始化SQL脚本与系统测试记录文档。
---
 ...%BB%E5%8A%9F%E8%83%BD%E6%96%B9%E6%A1%88.md |   163 +
 .idea/workspace.xml                           |    43 +-
 .workbuddy/memory/2026-09-03.md               |    12 +
 .workbuddy/memory/2026-09-08.md               |    21 +
 .../crm/common/CrmGlobalExceptionHandler.java |     7 +
 .../common/WorkCheckInSchemaInitializer.java  |     2 +-
 .../crm/controller/DashboardController.java   |     8 +
 .../crm/controller/ExpansionController.java   |    61 +
 .../crm/controller/OmsCallbackController.java |    74 +
 .../crm/controller/OpportunityController.java |    11 +
 .../dashboard/DashboardAnalyticsCardDTO.java  |     9 +
 .../expansion/ChannelExpansionContactDTO.java |    36 +
 .../ChannelExpansionContactRequest.java       |    38 +
 .../expansion/ChannelExpansionItemDTO.java    |    37 +
 .../ChannelExpansionMoveSourceDTO.java        |   182 +
 .../crm/dto/expansion/CoverageItemDTO.java    |    27 +
 .../CreateChannelExpansionRequest.java        |    41 +
 .../expansion/CreateCrmExpansionRequest.java  |   250 +
 .../CreateSalesExpansionRequest.java          |    12 +
 .../dto/expansion/CrmExpansionContactDTO.java |    50 +
 .../expansion/CrmExpansionContactRequest.java |    32 +
 .../dto/expansion/CrmExpansionItemDTO.java    |   287 +
 .../expansion/CrmExpansionMoveSourceDTO.java  |   154 +
 .../crm/dto/expansion/ExpansionMetaDTO.java   |    50 +
 .../dto/expansion/ExpansionOverviewDTO.java   |    13 +
 .../expansion/MoveChannelToCrmRequest.java    |   178 +
 .../expansion/MoveCrmToChannelRequest.java    |   201 +
 .../dto/expansion/SalesExpansionItemDTO.java  |    28 +
 .../UpdateChannelExpansionRequest.java        |    41 +
 .../expansion/UpdateCrmExpansionRequest.java  |   229 +
 .../UpdateSalesExpansionRequest.java          |    12 +
 .../OpportunityDuplicateCheckDTO.java         |    82 +
 .../dto/opportunity/OpportunityMetaDTO.java   |     9 +
 .../unis/crm/mapper/CrmExpansionMapper.java   |    68 +
 .../crm/mapper/CrmOmsDictMappingMapper.java   |    24 +
 .../com/unis/crm/mapper/ExpansionMapper.java  |    40 +
 .../unis/crm/mapper/OpportunityMapper.java    |    15 +
 .../crm/service/CrmOmsDictMappingService.java |    79 +
 .../DashboardAnalyticsConfigService.java      |    93 +-
 .../unis/crm/service/DashboardService.java    |     3 +
 .../unis/crm/service/ExpansionService.java    |    16 +
 .../java/com/unis/crm/service/OmsClient.java  |     8 +-
 .../unis/crm/service/OpportunityService.java  |     3 +
 .../service/impl/DashboardServiceImpl.java    |    22 +-
 .../service/impl/ExpansionServiceImpl.java    |   580 +-
 .../service/impl/OpportunityServiceImpl.java  |    78 +-
 .../crm/service/impl/WorkServiceImpl.java     |    81 +-
 backend/src/main/resources/application.yml    |     2 +-
 .../mapper/CrmOmsDictMappingMapper.xml        |    24 +
 .../mapper/expansion/CrmExpansionMapper.xml   |   270 +
 .../mapper/expansion/ExpansionMapper.xml      |   217 +-
 .../mapper/opportunity/OpportunityMapper.xml  |    71 +-
 .../main/resources/mapper/work/WorkMapper.xml |     2 -
 .../impl/ExpansionServiceImplTest.java        |    44 +-
 .../impl/OpportunityServiceImplTest.java      |    20 +
 frontend/index.html                           |     2 +-
 .../node_modules/.vite/deps/_metadata.json    |    93 +-
 .../node_modules/.vite/deps/motion_react.js   | 12624 +---------------
 .../.vite/deps/motion_react.js.map            |     8 +-
 frontend/src/App.tsx                          |    67 +-
 frontend/src/components/AdaptiveSelect.tsx    |    38 +-
 frontend/src/components/Layout.tsx            |     4 +-
 .../src/components/SearchOrInputSelect.tsx    |   350 +
 frontend/src/components/SearchableSelect.tsx  |   371 +
 .../dashboard/DashboardAnalyticsEChart.tsx    |    17 +-
 .../src/features/crmQuickCreate/shared.tsx    |   266 +-
 frontend/src/lib/auth.ts                      |   247 +-
 frontend/src/pages/Dashboard.tsx              |   113 +-
 frontend/src/pages/Expansion.tsx              |  3089 +++-
 frontend/src/pages/Login.tsx                  |     4 +-
 frontend/src/pages/Opportunities.tsx          |   554 +-
 frontend/src/pages/Work.tsx                   |   121 +-
 frontend/src/pages/login.css                  |     6 +-
 frontend/tsconfig.tsbuildinfo                 |     1 +
 frontend/vite.config.ts                       |    11 +
 frontend1/dist/index.html                     |     5 +-
 .../.vite/deps/@ant-design_icons.js           |     2 +-
 .../node_modules/.vite/deps/_metadata.json    |    94 +-
 frontend1/node_modules/.vite/deps/antd.js     |     8 +-
 .../components/AnalyticsChartPreview.tsx      |    22 +-
 frontend1/vite.config.ts                      |    12 +-
 sql/20260827.sql                              |   283 +
 sql/20260828update.sql                        |   128 +
 sql/20260903update.sql                        |    63 +
 sql/init_full_pg17.sql                        |     8 +-
 代码改动审计报告.md                           |   172 +
 系统审计分析报告.md                           |   143 +
 系统测试报告-20260903.md                      |   141 +
 88 files changed, 9970 insertions(+), 13257 deletions(-)
 create mode 100644 %E6%B8%A0%E9%81%93%E6%8B%93%E5%B1%95CRM%E6%8B%93%E5%B1%95%E4%BA%92%E7%A7%BB%E5%8A%9F%E8%83%BD%E6%96%B9%E6%A1%88.md
 create mode 100644 .workbuddy/memory/2026-09-03.md
 create mode 100644 .workbuddy/memory/2026-09-08.md
 create mode 100644 backend/src/main/java/com/unis/crm/controller/OmsCallbackController.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionMoveSourceDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CoverageItemDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CreateCrmExpansionRequest.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactRequest.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionItemDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionMoveSourceDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/MoveChannelToCrmRequest.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/MoveCrmToChannelRequest.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/expansion/UpdateCrmExpansionRequest.java
 create mode 100644 backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityDuplicateCheckDTO.java
 create mode 100644 backend/src/main/java/com/unis/crm/mapper/CrmExpansionMapper.java
 create mode 100644 backend/src/main/java/com/unis/crm/mapper/CrmOmsDictMappingMapper.java
 create mode 100644 backend/src/main/java/com/unis/crm/service/CrmOmsDictMappingService.java
 create mode 100644 backend/src/main/resources/mapper/CrmOmsDictMappingMapper.xml
 create mode 100644 backend/src/main/resources/mapper/expansion/CrmExpansionMapper.xml
 create mode 100644 frontend/src/components/SearchOrInputSelect.tsx
 create mode 100644 frontend/src/components/SearchableSelect.tsx
 create mode 100644 frontend/tsconfig.tsbuildinfo
 create mode 100644 sql/20260827.sql
 create mode 100644 sql/20260828update.sql
 create mode 100644 sql/20260903update.sql
 create mode 100644 代码改动审计报告.md
 create mode 100644 系统审计分析报告.md
 create mode 100644 系统测试报告-20260903.md

diff --git a/%E6%B8%A0%E9%81%93%E6%8B%93%E5%B1%95CRM%E6%8B%93%E5%B1%95%E4%BA%92%E7%A7%BB%E5%8A%9F%E8%83%BD%E6%96%B9%E6%A1%88.md b/%E6%B8%A0%E9%81%93%E6%8B%93%E5%B1%95CRM%E6%8B%93%E5%B1%95%E4%BA%92%E7%A7%BB%E5%8A%9F%E8%83%BD%E6%96%B9%E6%A1%88.md
new file mode 100644
index 00000000..d15ed439
--- /dev/null
+++ b/%E6%B8%A0%E9%81%93%E6%8B%93%E5%B1%95CRM%E6%8B%93%E5%B1%95%E4%BA%92%E7%A7%BB%E5%8A%9F%E8%83%BD%E6%96%B9%E6%A1%88.md
@@ -0,0 +1,163 @@
+# 渠道拓展 ⇄ CRM拓展 数据互移功能方案
+
+> 版本：V1.0　　日期：2026-08-28　　适用范围：CRM 系统渠道拓展 / CRM拓展
+
+## 一、功能概述
+
+1. 在「渠道拓展详情」底部操作区新增「移至CRM拓展」按钮：将整条渠道拓展数据（主表 + 联系人子表 + 跟进记录）迁移为一条 CRM 拓展记录，删除源渠道记录，并同步更新所有引用该渠道的地方。
+2. 对称地，在「CRM拓展详情」底部操作区新增「移至渠道拓展」按钮，实现 CRM 拓展数据反向迁移为渠道拓展，逻辑对称。
+3. 点击按钮后先弹出「迁移前补填」表单，用户补填源数据中缺失的目标必填字段，确认后执行迁移。
+4. 按钮权限与现有「编辑资料」按钮保持一致：仅记录本人（负责人）可见可点。
+
+## 二、权限控制
+
+- 复用前端 `canEditSelectedItem = ownerUserId === currentUserId`，与编辑按钮同一套权限逻辑，不新增权限点。
+- 非本人记录：按钮禁用并显示「仅本人可操作」，行为与编辑按钮一致。
+- 后端同样校验记录存在且 `owner_user_id = 当前用户`，防止越权调用。
+
+## 三、后端接口设计
+
+| 方法 | 路径 | 说明 |
+|---|---|---|
+| POST | `/api/expansion/channel/{id}/move-to-crm` | 渠道 → CRM，请求体携带弹窗补填字段 |
+| POST | `/api/expansion/crm/{id}/move-to-channel` | CRM → 渠道，请求体携带弹窗补填字段 |
+
+服务层新增方法（均使用 `@Transactional`，任一步失败整体回滚）：
+
+```java
+Long moveChannelToCrm(Long userId, Long channelId, MoveChannelToCrmRequest payload);
+Long moveCrmToChannel(Long userId, Long crmId, MoveCrmToChannelRequest payload);
+```
+
+迁移流程（以渠道 → CRM 为例）：
+
+1. 校验记录存在且归属当前用户（复用 `countOwnedChannelExpansion`）。
+2. 查询源主表数据（复用现有单条查询）。
+3. 自动映射字段 + 合并弹窗补填字段，构造 `CreateCrmExpansionRequest`（不走表单校验）。
+4. `insertCrmExpansion` 创建目标主表，获取新 id。
+5. 联系人子表逐条复制（`name / mobile / title / sort_order`）。
+6. 引用同步（详见第四节）：跟进记录、外勤打卡、日报消息迁移至新记录，商机、其它CRM进货商引用置空。
+7. 删除源：先删联系人子表，再删渠道主表。
+
+## 四、引用同步清单（决策①：删除源 + 同步引用）
+
+### 4.1 渠道 → CRM（删除渠道源记录后）
+
+| 引用表.字段 | 原值 | 处理后 | 说明 |
+|---|---|---|---|
+| `crm_opportunity.channel_expansion_id` | 源渠道id | 置空 NULL | 存在外键约束，删除前必须置空，否则删除失败 |
+| `crm_crm_expansion.supplier_id` | 源渠道id | 置空 NULL | 存在外键约束，删除前必须置空 |
+| `crm_expansion_followup.biz_type / biz_id` | `'channel'` / 源id | `'crm'` / 新id | 拜访/跟进记录随迁 |
+| `work_checkin.biz_type / biz_id / biz_name` | `'channel'` / 源id / 旧名 | `'crm'` / 新id / 新名 | 外勤打卡关联同步 |
+| `work_report_message.biz_type / biz_id / biz_name` | `'channel'` / 源id / 旧名 | `'crm'` / 新id / 新名 | 日报消息关联同步 |
+
+### 4.2 CRM → 渠道（删除CRM源记录后）
+
+| 引用表.字段 | 原值 | 处理后 | 说明 |
+|---|---|---|---|
+| `crm_expansion_followup.biz_type / biz_id` | `'crm'` / 源id | `'channel'` / 新id | 拜访/跟进记录随迁 |
+| `work_checkin.biz_type / biz_id / biz_name` | `'crm'` / 源id / 旧名 | `'channel'` / 新id / 新名 | 外勤打卡关联同步 |
+| `work_report_message.biz_type / biz_id / biz_name` | `'crm'` / 源id / 旧名 | `'channel'` / 新id / 新名 | 日报消息关联同步 |
+
+### 补充说明
+
+- `crm_channel_expansion_contact` 子表外键为 `ON DELETE CASCADE`，删除渠道主表时联系人自动级联删除，无需单独处理。
+- `work_todo`（待办）仅用于日报「明日计划」待办（`biz_type='report'`），不涉及渠道/CRM拓展，无需同步。
+- `sys_activity_log`（首页动态日志）为历史遗留表，当前代码无写入路径；如存在历史引用建议一并清理（可选）。
+- `crm_crm_expansion.h3c_contact_id` 指向销售拓展（`crm_sales_expansion`），与本次迁移无关，保持不变。
+
+## 五、字段对应关系 + 弹窗补填范围（决策②：迁移前弹窗填写）
+
+### 5.1 渠道拓展 → CRM拓展：自动映射（有对应关系）
+
+| 渠道拓展字段（列） | 渠道拓展含义 | CRM拓展字段（列） | CRM拓展含义 / 说明 |
+|---|---|---|---|
+| `channel_name` | 渠道名称 | `end_user` | 最终用户 |
+| `province` | 省份 | `office_name` | 代表处（按 tz_bsc 字典转换，未匹配保留原值） |
+| `channel_industry` | 聚焦行业 | `industry_attr` | 行业属性（按 tz_sshy 字典转换） |
+| `contact_established_date` | 建立联系时间 | `purchase_date` | 采购时间 |
+| `contact_name / mobile / title` | 主联系人 | `contact_name / phone / title` | 冗余字段 |
+| `crm_channel_expansion_contact`（子表） | 多联系人 | `crm_crm_expansion_contact`（子表） | 逐条平移 |
+| `remark` | 备注 | `remark` | 写入DB列（CRM表单无备注字段） |
+| `owner_user_id` | 负责人 | `owner_user_id` | 保持不变 |
+
+**渠道特有、CRM 无对应 → 不迁移：** `channel_code`、`city`、`office_address`、`certification_level`、`annual_revenue`、`staff_size`、`intent_level`、`has_desktop_exp`、`channel_attribute`、`internal_attribute`、`stage`、`landed_flag`、`expected_sign_date`
+
+**弹窗补填（CRM无来源的必填字段）：**
+
+| 弹窗字段 | 默认值 | 说明 |
+|---|---|---|
+| `extension_type`（类型） | 空 | 字典 `crm_extension_type` 单选，必填 |
+| `online_status`（在线情况） | 空 | 字典 `crm_online_status` 单选，必填 |
+| `has_expansion_opportunity`（是否有扩容机会） | 空 | 字典 `sys_is` 单选，必填 |
+| `supplier_id`（进货商） | 空 | AdaptiveSelect 选渠道，必填（不能选自身） |
+| `h3c_contact_id`（新华三对接人） | 空 | AdaptiveSelect 选销售拓展，必填 |
+| `warranty_expiry`（过保时间） | 采购时间+3年 | 预填可改 |
+
+### 5.2 CRM拓展 → 渠道拓展：自动映射（有对应关系）
+
+| CRM拓展字段（列） | CRM拓展含义 | 渠道拓展字段（列） | 渠道拓展含义 / 说明 |
+|---|---|---|---|
+| `end_user` | 最终用户 | `channel_name` | 渠道名称 |
+| `office_name` | 代表处 | `province` | 省份（反查 tz_bsc，未匹配保留原值） |
+| `industry_attr` | 行业属性 | `channel_industry` | 聚焦行业 |
+| `purchase_date` | 采购时间 | `contact_established_date` | 建立联系时间 |
+| `contact_name / phone / title` | 冗余联系人 | `contact_name / mobile / title` | 主联系人 |
+| `crm_crm_expansion_contact`（子表） | 多联系人 | `crm_channel_expansion_contact`（子表） | 逐条平移 |
+| `remark` | 备注 | `remark` | 直接映射 |
+| `owner_user_id` | 负责人 | `owner_user_id` | 保持不变 |
+
+**CRM特有、渠道无对应 → 不迁移：** `extension_type`、`warranty_expiry`、`online_status`、`supplier_id`、`h3c_contact_id`、`has_expansion_opportunity`
+
+**弹窗补填（渠道无来源的必填字段）：**
+
+| 弹窗字段 | 默认值 | 说明 |
+|---|---|---|
+| `city`（市） | 空 | 必填 |
+| `office_address`（办公地址） | 空 | 必填 |
+| `certification_level`（认证级别） | 空 | 字典单选，必填 |
+| `annual_revenue`（年度营业额·万元） | 空 | 数字>0，必填 |
+| `staff_size`（人员规模） | 空 | 正整数，必填 |
+| `channel_attribute`（渠道属性） | 空 | 字典单选，必填 |
+| `internal_attribute`（内部属性） | 空 | 字典单选，必填 |
+| `intent_level`（合作意向） | `medium` | 可改 |
+| `has_desktop_exp`（桌面扩展能力） | `false` | 可改 |
+| `stage`（阶段） | `initial_contact` | 预填 |
+| `landed_flag`（是否落地） | `false` | 预填 |
+| `expected_sign_date`（预计签约时间） | 空 | 可空 |
+
+> 说明：渠道表单编辑时校验 `province / city / certificationLevel / officeAddress / channelIndustry / annualRevenue / staffSize / channelAttribute / internalAttribute` 等字段非空，因此迁移弹窗将这些字段设为必填，确保迁移后的记录完整、可继续编辑保存。
+
+## 六、并发与重复防护
+
+迁移为「删除源 + 创建目标」的复合写操作，必须保证并发安全与幂等，防止重复迁移、竞态丢失或脏数据。
+
+### 6.1 后端并发控制
+
+- 迁移接口在事务内对源记录执行 `SELECT ... FOR UPDATE`（行锁），锁定源记录，避免与并发的编辑/其它迁移操作产生竞态。
+- 若源记录已被其它事务迁移或删除，`SELECT FOR UPDATE` 返回空 → 抛出「记录不存在或已被迁移」提示。
+- 引用同步、目标创建、源删除均在同一个事务内完成，任一步失败整体回滚，不产生中间态。
+
+### 6.2 幂等与重复提交防护
+
+- 迁移成功后源记录即被删除；重复调用接口时源记录不存在，后端返回明确错误（「记录不存在或已被迁移」），不会重复创建目标。
+- 前端提交后立即进入 loading 态并禁用按钮，防止用户重复点击。
+
+### 6.3 迁移与编辑的互斥
+
+- 迁移期间源记录被行锁锁定，其它用户的编辑操作（`updateChannelExpansion` / `updateCrmExpansion`）在锁释放前等待，避免「迁移了旧数据」的脏读。
+- 弹窗补填的字段在后端二次校验（必填、数值范围、进货商/对接人不能为空），校验失败整体回滚。
+
+## 七、前端实现
+
+- 按钮位置：详情页底部操作区（现有「编辑资料」按钮旁），按 `selectedItem.type` 显示：`type='channel'` 显示「移至CRM拓展」，`type='crm'` 显示「移至渠道拓展」，`type='sales'` 不显示。
+- 样式与交互：与编辑按钮同款按钮样式；点击后弹「迁移前补填」表单（复用现有表单字段组件与字典选项），校验通过后二次确认，再调用接口。
+- 状态处理：提交时 loading 态（按钮禁用防重复提交）；成功后刷新列表、关闭详情并切换到新记录；失败时 toast 展示错误信息（如「记录不存在或已被迁移」）。
+
+## 八、实现清单（后续开发步骤）
+
+1. 后端：新增 `MoveChannelToCrmRequest` / `MoveCrmToChannelRequest` DTO；`ExpansionController` 新增两个接口；`ExpansionService` 新增两个 `@Transactional` 方法。
+2. Mapper：新增按源 id 更新 `work_checkin` / `work_report_message` 的 `biz_type` / `biz_id` / `biz_name`、商机 `channel_expansion_id` 置空、其它CRM `supplier_id` 置空、删除渠道/CRM主表等 SQL。
+3. 并发防护：迁移查询源记录时使用 `SELECT ... FOR UPDATE` 行锁；重复迁移返回「记录不存在或已被迁移」；后端对弹窗补填字段二次校验。
+4. 前端：新增两个补填表单弹窗组件 + 两个迁移按钮 + 二次确认与成功刷新逻辑，提交时 loading 禁用防重复点击。
+5. 验证：渠道→CRM 与 CRM→渠道 各执行一遍，核对主表、联系人、跟进记录、打卡/日报关联、商机引用均正确迁移或置空。
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 480b4c0c..51006c76 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,14 +5,50 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="4c558d98-824e-4a48-ba48-bd2e6172f9f4" name="更改" comment="修改定位信息 0323">
-      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/OpportunityController.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/OpportunityController.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/DashboardController.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/DashboardController.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/ExpansionController.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/controller/ExpansionController.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/OpportunityService.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/OpportunityService.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/DashboardService.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/DashboardService.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/ExpansionService.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/ExpansionService.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/OmsClient.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/OmsClient.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/resources/application.yml" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/resources/application.yml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/backend/src/main/resources/mapper/work/WorkMapper.xml" beforeDir="false" afterPath="$PROJECT_DIR$/backend/src/main/resources/mapper/work/WorkMapper.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/_metadata.json" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/_metadata.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/motion_react.js" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/motion_react.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/motion_react.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/node_modules/.vite/deps/motion_react.js.map" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/App.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/App.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/components/AdaptiveSelect.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/components/AdaptiveSelect.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/components/Layout.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/components/Layout.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/frontend/src/lib/auth.ts" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/lib/auth.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/pages/Dashboard.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/pages/Dashboard.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/pages/Expansion.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/pages/Expansion.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/pages/Login.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/pages/Login.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/frontend/src/pages/Opportunities.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/pages/Opportunities.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/src/pages/Work.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/pages/Work.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/vite.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/vite.config.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/dist/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/dist/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/@ant-design_icons.js" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/@ant-design_icons.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/_metadata.json" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/_metadata.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/antd.js" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/node_modules/.vite/deps/antd.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend1/vite.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/frontend1/vite.config.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sql/init_full_pg17.sql" beforeDir="false" afterPath="$PROJECT_DIR$/sql/init_full_pg17.sql" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -107,6 +143,7 @@
       <workItem from="1776238420843" duration="21000" />
       <workItem from="1787113214298" duration="3043000" />
       <workItem from="1787211862072" duration="4949000" />
+      <workItem from="1787721570035" duration="18307000" />
     </task>
     <task id="LOCAL-00001" summary="修改定位信息 0323">
       <option name="closed" value="true" />
diff --git a/.workbuddy/memory/2026-09-03.md b/.workbuddy/memory/2026-09-03.md
new file mode 100644
index 00000000..c7d6afa9
--- /dev/null
+++ b/.workbuddy/memory/2026-09-03.md
@@ -0,0 +1,12 @@
+# 2026-09-03 系统测试
+
+- 对 unis_crm 做了全系统测试（后端8080 + 前端3000/3002 + frontend1），产出《系统测试报告-20260903.md》
+- 关键发现：
+  - 严重：后端信任 X-User-Id 头（任何登录用户可冒充任意 userId，IDOR）
+  - 严重：/sys/api/admin 的 wecom-app-config、report-reminder-config、dashboard-analytics-config 无鉴权（普通用户可读企微 secret、可写配置、跨租户）；speech-recognition 与 user-data-scope 有权限校验（对照组）
+  - 高：全局异常处理器缺 MissingServletRequestParameter/HttpMessageNotReadable 等 → 大量参数错误返回 500
+  - 高：运行环境使用仓库默认 JWT 密钥 change-me-please-change-me-32bytes（签名验证通过实证）；有 Redis 会话绑定兜底
+  - 中：CORS 反射任意 Origin + Allow-Credentials；单测 2/113 失败（ExpansionServiceImplTest 渠道重名 vs 联系人必填校验顺序）
+- 接入要点：前端 vite 代理把 /api/sys/* 重写为 /sys/*；业务接口需同时带 Authorization + X-User-Id 两个头
+- 测试账号：admin_crm/crm@123 (userId=19)；13752913297/123456 (周瑾 userId=20，部门领导，全租户数据权限)
+- 遗留测试数据：商机2228/2229、签到1025、日报999（均带【自动化测试】前缀）；企微配置曾意外清空已恢复
diff --git a/.workbuddy/memory/2026-09-08.md b/.workbuddy/memory/2026-09-08.md
new file mode 100644
index 00000000..1a432b1a
--- /dev/null
+++ b/.workbuddy/memory/2026-09-08.md
@@ -0,0 +1,21 @@
+# 2026-09-08 只读复检（未改代码）
+
+- 用户要求只检查不动代码。后端已重启(运行的是当日12:10编译的最新代码，IDE加载target/classes)。
+- 复检结论：9/3 报告的严重问题均未修复：
+  1. X-User-Id 伪造身份仍可复现（普通用户带 X-User-Id:19 拿到管理员 profile）
+  2. /sys/api/admin 的 wecom-app-config(secret明文)/report-reminder-config/dashboard-analytics-config 普通用户仍可读
+  3. JWT 默认密钥 change-me-please-change-me-32bytes 仍在(application.yml + application-prod.yml 第53/51行)
+  4. 参数缺失仍返回 500（仅补了 404 NoResourceFoundException 的 handler）
+  5. CORS 仍反射任意 Origin + Allow-Credentials:true
+- 新增改动（9/3后，工作区未提交，57文件/约5.7k行）：ExpansionServiceImpl +566 行新增渠道↔CRM 互转(moveChannelToCrm/moveCrmToChannel，结构合理，有归属校验+关联迁移+事务)；Opportunity OMS 反写阶段 normalizeStageValue、S5已签约同步；Work 日报正文 stripCrmEditorBody；前端 auth.ts/Expansion.tsx 等大改
+- 单测仍 113 个 2 失败：ExpansionServiceImplTest 渠道重名校验 vs 联系人必填校验顺序（与9/3相同根因，测试改过仍不过）
+- 前端 tsc --noEmit 通过
+- 核心读接口全 200；互转/跟进等对不存在 id 错误处理正确
+- 测试账号 token 存 /tmp/crm_tokens2.env（9/8新登录，原9/3 token已过期/被刷新）
+
+## 9/8 追加：商机名称查重功能只读复查（未改代码）
+- 用户新增"商机名称查重"，请求复查。检查期间用户仍在改代码并反复编译（target 14:11→14:15→14:16 更新），最终磁盘版：XML selectDuplicateOpportunities 去掉了 select distinct（曾有一版 `select distinct + order by coalesce(updated_at...)` 在 PG 必报 InvalidColumnReference，psycopg2 直连 202 库实测复现），DTO 重构为 OpportunityDuplicateCheckDTO.Item 内嵌类(OpportunityDuplicateItemDTO 已删)，Mapper/Service/Controller 全部配套。
+- 功能形态：Controller /api/opportunities/duplicate-check(name, excludeId?, excludeStageCodes?) → Service 全表同名精确匹配(去空格+upper，归档剔除，excludeId/排除阶段支持) → 前端提交时才查，命中弹窗"仍然新增"可继续（软提示），编辑不查重。
+- 实证(运行实例)：单值 excludeStageCodes=L 正常；**excludeStageCodes 传≥2 个值(或逗号分隔) 接口 500**（overview 同病），前端 URLSearchParams 会逐个 append → 当前字典只有 1 个丢单阶段(L-已丢单) 所以线上不触发；字典一旦有 ≥2 个丢单/放弃阶段即致查重 500 且前端 catch 吞错放行(静默失效)。dashboard cardKeys 多值 200 排除 Spring 绑定问题 → 疑在商机 SQL/MyBatis foreach 路径，未拿到堆栈(无落盘日志)。
+- 其余发现：查重 SQL 无 userId/可见性过滤(对照列表/详情均带 visibility)→ 全库同名探测+返回他人商机明细(越权读取/泄露，中高)；后端 create/update 无唯一校验、表无唯一约束，"仍然新增"按钮无 submitting 防抖，双击可并发建两条同名(2233 即在测试中被创建)；编辑可改名但不查重且 excludeId 参数前端从不传(功能未闭环)；查重谓词函数包裹列无索引(量级小暂可)；规范化只去空格+ASCII大写，全角字符/NBSP 可绕过。
+- 环境疑点：运行实例数据(id 2228/2229/2230/2231/2233 等)与 application.yml 指向的 192.168.124.202/unis_crm_dev 不一致(该库实为 2228/2229/2232) → IDE 运行配置数据源被覆盖(profile/env)，测试库≠配置文件库，发版前需核对。psycopg2-binary 已装入 ~/.workbuddy/binaries/python/envs/default（202 库 postgres/unis@123 只读排查用）
diff --git a/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java b/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java
index f5560f1c..e038dfc8 100644
--- a/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java
+++ b/backend/src/main/java/com/unis/crm/common/CrmGlobalExceptionHandler.java
@@ -108,6 +108,13 @@ public class CrmGlobalExceptionHandler {
         return compatibleErrorResponse(HttpStatus.CONFLICT, resolveConstraintMessage(ex), request.getRequestURI());
     }
 
+    @ExceptionHandler(org.springframework.web.servlet.resource.NoResourceFoundException.class)
+    public ResponseEntity<Map<String, Object>> handleNoResourceFoundException(
+            org.springframework.web.servlet.resource.NoResourceFoundException ex,
+            HttpServletRequest request) {
+        return compatibleErrorResponse(HttpStatus.NOT_FOUND, "请求的资源不存在", request.getRequestURI());
+    }
+
     @ExceptionHandler(Exception.class)
     public ResponseEntity<Map<String, Object>> handleUnexpectedException(Exception ex, HttpServletRequest request) {
         log.error("Unexpected request failure on {}", request.getRequestURI(), ex);
diff --git a/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java b/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java
index 09bcfae1..30c5712a 100644
--- a/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java
+++ b/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java
@@ -48,7 +48,7 @@ public class WorkCheckInSchemaInitializer implements ApplicationRunner {
                           ) then
                             alter table work_checkin
                               add constraint work_checkin_biz_type_check
-                              check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity'));
+                              check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity', 'crm'));
                           end if;
                         end $$;
                         """);
diff --git a/backend/src/main/java/com/unis/crm/controller/DashboardController.java b/backend/src/main/java/com/unis/crm/controller/DashboardController.java
index 8df14c51..c8b9fc15 100644
--- a/backend/src/main/java/com/unis/crm/controller/DashboardController.java
+++ b/backend/src/main/java/com/unis/crm/controller/DashboardController.java
@@ -7,6 +7,7 @@ import com.unis.crm.dto.dashboard.DashboardHomeDTO;
 import com.unis.crm.service.DashboardService;
 import com.unisbase.common.annotation.Log;
 import jakarta.validation.constraints.Min;
+import java.util.List;
 import org.springframework.validation.annotation.Validated;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
@@ -58,4 +59,11 @@ public class DashboardController {
             @RequestParam(value = "dimension", required = false) String dimension) {
         return ApiResponse.success(dashboardService.getAnalyticsCardDetail(CurrentUserUtils.requireCurrentUserId(userId), cardKey, dimension));
     }
+
+    @GetMapping("/analytics-cards/data")
+    public ApiResponse<List<DashboardAnalyticsCardDTO>> getAnalyticsCardData(
+            @RequestHeader("X-User-Id") @Min(1) Long userId,
+            @RequestParam("cardKeys") List<String> cardKeys) {
+        return ApiResponse.success(dashboardService.getAnalyticsCardData(CurrentUserUtils.requireCurrentUserId(userId), cardKeys));
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/controller/ExpansionController.java b/backend/src/main/java/com/unis/crm/controller/ExpansionController.java
index 740de72d..7e3468e5 100644
--- a/backend/src/main/java/com/unis/crm/controller/ExpansionController.java
+++ b/backend/src/main/java/com/unis/crm/controller/ExpansionController.java
@@ -4,13 +4,17 @@ import com.unis.crm.common.ApiResponse;
 import com.unis.crm.common.CrmIdJacksonConfig;
 import com.unis.crm.common.CurrentUserUtils;
 import com.unis.crm.dto.expansion.CreateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.CreateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.CreateExpansionFollowUpRequest;
 import com.unis.crm.dto.expansion.CreateSalesExpansionRequest;
 import com.unis.crm.dto.expansion.DictOptionDTO;
 import com.unis.crm.dto.expansion.ExpansionDuplicateCheckDTO;
 import com.unis.crm.dto.expansion.ExpansionMetaDTO;
 import com.unis.crm.dto.expansion.ExpansionOverviewDTO;
+import com.unis.crm.dto.expansion.MoveChannelToCrmRequest;
+import com.unis.crm.dto.expansion.MoveCrmToChannelRequest;
 import com.unis.crm.dto.expansion.UpdateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.UpdateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.UpdateSalesExpansionRequest;
 import com.unis.crm.service.ExpansionService;
 import com.unisbase.common.annotation.Log;
@@ -86,6 +90,15 @@ public class ExpansionController {
                 CurrentUserUtils.requireCurrentUserId(userId), channelName, excludeId));
     }
 
+    @RequestMapping(value = "/crm/duplicate-check", method = {RequestMethod.GET, RequestMethod.POST})
+    public ApiResponse<ExpansionDuplicateCheckDTO> checkCrmDuplicate(
+            @RequestHeader("X-User-Id") Long userId,
+            @RequestParam("endUser") String endUser,
+            @RequestParam(value = "excludeId", required = false) Long excludeId) {
+        return ApiResponse.success(expansionService.checkCrmEndUserDuplicate(
+                CurrentUserUtils.requireCurrentUserId(userId), endUser, excludeId));
+    }
+
     @PostMapping("/sales")
     @Log(type = "拓展管理", value = "新增售前拓展")
     public ApiResponse<Object> createSales(
@@ -133,4 +146,52 @@ public class ExpansionController {
             @Valid @RequestBody CreateExpansionFollowUpRequest request) {
         return ApiResponse.success(expansionService.createFollowUp(CurrentUserUtils.requireCurrentUserId(userId), bizType, bizId, request));
     }
+
+    @GetMapping("/crm/overview")
+    public ApiResponse<ExpansionOverviewDTO> getCrmOverview(
+            @RequestHeader("X-User-Id") Long userId,
+            @RequestParam(value = "keyword", required = false) String keyword,
+            @RequestParam(value = "includeDetails", defaultValue = "true") boolean includeDetails,
+            @RequestParam(value = "limit", required = false) Integer limit) {
+        return ApiResponse.success(expansionService.getCrmOverview(CurrentUserUtils.requireCurrentUserId(userId), keyword, includeDetails, limit));
+    }
+
+    @PostMapping("/crm")
+    @Log(type = "拓展管理", value = "新增CRM拓展")
+    public ApiResponse<Object> createCrm(
+            @RequestHeader("X-User-Id") Long userId,
+            @Valid @RequestBody CreateCrmExpansionRequest request) {
+        Long id = expansionService.createCrmExpansion(CurrentUserUtils.requireCurrentUserId(userId), request);
+        return ApiResponse.success(CrmIdJacksonConfig.toJsonCompatibleValue(id));
+    }
+
+    @PutMapping("/crm/{id}")
+    @Log(type = "拓展管理", value = "编辑CRM拓展")
+    public ApiResponse<Void> updateCrm(
+            @RequestHeader("X-User-Id") Long userId,
+            @PathVariable("id") Long id,
+            @Valid @RequestBody UpdateCrmExpansionRequest request) {
+        expansionService.updateCrmExpansion(CurrentUserUtils.requireCurrentUserId(userId), id, request);
+        return ApiResponse.success(null);
+    }
+
+    @PostMapping("/channel/{id}/move-to-crm")
+    @Log(type = "拓展管理", value = "渠道拓展移至CRM拓展")
+    public ApiResponse<Object> moveChannelToCrm(
+            @RequestHeader("X-User-Id") Long userId,
+            @PathVariable("id") Long id,
+            @Valid @RequestBody MoveChannelToCrmRequest request) {
+        Long newId = expansionService.moveChannelToCrm(CurrentUserUtils.requireCurrentUserId(userId), id, request);
+        return ApiResponse.success(CrmIdJacksonConfig.toJsonCompatibleValue(newId));
+    }
+
+    @PostMapping("/crm/{id}/move-to-channel")
+    @Log(type = "拓展管理", value = "CRM拓展移至渠道拓展")
+    public ApiResponse<Object> moveCrmToChannel(
+            @RequestHeader("X-User-Id") Long userId,
+            @PathVariable("id") Long id,
+            @Valid @RequestBody MoveCrmToChannelRequest request) {
+        Long newId = expansionService.moveCrmToChannel(CurrentUserUtils.requireCurrentUserId(userId), id, request);
+        return ApiResponse.success(CrmIdJacksonConfig.toJsonCompatibleValue(newId));
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/controller/OmsCallbackController.java b/backend/src/main/java/com/unis/crm/controller/OmsCallbackController.java
new file mode 100644
index 00000000..e20a3ddb
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/controller/OmsCallbackController.java
@@ -0,0 +1,74 @@
+package com.unis.crm.controller;
+
+import com.unis.crm.common.ApiResponse;
+import com.unis.crm.service.CrmOmsDictMappingService;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.Map;
+
+/**
+ * OMS 回调控制器
+ * 用于接收 OMS 系统主动推送的数据
+ */
+@RestController
+@RequestMapping("/api/oms")
+public class OmsCallbackController {
+
+    private static final Logger log = LoggerFactory.getLogger(OmsCallbackController.class);
+
+    private final CrmOmsDictMappingService dictMappingService;
+
+    // 用于简单鉴权的 token，实际部署时请替换为安全的配置
+    private static final String EXPECTED_TOKEN = "your_secret_token_here";
+
+    public OmsCallbackController(CrmOmsDictMappingService dictMappingService) {
+        this.dictMappingService = dictMappingService;
+    }
+
+    /**
+     * OMS 回调接口
+     * 接收 OMS 推送的商机状态变更等数据
+     *
+     * @param token 简单的鉴权 token
+     * @param payload OMS 推送的 JSON 数据
+     * @return 处理结果
+     */
+    @PostMapping("/callback")
+    public ApiResponse<String> handleOmsCallback(
+            @RequestHeader("X-Callback-Token") String token,
+            @RequestBody Map<String, Object> payload) {
+        
+        // 1. 简单鉴权
+        if (!EXPECTED_TOKEN.equals(token)) {
+            log.warn("OMS callback failed: invalid token");
+            return ApiResponse.fail("鉴权失败");
+        }
+
+        try {
+            log.info("Received OMS callback payload: {}", payload);
+
+            // 2. 解析数据并进行字典映射处理
+            // 假设 OMS 传来的数据包含 projectStage 和 projectCode
+            String omsStage = (String) payload.get("projectStage");
+            String projectCode = (String) payload.get("projectCode");
+
+            if (omsStage != null && projectCode != null) {
+                // 核心映射逻辑：将 OMS 阶段码值转换为 CRM 码值
+                String crmStage = dictMappingService.mapStageToCrm(omsStage);
+                log.info("Mapped OMS stage '{}' to CRM stage '{}' for project '{}'", omsStage, crmStage, projectCode);
+                
+                // TODO: 在这里添加根据 projectCode 更新 CRM 数据库中商机阶段的逻辑
+                // 例如：opportunityService.updateStageByProjectCode(projectCode, crmStage);
+            }
+
+            return ApiResponse.success("回调处理成功");
+
+        } catch (Exception e) {
+            log.error("Error processing OMS callback", e);
+            return ApiResponse.fail("处理回调数据时发生错误: " + e.getMessage());
+        }
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/controller/OpportunityController.java b/backend/src/main/java/com/unis/crm/controller/OpportunityController.java
index 6525625c..383a2708 100644
--- a/backend/src/main/java/com/unis/crm/controller/OpportunityController.java
+++ b/backend/src/main/java/com/unis/crm/controller/OpportunityController.java
@@ -5,6 +5,7 @@ import com.unis.crm.common.CurrentUserUtils;
 import com.unis.crm.dto.opportunity.CreateOpportunityFollowUpRequest;
 import com.unis.crm.dto.opportunity.CreateOpportunityRequest;
 import com.unis.crm.dto.opportunity.OmsPreSalesOptionDTO;
+import com.unis.crm.dto.opportunity.OpportunityDuplicateCheckDTO;
 import com.unis.crm.dto.opportunity.OpportunityItemDTO;
 import com.unis.crm.dto.opportunity.OpportunityMetaDTO;
 import com.unis.crm.dto.opportunity.OpportunityOverviewDTO;
@@ -58,6 +59,16 @@ public class OpportunityController {
         return ApiResponse.success(opportunityService.getDetail(CurrentUserUtils.requireCurrentUserId(userId), opportunityId));
     }
 
+    @GetMapping("/duplicate-check")
+    public ApiResponse<OpportunityDuplicateCheckDTO> checkDuplicate(
+            @RequestHeader("X-User-Id") Long userId,
+            @RequestParam("name") String name,
+            @RequestParam(value = "excludeId", required = false) Long excludeId,
+            @RequestParam(value = "excludeStageCodes", required = false) List<String> excludeStageCodes) {
+        return ApiResponse.success(opportunityService.checkDuplicateOpportunity(
+                CurrentUserUtils.requireCurrentUserId(userId), name, excludeId, excludeStageCodes));
+    }
+
     @GetMapping("/oms/pre-sales")
     public ApiResponse<List<OmsPreSalesOptionDTO>> getOmsPreSalesOptions(@RequestHeader("X-User-Id") Long userId) {
         return ApiResponse.success(opportunityService.getOmsPreSalesOptions(CurrentUserUtils.requireCurrentUserId(userId)));
diff --git a/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java b/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java
index ddeb815b..7851c555 100644
--- a/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/dashboard/DashboardAnalyticsCardDTO.java
@@ -21,6 +21,7 @@ public class DashboardAnalyticsCardDTO {
     private String errorMessage;
     private Integer totalCount;
     private Boolean hasMore;
+    private Boolean dataLoaded;
     private java.util.List<DashboardAnalyticsChartPointDTO> chartData;
 
     public Long getId() {
@@ -175,6 +176,14 @@ public class DashboardAnalyticsCardDTO {
         this.hasMore = hasMore;
     }
 
+    public Boolean getDataLoaded() {
+        return dataLoaded;
+    }
+
+    public void setDataLoaded(Boolean dataLoaded) {
+        this.dataLoaded = dataLoaded;
+    }
+
     public java.util.List<DashboardAnalyticsChartPointDTO> getChartData() {
         return chartData;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactDTO.java
index 5c72bccb..cef7f0b4 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactDTO.java
@@ -4,9 +4,13 @@ public class ChannelExpansionContactDTO {
 
     private Long id;
     private Long channelExpansionId;
+    private String duty;
     private String name;
     private String mobile;
     private String title;
+    private String birthday;
+    private String wecomAdded;
+    private String specialNote;
 
     public Long getId() {
         return id;
@@ -24,6 +28,14 @@ public class ChannelExpansionContactDTO {
         this.channelExpansionId = channelExpansionId;
     }
 
+    public String getDuty() {
+        return duty;
+    }
+
+    public void setDuty(String duty) {
+        this.duty = duty;
+    }
+
     public String getName() {
         return name;
     }
@@ -47,4 +59,28 @@ public class ChannelExpansionContactDTO {
     public void setTitle(String title) {
         this.title = title;
     }
+
+    public String getBirthday() {
+        return birthday;
+    }
+
+    public void setBirthday(String birthday) {
+        this.birthday = birthday;
+    }
+
+    public String getWecomAdded() {
+        return wecomAdded;
+    }
+
+    public void setWecomAdded(String wecomAdded) {
+        this.wecomAdded = wecomAdded;
+    }
+
+    public String getSpecialNote() {
+        return specialNote;
+    }
+
+    public void setSpecialNote(String specialNote) {
+        this.specialNote = specialNote;
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactRequest.java
index fea5cc98..9f9b6bb8 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactRequest.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionContactRequest.java
@@ -1,10 +1,24 @@
 package com.unis.crm.dto.expansion;
 
+import java.time.LocalDate;
+
 public class ChannelExpansionContactRequest {
 
+    private String duty;
     private String name;
     private String mobile;
     private String title;
+    private LocalDate birthday;
+    private String wecomAdded;
+    private String specialNote;
+
+    public String getDuty() {
+        return duty;
+    }
+
+    public void setDuty(String duty) {
+        this.duty = duty;
+    }
 
     public String getName() {
         return name;
@@ -29,4 +43,28 @@ public class ChannelExpansionContactRequest {
     public void setTitle(String title) {
         this.title = title;
     }
+
+    public LocalDate getBirthday() {
+        return birthday;
+    }
+
+    public void setBirthday(LocalDate birthday) {
+        this.birthday = birthday;
+    }
+
+    public String getWecomAdded() {
+        return wecomAdded;
+    }
+
+    public void setWecomAdded(String wecomAdded) {
+        this.wecomAdded = wecomAdded;
+    }
+
+    public String getSpecialNote() {
+        return specialNote;
+    }
+
+    public void setSpecialNote(String specialNote) {
+        this.specialNote = specialNote;
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionItemDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionItemDTO.java
index 31ce4f78..63acd21b 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionItemDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionItemDTO.java
@@ -15,6 +15,10 @@ public class ChannelExpansionItemDTO {
     private String province;
     private String cityCode;
     private String city;
+    private String coverageProvince;
+  private String coverageCity;
+  /** 省-市配对明细（"省|市"以中文逗号分隔，city 为空表示全省），用于列表/详情按对应关系展示 */
+  private String coverageItems;
     private String officeAddress;
     private String channelIndustryCode;
     private String channelIndustry;
@@ -22,6 +26,7 @@ public class ChannelExpansionItemDTO {
     private String annualRevenue;
     private String revenue;
     private Integer size;
+    private String registeredCapital;
     private String primaryContactName;
     private String primaryContactTitle;
     private String primaryContactMobile;
@@ -128,6 +133,30 @@ public class ChannelExpansionItemDTO {
         this.city = city;
     }
 
+    public String getCoverageProvince() {
+        return coverageProvince;
+    }
+
+    public void setCoverageProvince(String coverageProvince) {
+        this.coverageProvince = coverageProvince;
+    }
+
+    public String getCoverageCity() {
+        return coverageCity;
+    }
+
+    public void setCoverageCity(String coverageCity) {
+        this.coverageCity = coverageCity;
+    }
+
+    public String getCoverageItems() {
+        return coverageItems;
+    }
+
+    public void setCoverageItems(String coverageItems) {
+        this.coverageItems = coverageItems;
+    }
+
     public void setOfficeAddress(String officeAddress) {
         this.officeAddress = officeAddress;
     }
@@ -180,6 +209,14 @@ public class ChannelExpansionItemDTO {
         this.size = size;
     }
 
+    public String getRegisteredCapital() {
+        return registeredCapital;
+    }
+
+    public void setRegisteredCapital(String registeredCapital) {
+        this.registeredCapital = registeredCapital;
+    }
+
     public String getPrimaryContactName() {
         return primaryContactName;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionMoveSourceDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionMoveSourceDTO.java
new file mode 100644
index 00000000..6c6e64dd
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ChannelExpansionMoveSourceDTO.java
@@ -0,0 +1,182 @@
+package com.unis.crm.dto.expansion;
+
+import java.math.BigDecimal;
+import java.time.LocalDate;
+
+/**
+ * 渠道拓展迁移源数据（迁移至 CRM 拓展时读取的原始字段值，非展示值）。
+ */
+public class ChannelExpansionMoveSourceDTO {
+
+    private Long id;
+    private Long ownerUserId;
+    private String name;
+    private String province;
+    private String city;
+    private String officeAddress;
+    private String channelIndustry;
+    private String certificationLevel;
+    private BigDecimal annualRevenue;
+    private Integer staffSize;
+    private LocalDate establishedDate;
+    private String intentLevel;
+    private Boolean hasDesktopExp;
+    private String channelAttribute;
+    private String internalAttribute;
+    private String stage;
+    private Boolean landedFlag;
+    private LocalDate expectedSignDate;
+    private String remark;
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getOwnerUserId() {
+        return ownerUserId;
+    }
+
+    public void setOwnerUserId(Long ownerUserId) {
+        this.ownerUserId = ownerUserId;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getProvince() {
+        return province;
+    }
+
+    public void setProvince(String province) {
+        this.province = province;
+    }
+
+    public String getCity() {
+        return city;
+    }
+
+    public void setCity(String city) {
+        this.city = city;
+    }
+
+    public String getOfficeAddress() {
+        return officeAddress;
+    }
+
+    public void setOfficeAddress(String officeAddress) {
+        this.officeAddress = officeAddress;
+    }
+
+    public String getChannelIndustry() {
+        return channelIndustry;
+    }
+
+    public void setChannelIndustry(String channelIndustry) {
+        this.channelIndustry = channelIndustry;
+    }
+
+    public String getCertificationLevel() {
+        return certificationLevel;
+    }
+
+    public void setCertificationLevel(String certificationLevel) {
+        this.certificationLevel = certificationLevel;
+    }
+
+    public BigDecimal getAnnualRevenue() {
+        return annualRevenue;
+    }
+
+    public void setAnnualRevenue(BigDecimal annualRevenue) {
+        this.annualRevenue = annualRevenue;
+    }
+
+    public Integer getStaffSize() {
+        return staffSize;
+    }
+
+    public void setStaffSize(Integer staffSize) {
+        this.staffSize = staffSize;
+    }
+
+    public LocalDate getEstablishedDate() {
+        return establishedDate;
+    }
+
+    public void setEstablishedDate(LocalDate establishedDate) {
+        this.establishedDate = establishedDate;
+    }
+
+    public String getIntentLevel() {
+        return intentLevel;
+    }
+
+    public void setIntentLevel(String intentLevel) {
+        this.intentLevel = intentLevel;
+    }
+
+    public Boolean getHasDesktopExp() {
+        return hasDesktopExp;
+    }
+
+    public void setHasDesktopExp(Boolean hasDesktopExp) {
+        this.hasDesktopExp = hasDesktopExp;
+    }
+
+    public String getChannelAttribute() {
+        return channelAttribute;
+    }
+
+    public void setChannelAttribute(String channelAttribute) {
+        this.channelAttribute = channelAttribute;
+    }
+
+    public String getInternalAttribute() {
+        return internalAttribute;
+    }
+
+    public void setInternalAttribute(String internalAttribute) {
+        this.internalAttribute = internalAttribute;
+    }
+
+    public String getStage() {
+        return stage;
+    }
+
+    public void setStage(String stage) {
+        this.stage = stage;
+    }
+
+    public Boolean getLandedFlag() {
+        return landedFlag;
+    }
+
+    public void setLandedFlag(Boolean landedFlag) {
+        this.landedFlag = landedFlag;
+    }
+
+    public LocalDate getExpectedSignDate() {
+        return expectedSignDate;
+    }
+
+    public void setExpectedSignDate(LocalDate expectedSignDate) {
+        this.expectedSignDate = expectedSignDate;
+    }
+
+    public String getRemark() {
+        return remark;
+    }
+
+    public void setRemark(String remark) {
+        this.remark = remark;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CoverageItemDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/CoverageItemDTO.java
new file mode 100644
index 00000000..1a9c9dc6
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CoverageItemDTO.java
@@ -0,0 +1,27 @@
+package com.unis.crm.dto.expansion;
+
+/**
+ * 覆盖地市明细项：一个覆盖省/市关系。
+ * province 必填；city 为空表示覆盖全省。
+ */
+public class CoverageItemDTO {
+
+    private String province;
+    private String city;
+
+    public String getProvince() {
+        return province;
+    }
+
+    public void setProvince(String province) {
+        this.province = province;
+    }
+
+    public String getCity() {
+        return city;
+    }
+
+    public void setCity(String city) {
+        this.city = city;
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CreateChannelExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/CreateChannelExpansionRequest.java
index 3b26753e..d373aa7d 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/CreateChannelExpansionRequest.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CreateChannelExpansionRequest.java
@@ -16,6 +16,14 @@ public class CreateChannelExpansionRequest {
     private String city;
     private String certificationLevel;
 
+    @Size(max = 500, message = "覆盖省份不能超过500字符")
+    private String coverageProvince;
+
+    @Size(max = 2000, message = "覆盖市/区/县不能超过2000字符")
+    private String coverageCity;
+
+    private List<CoverageItemDTO> coverageItems;
+
     @NotBlank(message = "渠道名称不能为空")
     @Size(max = 200, message = "渠道名称不能超过200字符")
     private String channelName;
@@ -23,6 +31,7 @@ public class CreateChannelExpansionRequest {
     private String province;
     private BigDecimal annualRevenue;
     private Integer staffSize;
+    private BigDecimal registeredCapital;
     private LocalDate contactEstablishedDate;
     private String intentLevel;
     private Boolean hasDesktopExp;
@@ -82,6 +91,30 @@ public class CreateChannelExpansionRequest {
         this.certificationLevel = certificationLevel;
     }
 
+    public String getCoverageProvince() {
+        return coverageProvince;
+    }
+
+    public void setCoverageProvince(String coverageProvince) {
+        this.coverageProvince = coverageProvince;
+    }
+
+    public String getCoverageCity() {
+        return coverageCity;
+    }
+
+    public void setCoverageCity(String coverageCity) {
+        this.coverageCity = coverageCity;
+    }
+
+    public List<CoverageItemDTO> getCoverageItems() {
+        return coverageItems;
+    }
+
+    public void setCoverageItems(List<CoverageItemDTO> coverageItems) {
+        this.coverageItems = coverageItems;
+    }
+
     public String getChannelName() {
         return channelName;
     }
@@ -114,6 +147,14 @@ public class CreateChannelExpansionRequest {
         this.staffSize = staffSize;
     }
 
+    public BigDecimal getRegisteredCapital() {
+        return registeredCapital;
+    }
+
+    public void setRegisteredCapital(BigDecimal registeredCapital) {
+        this.registeredCapital = registeredCapital;
+    }
+
     public LocalDate getContactEstablishedDate() {
         return contactEstablishedDate;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CreateCrmExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/CreateCrmExpansionRequest.java
new file mode 100644
index 00000000..ef5f9823
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CreateCrmExpansionRequest.java
@@ -0,0 +1,250 @@
+package com.unis.crm.dto.expansion;
+
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import java.time.LocalDate;
+import java.util.ArrayList;
+import java.util.List;
+
+public class CreateCrmExpansionRequest {
+
+    @NotBlank(message = "最终用户不能为空")
+    private String endUser;
+
+    @NotBlank(message = "代表处不能为空")
+    private String officeName;
+
+    @NotBlank(message = "行业属性不能为空")
+    private String industryAttr;
+
+    @NotBlank(message = "类型不能为空")
+    private String extensionType;
+
+    @NotNull(message = "采购时间不能为空")
+    private LocalDate purchaseDate;
+
+    @NotNull(message = "过保时间不能为空")
+    private LocalDate warrantyExpiry;
+
+    @NotBlank(message = "在线情况不能为空")
+    private String onlineStatus;
+
+    @NotEmpty(message = "请至少填写一位联系人")
+    private List<CrmExpansionContactRequest> contacts = new ArrayList<>();
+
+    /** 冗余字段：由 Service 从 contacts 第一个联系人派生，用于主表搜索/展示 */
+    private String contactName;
+    private String contactPhone;
+    private String contactTitle;
+
+    /** 进货商：下拉选中时存 id；手动输入时为空，名称存 supplierName */
+    private Long supplierId;
+
+    /** 进货商名称：下拉选中冗余存名，手动输入时存文字 */
+    private String supplierName;
+
+    /** 新华三对接人：下拉选中时存 id；手动输入时为空，名称存 h3cContactName */
+    private Long h3cContactId;
+
+    /** 新华三对接人名称：下拉选中冗余存名，手动输入时存文字 */
+    private String h3cContactName;
+
+    @NotBlank(message = "是否有扩容机会不能为空")
+    private String hasExpansionOpportunity;
+
+    /** 软件点数（整数，必填） */
+    @NotNull(message = "软件点数不能为空")
+    private Integer softwarePoints;
+
+    /** 扩容时间（可选） */
+    private LocalDate expansionTime;
+
+    /** 扩容规模（可选） */
+    private String expansionScale;
+
+    /** 是否有维保项目机会（sys_is：1是 / 0否） */
+    @NotBlank(message = "是否有维保项目机会不能为空")
+    private String hasMaintenanceOpportunity;
+
+    private Long id;
+
+    /** 备注（CRM 表单不展示，迁移时保留源数据） */
+    private String remark;
+
+    public String getEndUser() {
+        return endUser;
+    }
+
+    public void setEndUser(String endUser) {
+        this.endUser = endUser;
+    }
+
+    public String getOfficeName() {
+        return officeName;
+    }
+
+    public void setOfficeName(String officeName) {
+        this.officeName = officeName;
+    }
+
+    public String getIndustryAttr() {
+        return industryAttr;
+    }
+
+    public void setIndustryAttr(String industryAttr) {
+        this.industryAttr = industryAttr;
+    }
+
+    public String getExtensionType() {
+        return extensionType;
+    }
+
+    public void setExtensionType(String extensionType) {
+        this.extensionType = extensionType;
+    }
+
+    public LocalDate getPurchaseDate() {
+        return purchaseDate;
+    }
+
+    public void setPurchaseDate(LocalDate purchaseDate) {
+        this.purchaseDate = purchaseDate;
+    }
+
+    public LocalDate getWarrantyExpiry() {
+        return warrantyExpiry;
+    }
+
+    public void setWarrantyExpiry(LocalDate warrantyExpiry) {
+        this.warrantyExpiry = warrantyExpiry;
+    }
+
+    public String getOnlineStatus() {
+        return onlineStatus;
+    }
+
+    public void setOnlineStatus(String onlineStatus) {
+        this.onlineStatus = onlineStatus;
+    }
+
+    public List<CrmExpansionContactRequest> getContacts() {
+        return contacts;
+    }
+
+    public void setContacts(List<CrmExpansionContactRequest> contacts) {
+        this.contacts = contacts;
+    }
+
+    public String getContactName() {
+        return contactName;
+    }
+
+    public void setContactName(String contactName) {
+        this.contactName = contactName;
+    }
+
+    public String getContactPhone() {
+        return contactPhone;
+    }
+
+    public void setContactPhone(String contactPhone) {
+        this.contactPhone = contactPhone;
+    }
+
+    public String getContactTitle() {
+        return contactTitle;
+    }
+
+    public void setContactTitle(String contactTitle) {
+        this.contactTitle = contactTitle;
+    }
+
+    public Long getSupplierId() {
+        return supplierId;
+    }
+
+    public void setSupplierId(Long supplierId) {
+        this.supplierId = supplierId;
+    }
+
+    public String getSupplierName() {
+        return supplierName;
+    }
+
+    public void setSupplierName(String supplierName) {
+        this.supplierName = supplierName;
+    }
+
+    public Long getH3cContactId() {
+        return h3cContactId;
+    }
+
+    public void setH3cContactId(Long h3cContactId) {
+        this.h3cContactId = h3cContactId;
+    }
+
+    public String getH3cContactName() {
+        return h3cContactName;
+    }
+
+    public void setH3cContactName(String h3cContactName) {
+        this.h3cContactName = h3cContactName;
+    }
+
+    public String getHasExpansionOpportunity() {
+        return hasExpansionOpportunity;
+    }
+
+    public void setHasExpansionOpportunity(String hasExpansionOpportunity) {
+        this.hasExpansionOpportunity = hasExpansionOpportunity;
+    }
+
+    public Integer getSoftwarePoints() {
+        return softwarePoints;
+    }
+
+    public void setSoftwarePoints(Integer softwarePoints) {
+        this.softwarePoints = softwarePoints;
+    }
+
+    public LocalDate getExpansionTime() {
+        return expansionTime;
+    }
+
+    public void setExpansionTime(LocalDate expansionTime) {
+        this.expansionTime = expansionTime;
+    }
+
+    public String getExpansionScale() {
+        return expansionScale;
+    }
+
+    public void setExpansionScale(String expansionScale) {
+        this.expansionScale = expansionScale;
+    }
+
+    public String getHasMaintenanceOpportunity() {
+        return hasMaintenanceOpportunity;
+    }
+
+    public void setHasMaintenanceOpportunity(String hasMaintenanceOpportunity) {
+        this.hasMaintenanceOpportunity = hasMaintenanceOpportunity;
+    }
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public String getRemark() {
+        return remark;
+    }
+
+    public void setRemark(String remark) {
+        this.remark = remark;
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CreateSalesExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/CreateSalesExpansionRequest.java
index bfe8f7a4..9e600bab 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/CreateSalesExpansionRequest.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CreateSalesExpansionRequest.java
@@ -3,11 +3,15 @@ package com.unis.crm.dto.expansion;
 import jakarta.validation.constraints.NotBlank;
 import jakarta.validation.constraints.Size;
 import java.time.LocalDate;
+import java.util.List;
 
 public class CreateSalesExpansionRequest {
 
     private Long id;
 
+    /** 所属区域（省-市配对明细，多选；city 为空表示全省） */
+    private List<CoverageItemDTO> regionItems;
+
     @NotBlank(message = "工号不能为空")
     @Size(max = 50, message = "工号不能超过50字符")
     private String employeeNo;
@@ -38,6 +42,14 @@ public class CreateSalesExpansionRequest {
         this.id = id;
     }
 
+    public List<CoverageItemDTO> getRegionItems() {
+        return regionItems;
+    }
+
+    public void setRegionItems(List<CoverageItemDTO> regionItems) {
+        this.regionItems = regionItems;
+    }
+
     public String getEmployeeNo() {
         return employeeNo;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactDTO.java
new file mode 100644
index 00000000..c2cd5a4a
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactDTO.java
@@ -0,0 +1,50 @@
+package com.unis.crm.dto.expansion;
+
+public class CrmExpansionContactDTO {
+
+    private Long id;
+    private Long crmExpansionId;
+    private String name;
+    private String mobile;
+    private String title;
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getCrmExpansionId() {
+        return crmExpansionId;
+    }
+
+    public void setCrmExpansionId(Long crmExpansionId) {
+        this.crmExpansionId = crmExpansionId;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getMobile() {
+        return mobile;
+    }
+
+    public void setMobile(String mobile) {
+        this.mobile = mobile;
+    }
+
+    public String getTitle() {
+        return title;
+    }
+
+    public void setTitle(String title) {
+        this.title = title;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactRequest.java
new file mode 100644
index 00000000..cda8ddb4
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionContactRequest.java
@@ -0,0 +1,32 @@
+package com.unis.crm.dto.expansion;
+
+public class CrmExpansionContactRequest {
+
+    private String name;
+    private String mobile;
+    private String title;
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getMobile() {
+        return mobile;
+    }
+
+    public void setMobile(String mobile) {
+        this.mobile = mobile;
+    }
+
+    public String getTitle() {
+        return title;
+    }
+
+    public void setTitle(String title) {
+        this.title = title;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionItemDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionItemDTO.java
new file mode 100644
index 00000000..6d67f1b5
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionItemDTO.java
@@ -0,0 +1,287 @@
+package com.unis.crm.dto.expansion;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class CrmExpansionItemDTO {
+
+    private Long id;
+    private Long ownerUserId;
+    private String owner;
+    private String type;
+    private String endUser;
+    private String officeName;
+    private String industryAttr;
+    private String industryAttrCode;
+    private String extensionType;
+    private String purchaseDate;
+    private String purchaseDateText;
+    private String warrantyExpiry;
+    private String warrantyExpiryText;
+    private String onlineStatus;
+    private String contactName;
+    private String contactPhone;
+    private String contactTitle;
+    private List<CrmExpansionContactDTO> contacts = new ArrayList<>();
+    private Long supplierId;
+    private String supplierName;
+    private Long h3cContactId;
+    private String h3cContactName;
+    private String hasExpansionOpportunity;
+    private Integer softwarePoints;
+    private String expansionTime;
+    private String expansionTimeText;
+    private String expansionScale;
+    private String hasMaintenanceOpportunity;
+    private String createdAt;
+    private String updatedAt;
+    private List<ExpansionFollowUpDTO> followUps = new ArrayList<>();
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getOwnerUserId() {
+        return ownerUserId;
+    }
+
+    public void setOwnerUserId(Long ownerUserId) {
+        this.ownerUserId = ownerUserId;
+    }
+
+    public String getOwner() {
+        return owner;
+    }
+
+    public void setOwner(String owner) {
+        this.owner = owner;
+    }
+
+    public String getType() {
+        return type;
+    }
+
+    public void setType(String type) {
+        this.type = type;
+    }
+
+    public String getEndUser() {
+        return endUser;
+    }
+
+    public void setEndUser(String endUser) {
+        this.endUser = endUser;
+    }
+
+    public String getOfficeName() {
+        return officeName;
+    }
+
+    public void setOfficeName(String officeName) {
+        this.officeName = officeName;
+    }
+
+    public String getIndustryAttrCode() {
+        return industryAttrCode;
+    }
+
+    public void setIndustryAttrCode(String industryAttrCode) {
+        this.industryAttrCode = industryAttrCode;
+    }
+
+    public String getIndustryAttr() {
+        return industryAttr;
+    }
+
+    public void setIndustryAttr(String industryAttr) {
+        this.industryAttr = industryAttr;
+    }
+
+    public String getExtensionType() {
+        return extensionType;
+    }
+
+    public void setExtensionType(String extensionType) {
+        this.extensionType = extensionType;
+    }
+
+    public String getPurchaseDate() {
+        return purchaseDate;
+    }
+
+    public void setPurchaseDate(String purchaseDate) {
+        this.purchaseDate = purchaseDate;
+    }
+
+    public String getPurchaseDateText() {
+        return purchaseDateText;
+    }
+
+    public void setPurchaseDateText(String purchaseDateText) {
+        this.purchaseDateText = purchaseDateText;
+    }
+
+    public String getWarrantyExpiry() {
+        return warrantyExpiry;
+    }
+
+    public void setWarrantyExpiry(String warrantyExpiry) {
+        this.warrantyExpiry = warrantyExpiry;
+    }
+
+    public String getWarrantyExpiryText() {
+        return warrantyExpiryText;
+    }
+
+    public void setWarrantyExpiryText(String warrantyExpiryText) {
+        this.warrantyExpiryText = warrantyExpiryText;
+    }
+
+    public String getOnlineStatus() {
+        return onlineStatus;
+    }
+
+    public void setOnlineStatus(String onlineStatus) {
+        this.onlineStatus = onlineStatus;
+    }
+
+    public String getContactName() {
+        return contactName;
+    }
+
+    public void setContactName(String contactName) {
+        this.contactName = contactName;
+    }
+
+    public String getContactPhone() {
+        return contactPhone;
+    }
+
+    public void setContactPhone(String contactPhone) {
+        this.contactPhone = contactPhone;
+    }
+
+    public String getContactTitle() {
+        return contactTitle;
+    }
+
+    public void setContactTitle(String contactTitle) {
+        this.contactTitle = contactTitle;
+    }
+
+    public List<CrmExpansionContactDTO> getContacts() {
+        return contacts;
+    }
+
+    public void setContacts(List<CrmExpansionContactDTO> contacts) {
+        this.contacts = contacts;
+    }
+
+    public Long getSupplierId() {
+        return supplierId;
+    }
+
+    public void setSupplierId(Long supplierId) {
+        this.supplierId = supplierId;
+    }
+
+    public String getSupplierName() {
+        return supplierName;
+    }
+
+    public void setSupplierName(String supplierName) {
+        this.supplierName = supplierName;
+    }
+
+    public Long getH3cContactId() {
+        return h3cContactId;
+    }
+
+    public void setH3cContactId(Long h3cContactId) {
+        this.h3cContactId = h3cContactId;
+    }
+
+    public String getH3cContactName() {
+        return h3cContactName;
+    }
+
+    public void setH3cContactName(String h3cContactName) {
+        this.h3cContactName = h3cContactName;
+    }
+
+    public String getHasExpansionOpportunity() {
+        return hasExpansionOpportunity;
+    }
+
+    public void setHasExpansionOpportunity(String hasExpansionOpportunity) {
+        this.hasExpansionOpportunity = hasExpansionOpportunity;
+    }
+
+    public Integer getSoftwarePoints() {
+        return softwarePoints;
+    }
+
+    public void setSoftwarePoints(Integer softwarePoints) {
+        this.softwarePoints = softwarePoints;
+    }
+
+    public String getExpansionTime() {
+        return expansionTime;
+    }
+
+    public void setExpansionTime(String expansionTime) {
+        this.expansionTime = expansionTime;
+    }
+
+    public String getExpansionTimeText() {
+        return expansionTimeText;
+    }
+
+    public void setExpansionTimeText(String expansionTimeText) {
+        this.expansionTimeText = expansionTimeText;
+    }
+
+    public String getExpansionScale() {
+        return expansionScale;
+    }
+
+    public void setExpansionScale(String expansionScale) {
+        this.expansionScale = expansionScale;
+    }
+
+    public String getHasMaintenanceOpportunity() {
+        return hasMaintenanceOpportunity;
+    }
+
+    public void setHasMaintenanceOpportunity(String hasMaintenanceOpportunity) {
+        this.hasMaintenanceOpportunity = hasMaintenanceOpportunity;
+    }
+
+    public String getCreatedAt() {
+        return createdAt;
+    }
+
+    public void setCreatedAt(String createdAt) {
+        this.createdAt = createdAt;
+    }
+
+    public String getUpdatedAt() {
+        return updatedAt;
+    }
+
+    public void setUpdatedAt(String updatedAt) {
+        this.updatedAt = updatedAt;
+    }
+
+    public List<ExpansionFollowUpDTO> getFollowUps() {
+        return followUps;
+    }
+
+    public void setFollowUps(List<ExpansionFollowUpDTO> followUps) {
+        this.followUps = followUps;
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionMoveSourceDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionMoveSourceDTO.java
new file mode 100644
index 00000000..27ff7cbc
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/CrmExpansionMoveSourceDTO.java
@@ -0,0 +1,154 @@
+package com.unis.crm.dto.expansion;
+
+import java.time.LocalDate;
+
+/**
+ * CRM 拓展迁移源数据（迁移至渠道拓展时读取的原始字段值，非展示值）。
+ */
+public class CrmExpansionMoveSourceDTO {
+
+    private Long id;
+    private Long ownerUserId;
+    private String endUser;
+    private String officeName;
+    private String industryAttr;
+    private String extensionType;
+    private LocalDate purchaseDate;
+    private LocalDate warrantyExpiry;
+    private String onlineStatus;
+    private String contactName;
+    private String contactPhone;
+    private String contactTitle;
+    private Long supplierId;
+    private Long h3cContactId;
+    private String hasExpansionOpportunity;
+    private String remark;
+
+    public Long getId() {
+        return id;
+    }
+
+    public void setId(Long id) {
+        this.id = id;
+    }
+
+    public Long getOwnerUserId() {
+        return ownerUserId;
+    }
+
+    public void setOwnerUserId(Long ownerUserId) {
+        this.ownerUserId = ownerUserId;
+    }
+
+    public String getEndUser() {
+        return endUser;
+    }
+
+    public void setEndUser(String endUser) {
+        this.endUser = endUser;
+    }
+
+    public String getOfficeName() {
+        return officeName;
+    }
+
+    public void setOfficeName(String officeName) {
+        this.officeName = officeName;
+    }
+
+    public String getIndustryAttr() {
+        return industryAttr;
+    }
+
+    public void setIndustryAttr(String industryAttr) {
+        this.industryAttr = industryAttr;
+    }
+
+    public String getExtensionType() {
+        return extensionType;
+    }
+
+    public void setExtensionType(String extensionType) {
+        this.extensionType = extensionType;
+    }
+
+    public LocalDate getPurchaseDate() {
+        return purchaseDate;
+    }
+
+    public void setPurchaseDate(LocalDate purchaseDate) {
+        this.purchaseDate = purchaseDate;
+    }
+
+    public LocalDate getWarrantyExpiry() {
+        return warrantyExpiry;
+    }
+
+    public void setWarrantyExpiry(LocalDate warrantyExpiry) {
+        this.warrantyExpiry = warrantyExpiry;
+    }
+
+    public String getOnlineStatus() {
+        return onlineStatus;
+    }
+
+    public void setOnlineStatus(String onlineStatus) {
+        this.onlineStatus = onlineStatus;
+    }
+
+    public String getContactName() {
+        return contactName;
+    }
+
+    public void setContactName(String contactName) {
+        this.contactName = contactName;
+    }
+
+    public String getContactPhone() {
+        return contactPhone;
+    }
+
+    public void setContactPhone(String contactPhone) {
+        this.contactPhone = contactPhone;
+    }
+
+    public String getContactTitle() {
+        return contactTitle;
+    }
+
+    public void setContactTitle(String contactTitle) {
+        this.contactTitle = contactTitle;
+    }
+
+    public Long getSupplierId() {
+        return supplierId;
+    }
+
+    public void setSupplierId(Long supplierId) {
+        this.supplierId = supplierId;
+    }
+
+    public Long getH3cContactId() {
+        return h3cContactId;
+    }
+
+    public void setH3cContactId(Long h3cContactId) {
+        this.h3cContactId = h3cContactId;
+    }
+
+    public String getHasExpansionOpportunity() {
+        return hasExpansionOpportunity;
+    }
+
+    public void setHasExpansionOpportunity(String hasExpansionOpportunity) {
+        this.hasExpansionOpportunity = hasExpansionOpportunity;
+    }
+
+    public String getRemark() {
+        return remark;
+    }
+
+    public void setRemark(String remark) {
+        this.remark = remark;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java
index 0bae7749..df317488 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionMetaDTO.java
@@ -11,6 +11,9 @@ public class ExpansionMetaDTO {
     private List<DictOptionDTO> channelAttributeOptions;
     private List<DictOptionDTO> internalAttributeOptions;
     private String nextChannelCode;
+    private List<DictOptionDTO> extensionTypeOptions;
+    private List<DictOptionDTO> onlineStatusOptions;
+    private List<DictOptionDTO> isOptions;
 
     public ExpansionMetaDTO() {
     }
@@ -32,6 +35,29 @@ public class ExpansionMetaDTO {
         this.nextChannelCode = nextChannelCode;
     }
 
+    public ExpansionMetaDTO(
+            List<DictOptionDTO> officeOptions,
+            List<DictOptionDTO> industryOptions,
+            List<DictOptionDTO> provinceOptions,
+            List<DictOptionDTO> certificationLevelOptions,
+            List<DictOptionDTO> channelAttributeOptions,
+            List<DictOptionDTO> internalAttributeOptions,
+            String nextChannelCode,
+            List<DictOptionDTO> extensionTypeOptions,
+            List<DictOptionDTO> onlineStatusOptions,
+            List<DictOptionDTO> isOptions) {
+        this.officeOptions = officeOptions;
+        this.industryOptions = industryOptions;
+        this.provinceOptions = provinceOptions;
+        this.certificationLevelOptions = certificationLevelOptions;
+        this.channelAttributeOptions = channelAttributeOptions;
+        this.internalAttributeOptions = internalAttributeOptions;
+        this.nextChannelCode = nextChannelCode;
+        this.extensionTypeOptions = extensionTypeOptions;
+        this.onlineStatusOptions = onlineStatusOptions;
+        this.isOptions = isOptions;
+    }
+
     public List<DictOptionDTO> getOfficeOptions() {
         return officeOptions;
     }
@@ -87,4 +113,28 @@ public class ExpansionMetaDTO {
     public void setNextChannelCode(String nextChannelCode) {
         this.nextChannelCode = nextChannelCode;
     }
+
+    public List<DictOptionDTO> getExtensionTypeOptions() {
+        return extensionTypeOptions;
+    }
+
+    public void setExtensionTypeOptions(List<DictOptionDTO> extensionTypeOptions) {
+        this.extensionTypeOptions = extensionTypeOptions;
+    }
+
+    public List<DictOptionDTO> getOnlineStatusOptions() {
+        return onlineStatusOptions;
+    }
+
+    public void setOnlineStatusOptions(List<DictOptionDTO> onlineStatusOptions) {
+        this.onlineStatusOptions = onlineStatusOptions;
+    }
+
+    public List<DictOptionDTO> getIsOptions() {
+        return isOptions;
+    }
+
+    public void setIsOptions(List<DictOptionDTO> isOptions) {
+        this.isOptions = isOptions;
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java
index 63cf1d0e..70fb6501 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/ExpansionOverviewDTO.java
@@ -6,6 +6,7 @@ public class ExpansionOverviewDTO {
 
     private List<SalesExpansionItemDTO> salesItems;
     private List<ChannelExpansionItemDTO> channelItems;
+    private List<CrmExpansionItemDTO> crmItems;
 
     public ExpansionOverviewDTO() {
     }
@@ -15,6 +16,10 @@ public class ExpansionOverviewDTO {
         this.channelItems = channelItems;
     }
 
+    public ExpansionOverviewDTO(List<CrmExpansionItemDTO> crmItems) {
+        this.crmItems = crmItems;
+    }
+
     public List<SalesExpansionItemDTO> getSalesItems() {
         return salesItems;
     }
@@ -30,4 +35,12 @@ public class ExpansionOverviewDTO {
     public void setChannelItems(List<ChannelExpansionItemDTO> channelItems) {
         this.channelItems = channelItems;
     }
+
+    public List<CrmExpansionItemDTO> getCrmItems() {
+        return crmItems;
+    }
+
+    public void setCrmItems(List<CrmExpansionItemDTO> crmItems) {
+        this.crmItems = crmItems;
+    }
 }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/MoveChannelToCrmRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/MoveChannelToCrmRequest.java
new file mode 100644
index 00000000..dc60d3ee
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/MoveChannelToCrmRequest.java
@@ -0,0 +1,178 @@
+package com.unis.crm.dto.expansion;
+
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import java.time.LocalDate;
+import java.util.List;
+
+/**
+ * 渠道拓展 → CRM 拓展 迁移请求（携带迁移前弹窗补填的 CRM 必填字段）。
+ */
+public class MoveChannelToCrmRequest {
+
+    /** 代表处（tz_bsc 字典码）；若未填写，后端尝试按省份自动匹配，匹配失败则报错 */
+    private String officeName;
+
+    @NotBlank(message = "类型不能为空")
+    private String extensionType;
+
+    @NotNull(message = "采购时间不能为空")
+    private LocalDate purchaseDate;
+
+    @NotNull(message = "过保时间不能为空")
+    private LocalDate warrantyExpiry;
+
+    @NotBlank(message = "在线情况不能为空")
+    private String onlineStatus;
+
+    /** 进货商：下拉选中时存 id；手动输入时为空，名称存 supplierName */
+    private Long supplierId;
+
+    /** 进货商名称：下拉选中冗余存名，手动输入时存文字 */
+    private String supplierName;
+
+    /** 新华三对接人：下拉选中时存 id；手动输入时为空，名称存 h3cContactName */
+    private Long h3cContactId;
+
+    /** 新华三对接人名称：下拉选中冗余存名，手动输入时存文字 */
+    private String h3cContactName;
+
+    @NotBlank(message = "是否有扩容机会不能为空")
+    private String hasExpansionOpportunity;
+
+    /** 软件点数（整数，可选） */
+    private Integer softwarePoints;
+
+    /** 扩容时间（可选） */
+    private LocalDate expansionTime;
+
+    /** 扩容规模（可选） */
+    private String expansionScale;
+
+    /** 是否有维保项目机会（sys_is：1是 / 0否） */
+    @NotBlank(message = "是否有维保项目机会不能为空")
+    private String hasMaintenanceOpportunity;
+
+    /** 联系人（迁移弹窗补录）；为空时后端回退使用源渠道联系人 */
+    private List<CrmExpansionContactRequest> contacts;
+
+    public List<CrmExpansionContactRequest> getContacts() {
+        return contacts;
+    }
+
+    public void setContacts(List<CrmExpansionContactRequest> contacts) {
+        this.contacts = contacts;
+    }
+
+    public String getOfficeName() {
+        return officeName;
+    }
+
+    public void setOfficeName(String officeName) {
+        this.officeName = officeName;
+    }
+
+    public String getExtensionType() {
+        return extensionType;
+    }
+
+    public void setExtensionType(String extensionType) {
+        this.extensionType = extensionType;
+    }
+
+    public LocalDate getPurchaseDate() {
+        return purchaseDate;
+    }
+
+    public void setPurchaseDate(LocalDate purchaseDate) {
+        this.purchaseDate = purchaseDate;
+    }
+
+    public LocalDate getWarrantyExpiry() {
+        return warrantyExpiry;
+    }
+
+    public void setWarrantyExpiry(LocalDate warrantyExpiry) {
+        this.warrantyExpiry = warrantyExpiry;
+    }
+
+    public String getOnlineStatus() {
+        return onlineStatus;
+    }
+
+    public void setOnlineStatus(String onlineStatus) {
+        this.onlineStatus = onlineStatus;
+    }
+
+    public Long getSupplierId() {
+        return supplierId;
+    }
+
+    public void setSupplierId(Long supplierId) {
+        this.supplierId = supplierId;
+    }
+
+    public String getSupplierName() {
+        return supplierName;
+    }
+
+    public void setSupplierName(String supplierName) {
+        this.supplierName = supplierName;
+    }
+
+    public Long getH3cContactId() {
+        return h3cContactId;
+    }
+
+    public void setH3cContactId(Long h3cContactId) {
+        this.h3cContactId = h3cContactId;
+    }
+
+    public String getH3cContactName() {
+        return h3cContactName;
+    }
+
+    public void setH3cContactName(String h3cContactName) {
+        this.h3cContactName = h3cContactName;
+    }
+
+    public String getHasExpansionOpportunity() {
+        return hasExpansionOpportunity;
+    }
+
+    public void setHasExpansionOpportunity(String hasExpansionOpportunity) {
+        this.hasExpansionOpportunity = hasExpansionOpportunity;
+    }
+
+    public Integer getSoftwarePoints() {
+        return softwarePoints;
+    }
+
+    public void setSoftwarePoints(Integer softwarePoints) {
+        this.softwarePoints = softwarePoints;
+    }
+
+    public LocalDate getExpansionTime() {
+        return expansionTime;
+    }
+
+    public void setExpansionTime(LocalDate expansionTime) {
+        this.expansionTime = expansionTime;
+    }
+
+    public String getExpansionScale() {
+        return expansionScale;
+    }
+
+    public void setExpansionScale(String expansionScale) {
+        this.expansionScale = expansionScale;
+    }
+
+    public String getHasMaintenanceOpportunity() {
+        return hasMaintenanceOpportunity;
+    }
+
+    public void setHasMaintenanceOpportunity(String hasMaintenanceOpportunity) {
+        this.hasMaintenanceOpportunity = hasMaintenanceOpportunity;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/MoveCrmToChannelRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/MoveCrmToChannelRequest.java
new file mode 100644
index 00000000..01d38b37
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/MoveCrmToChannelRequest.java
@@ -0,0 +1,201 @@
+package com.unis.crm.dto.expansion;
+
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotNull;
+import java.math.BigDecimal;
+import java.time.LocalDate;
+import java.util.List;
+
+/**
+ * CRM 拓展 → 渠道拓展 迁移请求（携带迁移前弹窗补填的渠道必填字段）。
+ */
+public class MoveCrmToChannelRequest {
+
+    /** 省份（迁移弹窗省市区补填）；为空时后端回退用代表处(office_name)反查字典 label */
+    private String province;
+
+    @NotBlank(message = "请选择市")
+    private String city;
+
+    @NotBlank(message = "请填写办公地址")
+    private String officeAddress;
+
+    @NotBlank(message = "请选择汇智内部认证级别")
+    private String certificationLevel;
+
+    @NotNull(message = "请填写年度营业额(万元)")
+    private BigDecimal annualRevenue;
+
+    @NotNull(message = "请填写人员规模")
+    private Integer staffSize;
+
+    @NotNull(message = "请填写注册资金(万元)")
+    private BigDecimal registeredCapital;
+
+    @NotBlank(message = "请选择渠道属性")
+    private String channelAttribute;
+
+    @NotBlank(message = "请选择新华三内部属性")
+    private String internalAttribute;
+
+    @NotBlank(message = "请选择覆盖省份")
+    private String coverageProvince;
+
+    @NotBlank(message = "请选择覆盖市/区/县")
+    private String coverageCity;
+
+    private List<CoverageItemDTO> coverageItems;
+
+    private String intentLevel;
+    private Boolean hasDesktopExp;
+    private String stage;
+    private Boolean landedFlag;
+    private LocalDate expectedSignDate;
+
+    /** 联系人（迁移弹窗补录）；为空时后端回退使用源CRM联系人 */
+    private List<ChannelExpansionContactRequest> contacts;
+
+    public List<ChannelExpansionContactRequest> getContacts() {
+        return contacts;
+    }
+
+    public void setContacts(List<ChannelExpansionContactRequest> contacts) {
+        this.contacts = contacts;
+    }
+
+    public String getCity() {
+        return city;
+    }
+
+    public void setCity(String city) {
+        this.city = city;
+    }
+
+    public String getProvince() {
+        return province;
+    }
+
+    public void setProvince(String province) {
+        this.province = province;
+    }
+
+    public String getOfficeAddress() {
+        return officeAddress;
+    }
+
+    public void setOfficeAddress(String officeAddress) {
+        this.officeAddress = officeAddress;
+    }
+
+    public String getCertificationLevel() {
+        return certificationLevel;
+    }
+
+    public void setCertificationLevel(String certificationLevel) {
+        this.certificationLevel = certificationLevel;
+    }
+
+    public BigDecimal getAnnualRevenue() {
+        return annualRevenue;
+    }
+
+    public void setAnnualRevenue(BigDecimal annualRevenue) {
+        this.annualRevenue = annualRevenue;
+    }
+
+    public Integer getStaffSize() {
+        return staffSize;
+    }
+
+    public void setStaffSize(Integer staffSize) {
+        this.staffSize = staffSize;
+    }
+
+    public BigDecimal getRegisteredCapital() {
+        return registeredCapital;
+    }
+
+    public void setRegisteredCapital(BigDecimal registeredCapital) {
+        this.registeredCapital = registeredCapital;
+    }
+
+    public String getChannelAttribute() {
+        return channelAttribute;
+    }
+
+    public void setChannelAttribute(String channelAttribute) {
+        this.channelAttribute = channelAttribute;
+    }
+
+    public String getInternalAttribute() {
+        return internalAttribute;
+    }
+
+    public void setInternalAttribute(String internalAttribute) {
+        this.internalAttribute = internalAttribute;
+    }
+
+    public String getCoverageProvince() {
+        return coverageProvince;
+    }
+
+    public void setCoverageProvince(String coverageProvince) {
+        this.coverageProvince = coverageProvince;
+    }
+
+    public String getCoverageCity() {
+        return coverageCity;
+    }
+
+    public void setCoverageCity(String coverageCity) {
+        this.coverageCity = coverageCity;
+    }
+
+    public List<CoverageItemDTO> getCoverageItems() {
+        return coverageItems;
+    }
+
+    public void setCoverageItems(List<CoverageItemDTO> coverageItems) {
+        this.coverageItems = coverageItems;
+    }
+
+    public String getIntentLevel() {
+        return intentLevel;
+    }
+
+    public void setIntentLevel(String intentLevel) {
+        this.intentLevel = intentLevel;
+    }
+
+    public Boolean getHasDesktopExp() {
+        return hasDesktopExp;
+    }
+
+    public void setHasDesktopExp(Boolean hasDesktopExp) {
+        this.hasDesktopExp = hasDesktopExp;
+    }
+
+    public String getStage() {
+        return stage;
+    }
+
+    public void setStage(String stage) {
+        this.stage = stage;
+    }
+
+    public Boolean getLandedFlag() {
+        return landedFlag;
+    }
+
+    public void setLandedFlag(Boolean landedFlag) {
+        this.landedFlag = landedFlag;
+    }
+
+    public LocalDate getExpectedSignDate() {
+        return expectedSignDate;
+    }
+
+    public void setExpectedSignDate(LocalDate expectedSignDate) {
+        this.expectedSignDate = expectedSignDate;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/SalesExpansionItemDTO.java b/backend/src/main/java/com/unis/crm/dto/expansion/SalesExpansionItemDTO.java
index acd19ace..9a320c63 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/SalesExpansionItemDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/SalesExpansionItemDTO.java
@@ -32,6 +32,10 @@ public class SalesExpansionItemDTO {
     private String createdAt;
     private String updatedAt;
     private String notes;
+    /** 所属区域（省-市配对明细，值与"覆盖地市"同结构，city 为空表示全省） */
+    private String regionProvince;
+    private String regionCity;
+    private String regionItems;
     private java.util.List<RelatedProjectSummaryDTO> relatedProjects = new java.util.ArrayList<>();
     private List<ExpansionFollowUpDTO> followUps = new ArrayList<>();
 
@@ -251,6 +255,30 @@ public class SalesExpansionItemDTO {
         this.notes = notes;
     }
 
+    public String getRegionProvince() {
+        return regionProvince;
+    }
+
+    public void setRegionProvince(String regionProvince) {
+        this.regionProvince = regionProvince;
+    }
+
+    public String getRegionCity() {
+        return regionCity;
+    }
+
+    public void setRegionCity(String regionCity) {
+        this.regionCity = regionCity;
+    }
+
+    public String getRegionItems() {
+        return regionItems;
+    }
+
+    public void setRegionItems(String regionItems) {
+        this.regionItems = regionItems;
+    }
+
     public java.util.List<RelatedProjectSummaryDTO> getRelatedProjects() {
         return relatedProjects;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/UpdateChannelExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateChannelExpansionRequest.java
index ae0d0c5c..d7110269 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/UpdateChannelExpansionRequest.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateChannelExpansionRequest.java
@@ -15,6 +15,14 @@ public class UpdateChannelExpansionRequest {
     private String city;
     private String certificationLevel;
 
+    @Size(max = 500, message = "覆盖省份不能超过500字符")
+    private String coverageProvince;
+
+    @Size(max = 2000, message = "覆盖市/区/县不能超过2000字符")
+    private String coverageCity;
+
+    private List<CoverageItemDTO> coverageItems;
+
     @NotBlank(message = "渠道名称不能为空")
     @Size(max = 200, message = "渠道名称不能超过200字符")
     private String channelName;
@@ -22,6 +30,7 @@ public class UpdateChannelExpansionRequest {
     private String province;
     private BigDecimal annualRevenue;
     private Integer staffSize;
+    private BigDecimal registeredCapital;
     private LocalDate contactEstablishedDate;
     private String intentLevel;
     private Boolean hasDesktopExp;
@@ -65,6 +74,30 @@ public class UpdateChannelExpansionRequest {
         this.city = city;
     }
 
+    public String getCoverageProvince() {
+        return coverageProvince;
+    }
+
+    public void setCoverageProvince(String coverageProvince) {
+        this.coverageProvince = coverageProvince;
+    }
+
+    public String getCoverageCity() {
+        return coverageCity;
+    }
+
+    public void setCoverageCity(String coverageCity) {
+        this.coverageCity = coverageCity;
+    }
+
+    public List<CoverageItemDTO> getCoverageItems() {
+        return coverageItems;
+    }
+
+    public void setCoverageItems(List<CoverageItemDTO> coverageItems) {
+        this.coverageItems = coverageItems;
+    }
+
     public String getCertificationLevel() {
         return certificationLevel;
     }
@@ -105,6 +138,14 @@ public class UpdateChannelExpansionRequest {
         this.staffSize = staffSize;
     }
 
+    public BigDecimal getRegisteredCapital() {
+        return registeredCapital;
+    }
+
+    public void setRegisteredCapital(BigDecimal registeredCapital) {
+        this.registeredCapital = registeredCapital;
+    }
+
     public LocalDate getContactEstablishedDate() {
         return contactEstablishedDate;
     }
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/UpdateCrmExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateCrmExpansionRequest.java
new file mode 100644
index 00000000..0b00a16b
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateCrmExpansionRequest.java
@@ -0,0 +1,229 @@
+package com.unis.crm.dto.expansion;
+
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import java.time.LocalDate;
+import java.util.ArrayList;
+import java.util.List;
+
+public class UpdateCrmExpansionRequest {
+
+    @NotBlank(message = "最终用户不能为空")
+    private String endUser;
+
+    @NotBlank(message = "代表处不能为空")
+    private String officeName;
+
+    @NotBlank(message = "行业属性不能为空")
+    private String industryAttr;
+
+    @NotBlank(message = "类型不能为空")
+    private String extensionType;
+
+    @NotNull(message = "采购时间不能为空")
+    private LocalDate purchaseDate;
+
+    @NotNull(message = "过保时间不能为空")
+    private LocalDate warrantyExpiry;
+
+    @NotBlank(message = "在线情况不能为空")
+    private String onlineStatus;
+
+    @NotEmpty(message = "请至少填写一位联系人")
+    private List<CrmExpansionContactRequest> contacts = new ArrayList<>();
+
+    /** 冗余字段：由 Service 从 contacts 第一个联系人派生，用于主表搜索/展示 */
+    private String contactName;
+    private String contactPhone;
+    private String contactTitle;
+
+    /** 进货商：下拉选中时存 id；手动输入时为空，名称存 supplierName */
+    private Long supplierId;
+
+    /** 进货商名称：下拉选中冗余存名，手动输入时存文字 */
+    private String supplierName;
+
+    /** 新华三对接人：下拉选中时存 id；手动输入时为空，名称存 h3cContactName */
+    private Long h3cContactId;
+
+    /** 新华三对接人名称：下拉选中冗余存名，手动输入时存文字 */
+    private String h3cContactName;
+
+    @NotBlank(message = "是否有扩容机会不能为空")
+    private String hasExpansionOpportunity;
+
+    /** 软件点数（整数，必填） */
+    @NotNull(message = "软件点数不能为空")
+    private Integer softwarePoints;
+
+    /** 扩容时间（可选） */
+    private LocalDate expansionTime;
+
+    /** 扩容规模（可选） */
+    private String expansionScale;
+
+    /** 是否有维保项目机会（sys_is：1是 / 0否） */
+    @NotBlank(message = "是否有维保项目机会不能为空")
+    private String hasMaintenanceOpportunity;
+
+    public String getEndUser() {
+        return endUser;
+    }
+
+    public void setEndUser(String endUser) {
+        this.endUser = endUser;
+    }
+
+    public String getOfficeName() {
+        return officeName;
+    }
+
+    public void setOfficeName(String officeName) {
+        this.officeName = officeName;
+    }
+
+    public String getIndustryAttr() {
+        return industryAttr;
+    }
+
+    public void setIndustryAttr(String industryAttr) {
+        this.industryAttr = industryAttr;
+    }
+
+    public String getExtensionType() {
+        return extensionType;
+    }
+
+    public void setExtensionType(String extensionType) {
+        this.extensionType = extensionType;
+    }
+
+    public LocalDate getPurchaseDate() {
+        return purchaseDate;
+    }
+
+    public void setPurchaseDate(LocalDate purchaseDate) {
+        this.purchaseDate = purchaseDate;
+    }
+
+    public LocalDate getWarrantyExpiry() {
+        return warrantyExpiry;
+    }
+
+    public void setWarrantyExpiry(LocalDate warrantyExpiry) {
+        this.warrantyExpiry = warrantyExpiry;
+    }
+
+    public String getOnlineStatus() {
+        return onlineStatus;
+    }
+
+    public void setOnlineStatus(String onlineStatus) {
+        this.onlineStatus = onlineStatus;
+    }
+
+    public List<CrmExpansionContactRequest> getContacts() {
+        return contacts;
+    }
+
+    public void setContacts(List<CrmExpansionContactRequest> contacts) {
+        this.contacts = contacts;
+    }
+
+    public String getContactName() {
+        return contactName;
+    }
+
+    public void setContactName(String contactName) {
+        this.contactName = contactName;
+    }
+
+    public String getContactPhone() {
+        return contactPhone;
+    }
+
+    public void setContactPhone(String contactPhone) {
+        this.contactPhone = contactPhone;
+    }
+
+    public String getContactTitle() {
+        return contactTitle;
+    }
+
+    public void setContactTitle(String contactTitle) {
+        this.contactTitle = contactTitle;
+    }
+
+    public Long getSupplierId() {
+        return supplierId;
+    }
+
+    public void setSupplierId(Long supplierId) {
+        this.supplierId = supplierId;
+    }
+
+    public String getSupplierName() {
+        return supplierName;
+    }
+
+    public void setSupplierName(String supplierName) {
+        this.supplierName = supplierName;
+    }
+
+    public Long getH3cContactId() {
+        return h3cContactId;
+    }
+
+    public void setH3cContactId(Long h3cContactId) {
+        this.h3cContactId = h3cContactId;
+    }
+
+    public String getH3cContactName() {
+        return h3cContactName;
+    }
+
+    public void setH3cContactName(String h3cContactName) {
+        this.h3cContactName = h3cContactName;
+    }
+
+    public String getHasExpansionOpportunity() {
+        return hasExpansionOpportunity;
+    }
+
+    public void setHasExpansionOpportunity(String hasExpansionOpportunity) {
+        this.hasExpansionOpportunity = hasExpansionOpportunity;
+    }
+
+    public Integer getSoftwarePoints() {
+        return softwarePoints;
+    }
+
+    public void setSoftwarePoints(Integer softwarePoints) {
+        this.softwarePoints = softwarePoints;
+    }
+
+    public LocalDate getExpansionTime() {
+        return expansionTime;
+    }
+
+    public void setExpansionTime(LocalDate expansionTime) {
+        this.expansionTime = expansionTime;
+    }
+
+    public String getExpansionScale() {
+        return expansionScale;
+    }
+
+    public void setExpansionScale(String expansionScale) {
+        this.expansionScale = expansionScale;
+    }
+
+    public String getHasMaintenanceOpportunity() {
+        return hasMaintenanceOpportunity;
+    }
+
+    public void setHasMaintenanceOpportunity(String hasMaintenanceOpportunity) {
+        this.hasMaintenanceOpportunity = hasMaintenanceOpportunity;
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/dto/expansion/UpdateSalesExpansionRequest.java b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateSalesExpansionRequest.java
index 0c062531..33cd2cb0 100644
--- a/backend/src/main/java/com/unis/crm/dto/expansion/UpdateSalesExpansionRequest.java
+++ b/backend/src/main/java/com/unis/crm/dto/expansion/UpdateSalesExpansionRequest.java
@@ -3,13 +3,25 @@ package com.unis.crm.dto.expansion;
 import jakarta.validation.constraints.NotBlank;
 import jakarta.validation.constraints.Size;
 import java.time.LocalDate;
+import java.util.List;
 
 public class UpdateSalesExpansionRequest {
 
+    /** 所属区域（省-市配对明细，多选；city 为空表示全省） */
+    private List<CoverageItemDTO> regionItems;
+
     @NotBlank(message = "工号不能为空")
     @Size(max = 50, message = "工号不能超过50字符")
     private String employeeNo;
 
+    public List<CoverageItemDTO> getRegionItems() {
+        return regionItems;
+    }
+
+    public void setRegionItems(List<CoverageItemDTO> regionItems) {
+        this.regionItems = regionItems;
+    }
+
     @NotBlank(message = "候选人姓名不能为空")
     @Size(max = 50, message = "候选人姓名不能超过50字符")
     private String candidateName;
diff --git a/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityDuplicateCheckDTO.java b/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityDuplicateCheckDTO.java
new file mode 100644
index 00000000..6381c438
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityDuplicateCheckDTO.java
@@ -0,0 +1,82 @@
+package com.unis.crm.dto.opportunity;
+
+import java.util.List;
+
+public class OpportunityDuplicateCheckDTO {
+
+    private boolean duplicate;
+    private List<Item> items;
+
+    public OpportunityDuplicateCheckDTO() {
+    }
+
+    public OpportunityDuplicateCheckDTO(boolean duplicate, List<Item> items) {
+        this.duplicate = duplicate;
+        this.items = items;
+    }
+
+    public boolean isDuplicate() {
+        return duplicate;
+    }
+
+    public void setDuplicate(boolean duplicate) {
+        this.duplicate = duplicate;
+    }
+
+    public List<Item> getItems() {
+        return items;
+    }
+
+    public void setItems(List<Item> items) {
+        this.items = items;
+    }
+
+    public static class Item {
+
+        private Long opportunityId;
+        private String opportunityCode;
+        private String opportunityName;
+        private String customerName;
+        private String stage;
+
+        public Long getOpportunityId() {
+            return opportunityId;
+        }
+
+        public void setOpportunityId(Long opportunityId) {
+            this.opportunityId = opportunityId;
+        }
+
+        public String getOpportunityCode() {
+            return opportunityCode;
+        }
+
+        public void setOpportunityCode(String opportunityCode) {
+            this.opportunityCode = opportunityCode;
+        }
+
+        public String getOpportunityName() {
+            return opportunityName;
+        }
+
+        public void setOpportunityName(String opportunityName) {
+            this.opportunityName = opportunityName;
+        }
+
+        public String getCustomerName() {
+            return customerName;
+        }
+
+        public void setCustomerName(String customerName) {
+            this.customerName = customerName;
+        }
+
+        public String getStage() {
+            return stage;
+        }
+
+        public void setStage(String stage) {
+            this.stage = stage;
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java b/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java
index ab33d9f8..05cd2dcb 100644
--- a/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java
+++ b/backend/src/main/java/com/unis/crm/dto/opportunity/OpportunityMetaDTO.java
@@ -5,6 +5,7 @@ import java.util.List;
 public class OpportunityMetaDTO {
 
     private List<OpportunityDictOptionDTO> stageOptions;
+    private List<OpportunityDictOptionDTO> allStageOptions;
     private List<OpportunityDictOptionDTO> operatorOptions;
     private List<OpportunityDictOptionDTO> projectLocationOptions;
     private List<OpportunityDictOptionDTO> projectOwnershipLocationOptions;
@@ -40,6 +41,14 @@ public class OpportunityMetaDTO {
         this.stageOptions = stageOptions;
     }
 
+    public List<OpportunityDictOptionDTO> getAllStageOptions() {
+        return allStageOptions;
+    }
+
+    public void setAllStageOptions(List<OpportunityDictOptionDTO> allStageOptions) {
+        this.allStageOptions = allStageOptions;
+    }
+
     public List<OpportunityDictOptionDTO> getOperatorOptions() {
         return operatorOptions;
     }
diff --git a/backend/src/main/java/com/unis/crm/mapper/CrmExpansionMapper.java b/backend/src/main/java/com/unis/crm/mapper/CrmExpansionMapper.java
new file mode 100644
index 00000000..5203347b
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/mapper/CrmExpansionMapper.java
@@ -0,0 +1,68 @@
+package com.unis.crm.mapper;
+
+import com.unis.crm.dto.expansion.CreateCrmExpansionRequest;
+import com.unis.crm.dto.expansion.CrmExpansionContactDTO;
+import com.unis.crm.dto.expansion.CrmExpansionContactRequest;
+import com.unis.crm.dto.expansion.CrmExpansionItemDTO;
+import com.unis.crm.dto.expansion.CrmExpansionMoveSourceDTO;
+import com.unis.crm.dto.expansion.ExpansionFollowUpDTO;
+import com.unis.crm.dto.expansion.UpdateCrmExpansionRequest;
+import java.util.List;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+import com.unisbase.annotation.DataScope;
+
+@Mapper
+public interface CrmExpansionMapper {
+
+    @DataScope(tableAlias = "crm", ownerColumn = "owner_user_id")
+    List<CrmExpansionItemDTO> selectCrmExpansions(
+            @Param("userId") Long userId,
+            @Param("keyword") String keyword,
+            @Param("limit") Integer limit);
+
+    List<CrmExpansionItemDTO> selectCrmExpansionsByOwnerUserIds(
+            @Param("ownerUserIds") List<Long> ownerUserIds,
+            @Param("keyword") String keyword,
+            @Param("limit") Integer limit);
+
+    int insertCrmExpansion(
+            @Param("userId") Long userId,
+            @Param("request") CreateCrmExpansionRequest request);
+
+    @DataScope(tableAlias = "crm", ownerColumn = "owner_user_id")
+    int updateCrmExpansion(
+            @Param("userId") Long userId,
+            @Param("id") Long id,
+            @Param("request") UpdateCrmExpansionRequest request);
+
+    @DataScope(tableAlias = "crm", ownerColumn = "owner_user_id")
+    int countOwnedCrmExpansion(
+            @Param("userId") Long userId,
+            @Param("id") Long id);
+
+    int countCrmExpansionByEndUser(@Param("endUser") String endUser);
+
+    int countCrmExpansionByEndUserExcludingId(@Param("endUser") String endUser, @Param("excludeId") Long excludeId);
+
+    List<ExpansionFollowUpDTO> selectCrmExpansionFollowUps(
+            @Param("userId") Long userId,
+            @Param("bizIds") List<Long> bizIds);
+
+    List<CrmExpansionContactDTO> selectCrmExpansionContacts(
+            @Param("userId") Long userId,
+            @Param("crmExpansionIds") List<Long> crmExpansionIds);
+
+    int insertCrmExpansionContact(
+            @Param("crmExpansionId") Long crmExpansionId,
+            @Param("sortOrder") int sortOrder,
+            @Param("contact") CrmExpansionContactRequest contact);
+
+    int deleteCrmExpansionContacts(@Param("crmExpansionId") Long crmExpansionId);
+
+    CrmExpansionMoveSourceDTO selectCrmExpansionForMove(@Param("id") Long id);
+
+    List<CrmExpansionContactDTO> selectCrmExpansionContactsForMove(@Param("crmExpansionId") Long crmExpansionId);
+
+    int deleteCrmExpansion(@Param("id") Long id);
+}
\ No newline at end of file
diff --git a/backend/src/main/java/com/unis/crm/mapper/CrmOmsDictMappingMapper.java b/backend/src/main/java/com/unis/crm/mapper/CrmOmsDictMappingMapper.java
new file mode 100644
index 00000000..04adee1a
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/mapper/CrmOmsDictMappingMapper.java
@@ -0,0 +1,24 @@
+package com.unis.crm.mapper;
+
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+
+@Mapper
+public interface CrmOmsDictMappingMapper {
+
+    /**
+     * 根据字典类型和CRM码值查询默认映射的OMS码值
+     * @param dictType 字典类型（如 sj_xmjd）
+     * @param crmValue CRM侧码值
+     * @return OMS侧码值，如果不存在则返回null
+     */
+    String selectOmsValueByCrmValue(@Param("dictType") String dictType, @Param("crmValue") String crmValue);
+
+    /**
+     * 根据字典类型和OMS码值查询映射的CRM码值
+     * @param dictType 字典类型（如 sj_xmjd）
+     * @param omsValue OMS侧码值
+     * @return CRM侧码值，如果不存在则返回null
+     */
+    String selectCrmValueByOmsValue(@Param("dictType") String dictType, @Param("omsValue") String omsValue);
+}
diff --git a/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java b/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java
index dc03fa3c..08d9cb62 100644
--- a/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java
+++ b/backend/src/main/java/com/unis/crm/mapper/ExpansionMapper.java
@@ -3,7 +3,9 @@ package com.unis.crm.mapper;
 import com.unis.crm.dto.expansion.ChannelExpansionItemDTO;
 import com.unis.crm.dto.expansion.ChannelExpansionContactDTO;
 import com.unis.crm.dto.expansion.ChannelExpansionContactRequest;
+import com.unis.crm.dto.expansion.ChannelExpansionMoveSourceDTO;
 import com.unis.crm.dto.expansion.ChannelRelatedProjectSummaryDTO;
+import com.unis.crm.dto.expansion.CoverageItemDTO;
 import com.unis.crm.dto.expansion.CreateChannelExpansionRequest;
 import com.unis.crm.dto.expansion.CreateExpansionFollowUpRequest;
 import com.unis.crm.dto.expansion.CreateSalesExpansionRequest;
@@ -94,6 +96,14 @@ public interface ExpansionMapper {
     @DataScope(tableAlias = "c", ownerColumn = "owner_user_id")
     int updateChannelExpansion(@Param("userId") Long userId, @Param("id") Long id, @Param("request") UpdateChannelExpansionRequest request);
 
+    int deleteChannelCoverage(@Param("channelId") Long channelId);
+
+    int insertChannelCoverage(@Param("channelId") Long channelId, @Param("items") List<CoverageItemDTO> items);
+
+    int deleteSalesRegion(@Param("salesExpansionId") Long salesExpansionId);
+
+    int insertSalesRegion(@Param("salesExpansionId") Long salesExpansionId, @Param("items") List<CoverageItemDTO> items);
+
     @DataScope(tableAlias = "s", ownerColumn = "owner_user_id")
     int countOwnedSalesExpansion(@Param("userId") Long userId, @Param("id") Long id);
 
@@ -105,4 +115,34 @@ public interface ExpansionMapper {
             @Param("bizId") Long bizId,
             @Param("userId") Long userId,
             @Param("request") CreateExpansionFollowUpRequest request);
+
+    ChannelExpansionMoveSourceDTO selectChannelExpansionForMove(@Param("id") Long id);
+
+    List<ChannelExpansionContactDTO> selectChannelContactsForMove(@Param("channelExpansionId") Long channelExpansionId);
+
+    int updateFollowUpBiz(
+            @Param("oldBizType") String oldBizType,
+            @Param("oldBizId") Long oldBizId,
+            @Param("newBizType") String newBizType,
+            @Param("newBizId") Long newBizId);
+
+    int updateCheckinBiz(
+            @Param("oldBizType") String oldBizType,
+            @Param("oldBizId") Long oldBizId,
+            @Param("newBizType") String newBizType,
+            @Param("newBizId") Long newBizId,
+            @Param("newBizName") String newBizName);
+
+    int updateReportMessageBiz(
+            @Param("oldBizType") String oldBizType,
+            @Param("oldBizId") Long oldBizId,
+            @Param("newBizType") String newBizType,
+            @Param("newBizId") Long newBizId,
+            @Param("newBizName") String newBizName);
+
+    int clearOpportunityChannelExpansion(@Param("channelId") Long channelId);
+
+    int clearCrmSupplierRefs(@Param("channelId") Long channelId);
+
+    int deleteChannelExpansion(@Param("id") Long id);
 }
diff --git a/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java b/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java
index 235635e3..e53968a6 100644
--- a/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java
+++ b/backend/src/main/java/com/unis/crm/mapper/OpportunityMapper.java
@@ -5,6 +5,7 @@ import com.unis.crm.dto.opportunity.CreateOpportunityRequest;
 import com.unis.crm.dto.opportunity.CurrentUserAccountDTO;
 import com.unis.crm.dto.opportunity.OpportunityCustomerSnapshotDTO;
 import com.unis.crm.dto.opportunity.OpportunityDictOptionDTO;
+import com.unis.crm.dto.opportunity.OpportunityDuplicateCheckDTO;
 import com.unis.crm.dto.opportunity.OpportunityFollowUpDTO;
 import com.unis.crm.dto.opportunity.OpportunityIntegrationTargetDTO;
 import com.unis.crm.dto.opportunity.OpportunityItemDTO;
@@ -21,6 +22,8 @@ public interface OpportunityMapper {
 
     List<OpportunityDictOptionDTO> selectDictItems(@Param("typeCode") String typeCode);
 
+    List<OpportunityDictOptionDTO> selectAllDictItems(@Param("typeCode") String typeCode);
+
     List<OpportunityDictOptionDTO> selectProvinceAreaOptions();
 
     List<OpportunityDictOptionDTO> selectProjectOwnershipLocationOptions();
@@ -31,6 +34,13 @@ public interface OpportunityMapper {
             @Param("typeCode") String typeCode,
             @Param("itemValue") String itemValue);
 
+    /**
+     * 忽略状态查询字典标签，用于已签约商机等需要保留历史数据的场景
+     */
+    String selectDictLabelIgnoreStatus(
+            @Param("typeCode") String typeCode,
+            @Param("itemValue") String itemValue);
+
     String selectDictValueByLabel(
             @Param("typeCode") String typeCode,
             @Param("itemLabel") String itemLabel);
@@ -129,6 +139,11 @@ public interface OpportunityMapper {
     OpportunityIntegrationTargetDTO selectOpportunityIntegrationTarget(
             @Param("opportunityCode") String opportunityCode);
 
+    List<OpportunityDuplicateCheckDTO.Item> selectDuplicateOpportunities(
+            @Param("name") String name,
+            @Param("excludeId") Long excludeId,
+            @Param("excludeStageCodes") List<String> excludeStageCodes);
+
     int updateOpportunityByIntegration(
             @Param("opportunityId") Long opportunityId,
             @Param("request") UpdateOpportunityIntegrationRequest request);
diff --git a/backend/src/main/java/com/unis/crm/service/CrmOmsDictMappingService.java b/backend/src/main/java/com/unis/crm/service/CrmOmsDictMappingService.java
new file mode 100644
index 00000000..2725220f
--- /dev/null
+++ b/backend/src/main/java/com/unis/crm/service/CrmOmsDictMappingService.java
@@ -0,0 +1,79 @@
+package com.unis.crm.service;
+
+import com.unis.crm.common.BusinessException;
+import com.unis.crm.mapper.CrmOmsDictMappingMapper;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.stereotype.Service;
+
+@Service
+public class CrmOmsDictMappingService {
+
+    private static final Logger log = LoggerFactory.getLogger(CrmOmsDictMappingService.class);
+
+    private final CrmOmsDictMappingMapper mappingMapper;
+
+    public CrmOmsDictMappingService(CrmOmsDictMappingMapper mappingMapper) {
+        this.mappingMapper = mappingMapper;
+    }
+
+    /**
+     * 根据字典类型和CRM码值获取对应的OMS默认码值
+     * @param dictType 字典类型
+     * @param crmValue CRM码值
+     * @return OMS码值，如果找不到映射返回null
+     */
+    public String getOmsValue(String dictType, String crmValue) {
+        if (dictType == null || crmValue == null) {
+            return null;
+        }
+        return mappingMapper.selectOmsValueByCrmValue(dictType, crmValue);
+    }
+
+    /**
+     * 根据字典类型和OMS码值获取对应的CRM码值
+     * @param dictType 字典类型
+     * @param omsValue OMS码值
+     * @return CRM码值，如果找不到映射返回null
+     */
+    public String getCrmValue(String dictType, String omsValue) {
+        if (dictType == null || omsValue == null) {
+            return null;
+        }
+        return mappingMapper.selectCrmValueByOmsValue(dictType, omsValue);
+    }
+
+    /**
+     * 将项目阶段(sj_xmjd)的CRM码值转换为OMS码值
+     * @param crmStageValue CRM阶段码值 (e.g., S3)
+     * @return OMS阶段码值 (e.g., S4A)，映射表未配置时透传原值并告警日志
+     */
+    public String mapStageToOms(String crmStageValue) {
+        if (crmStageValue == null) {
+            return null;
+        }
+        String omsValue = getOmsValue("sj_xmjd", crmStageValue);
+        if (omsValue == null) {
+            // 降级处理：未配置映射时按原值透传并告警，避免阻断新增商机/推送
+            log.warn("项目阶段【{}】未在 crm_oms_dict_mapping 映射表中配置，已按原值透传推送", crmStageValue);
+            return crmStageValue;
+        }
+        return omsValue;
+    }
+
+    /**
+     * 将项目阶段(sj_xmjd)的OMS码值转换为CRM码值
+     * @param omsStageValue OMS阶段码值 (e.g., S4A)
+     * @return CRM阶段码值 (e.g., S3)，映射表未配置时抛出异常
+     */
+    public String mapStageToCrm(String omsStageValue) {
+        if (omsStageValue == null) {
+            return null;
+        }
+        String crmValue = getCrmValue("sj_xmjd", omsStageValue);
+        if (crmValue == null) {
+            throw new BusinessException("OMS 反写的项目阶段【" + omsStageValue + "】未在 crm_oms_dict_mapping 映射表中配置，请先在映射表中维护后再反写");
+        }
+        return crmValue;
+    }
+}
diff --git a/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java b/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java
index 6ff73b04..7fda11d2 100644
--- a/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java
+++ b/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java
@@ -205,7 +205,97 @@ public class DashboardAnalyticsConfigService {
         if (tenantId == null || tenantId <= 0 || currentUserId == null || currentUserId <= 0) {
             return disabledPanel();
         }
-        return buildPanel(tenantId, currentUserId, false);
+        DashboardAnalyticsConfigDTO config = loadConfig(tenantId);
+        DashboardAnalyticsPanelDTO panel = new DashboardAnalyticsPanelDTO();
+        panel.setEnabled(config.getEnabled());
+        panel.setTitle(config.getTitle());
+        panel.setSubtitle(config.getSubtitle());
+        panel.setEmptyStateText(config.getEmptyStateText());
+        panel.setCards(Boolean.TRUE.equals(config.getEnabled())
+                ? buildPanelStructure(config)
+                : List.of());
+        return panel;
+    }
+
+    public List<DashboardAnalyticsCardDTO> getDashboardCardData(Long currentUserId, List<String> cardKeys) {
+        Long tenantId = tenantProvider.getCurrentTenantId();
+        if (tenantId == null || tenantId <= 0 || currentUserId == null || currentUserId <= 0) {
+            return List.of();
+        }
+        if (cardKeys == null || cardKeys.isEmpty()) {
+            return List.of();
+        }
+        Set<String> requestedKeys = new LinkedHashSet<>(cardKeys);
+        DashboardAnalyticsConfigDTO config = loadConfig(tenantId);
+        List<DashboardAnalyticsCardDTO> cards = new ArrayList<>();
+        for (DashboardAnalyticsCardConfigDTO cardConfig : config.getCards()) {
+            if (!requestedKeys.contains(cardConfig.getCardKey())) {
+                continue;
+            }
+            if (!Boolean.TRUE.equals(cardConfig.getEnabled()) || !isSupportedStoredCard(cardConfig)) {
+                continue;
+            }
+            try {
+                cards.add(executeCard(tenantId, currentUserId, cardConfig, true, null));
+            } catch (Exception exception) {
+                log.warn("Failed to execute dashboard analytics card {} for tenant {}", cardConfig.getCardKey(), tenantId, exception);
+                cards.add(buildErrorCard(cardConfig, exception));
+            }
+        }
+        return cards;
+    }
+
+    private List<DashboardAnalyticsCardDTO> buildPanelStructure(DashboardAnalyticsConfigDTO config) {
+        List<DashboardAnalyticsCardDTO> cards = new ArrayList<>();
+        for (DashboardAnalyticsCardConfigDTO cardConfig : config.getCards()) {
+            if (!Boolean.TRUE.equals(cardConfig.getEnabled()) || !isSupportedStoredCard(cardConfig)) {
+                continue;
+            }
+            DashboardAnalyticsCardDTO dto = new DashboardAnalyticsCardDTO();
+            dto.setId(cardConfig.getId());
+            dto.setCardKey(cardConfig.getCardKey());
+            dto.setGroupName(cardConfig.getGroupName());
+            dto.setTitle(cardConfig.getTitle());
+            dto.setSubtitle(cardConfig.getSubtitle());
+            dto.setRenderType(normalizeRenderType(cardConfig.getRenderType()));
+            dto.setValueType(cardConfig.getValueType());
+            dto.setUnit(cardConfig.getUnit());
+            dto.setDisplayTextConfig(cardConfig.getDisplayTextConfig());
+            dto.setLinkPath(cardConfig.getLinkPath());
+            dto.setLayoutType(cardConfig.getLayoutType());
+            dto.setFullRow(cardConfig.getFullRow());
+            dto.setSortOrder(cardConfig.getSortOrder());
+            dto.setDataLoaded(false);
+            dto.setHasMore(false);
+            dto.setTotalCount(0);
+            dto.setChartData(List.of());
+            cards.add(dto);
+        }
+        return cards;
+    }
+
+    private DashboardAnalyticsCardDTO buildErrorCard(DashboardAnalyticsCardConfigDTO cardConfig, Exception exception) {
+        DashboardAnalyticsCardDTO failed = new DashboardAnalyticsCardDTO();
+        failed.setId(cardConfig.getId());
+        failed.setCardKey(cardConfig.getCardKey());
+        failed.setTitle(cardConfig.getTitle());
+        failed.setSubtitle(cardConfig.getSubtitle());
+        failed.setRenderType(normalizeRenderType(cardConfig.getRenderType()));
+        failed.setValue("0");
+        failed.setValueText("查询失败");
+        failed.setValueType(cardConfig.getValueType());
+        failed.setUnit(cardConfig.getUnit());
+        failed.setDisplayTextConfig(cardConfig.getDisplayTextConfig());
+        failed.setLinkPath(cardConfig.getLinkPath());
+        failed.setLayoutType(cardConfig.getLayoutType());
+        failed.setFullRow(cardConfig.getFullRow());
+        failed.setSortOrder(cardConfig.getSortOrder());
+        failed.setDataLoaded(true);
+        failed.setErrorMessage(exception.getMessage());
+        failed.setHasMore(false);
+        failed.setTotalCount(0);
+        failed.setChartData(List.of());
+        return failed;
     }
 
     public DashboardAnalyticsCardDTO previewCard(Long tenantId, String cardKey, String dimension) {
@@ -322,6 +412,7 @@ public class DashboardAnalyticsConfigService {
         dto.setLayoutType(config.getLayoutType());
         dto.setFullRow(config.getFullRow());
         dto.setSortOrder(config.getSortOrder());
+        dto.setDataLoaded(true);
         if ("metric".equals(renderType)) {
             Object valueObject = readValue(row, config.getValueField(), "value");
             Object descriptionObject = readValue(row, config.getDescriptionField(), "description");
diff --git a/backend/src/main/java/com/unis/crm/service/DashboardService.java b/backend/src/main/java/com/unis/crm/service/DashboardService.java
index ac04ceb5..ae8b8bf3 100644
--- a/backend/src/main/java/com/unis/crm/service/DashboardService.java
+++ b/backend/src/main/java/com/unis/crm/service/DashboardService.java
@@ -2,6 +2,7 @@ package com.unis.crm.service;
 
 import com.unis.crm.dto.dashboard.DashboardAnalyticsCardDTO;
 import com.unis.crm.dto.dashboard.DashboardHomeDTO;
+import java.util.List;
 
 public interface DashboardService {
 
@@ -12,4 +13,6 @@ public interface DashboardService {
     void readMessage(Long userId, Long messageId);
 
     DashboardAnalyticsCardDTO getAnalyticsCardDetail(Long userId, String cardKey, String dimension);
+
+    List<DashboardAnalyticsCardDTO> getAnalyticsCardData(Long userId, List<String> cardKeys);
 }
diff --git a/backend/src/main/java/com/unis/crm/service/ExpansionService.java b/backend/src/main/java/com/unis/crm/service/ExpansionService.java
index 15f96d9f..98194bed 100644
--- a/backend/src/main/java/com/unis/crm/service/ExpansionService.java
+++ b/backend/src/main/java/com/unis/crm/service/ExpansionService.java
@@ -1,13 +1,17 @@
 package com.unis.crm.service;
 
 import com.unis.crm.dto.expansion.CreateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.CreateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.CreateExpansionFollowUpRequest;
 import com.unis.crm.dto.expansion.CreateSalesExpansionRequest;
 import com.unis.crm.dto.expansion.DictOptionDTO;
 import com.unis.crm.dto.expansion.ExpansionDuplicateCheckDTO;
 import com.unis.crm.dto.expansion.ExpansionMetaDTO;
 import com.unis.crm.dto.expansion.ExpansionOverviewDTO;
+import com.unis.crm.dto.expansion.MoveChannelToCrmRequest;
+import com.unis.crm.dto.expansion.MoveCrmToChannelRequest;
 import com.unis.crm.dto.expansion.UpdateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.UpdateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.UpdateSalesExpansionRequest;
 import java.util.List;
 
@@ -29,6 +33,8 @@ public interface ExpansionService {
 
     ExpansionDuplicateCheckDTO checkChannelNameDuplicate(Long userId, String channelName, Long excludeId);
 
+    ExpansionDuplicateCheckDTO checkCrmEndUserDuplicate(Long userId, String endUser, Long excludeId);
+
     Long createSalesExpansion(Long userId, CreateSalesExpansionRequest request);
 
     Long createChannelExpansion(Long userId, CreateChannelExpansionRequest request);
@@ -38,4 +44,14 @@ public interface ExpansionService {
     void updateChannelExpansion(Long userId, Long id, UpdateChannelExpansionRequest request);
 
     Long createFollowUp(Long userId, String bizType, Long bizId, CreateExpansionFollowUpRequest request);
+
+    ExpansionOverviewDTO getCrmOverview(Long userId, String keyword, boolean includeDetails, Integer limit);
+
+    Long createCrmExpansion(Long userId, CreateCrmExpansionRequest request);
+
+    void updateCrmExpansion(Long userId, Long id, UpdateCrmExpansionRequest request);
+
+    Long moveChannelToCrm(Long userId, Long channelId, MoveChannelToCrmRequest request);
+
+    Long moveCrmToChannel(Long userId, Long crmId, MoveCrmToChannelRequest request);
 }
diff --git a/backend/src/main/java/com/unis/crm/service/OmsClient.java b/backend/src/main/java/com/unis/crm/service/OmsClient.java
index ebc70a26..095a5285 100644
--- a/backend/src/main/java/com/unis/crm/service/OmsClient.java
+++ b/backend/src/main/java/com/unis/crm/service/OmsClient.java
@@ -42,10 +42,12 @@ public class OmsClient {
     private final OmsProperties omsProperties;
     private final ObjectMapper objectMapper;
     private final HttpClient httpClient;
+    private final CrmOmsDictMappingService dictMappingService;
 
-    public OmsClient(OmsProperties omsProperties, ObjectMapper objectMapper) {
+    public OmsClient(OmsProperties omsProperties, ObjectMapper objectMapper, CrmOmsDictMappingService dictMappingService) {
         this.omsProperties = omsProperties;
         this.objectMapper = objectMapper;
+        this.dictMappingService = dictMappingService;
         this.httpClient = HttpClient.newBuilder()
                 .connectTimeout(Duration.ofSeconds(Math.max(1, omsProperties.getConnectTimeoutSeconds())))
                 .build();
@@ -113,7 +115,9 @@ public class OmsClient {
         payload.put("estimatedAmount", decimalText(opportunity.getAmount()));
         payload.put("estimatedOrderTime", opportunity.getExpectedCloseDate());
         payload.put("projectGraspDegree", mapProjectGraspDegree(opportunity.getConfidencePct()));
-        payload.put("projectStage", opportunity.getStage());
+        // 转换项目阶段为OMS码值
+        String omsStage = dictMappingService.mapStageToOms(opportunity.getStage());
+        payload.put("projectStage", omsStage);
         payload.put("competitorList", splitMultiValue(opportunity.getCompetitorName()));
         payload.put("hzSupportUser", longText(opportunity.getPreSalesId()));
         payload.put("createBy", defaultText(createBy, ""));
diff --git a/backend/src/main/java/com/unis/crm/service/OpportunityService.java b/backend/src/main/java/com/unis/crm/service/OpportunityService.java
index abdc8127..8ba58797 100644
--- a/backend/src/main/java/com/unis/crm/service/OpportunityService.java
+++ b/backend/src/main/java/com/unis/crm/service/OpportunityService.java
@@ -3,6 +3,7 @@ package com.unis.crm.service;
 import com.unis.crm.dto.opportunity.CreateOpportunityFollowUpRequest;
 import com.unis.crm.dto.opportunity.CreateOpportunityRequest;
 import com.unis.crm.dto.opportunity.OmsPreSalesOptionDTO;
+import com.unis.crm.dto.opportunity.OpportunityDuplicateCheckDTO;
 import com.unis.crm.dto.opportunity.OpportunityItemDTO;
 import com.unis.crm.dto.opportunity.OpportunityMetaDTO;
 import com.unis.crm.dto.opportunity.OpportunityOverviewDTO;
@@ -26,6 +27,8 @@ public interface OpportunityService {
 
     OpportunityItemDTO getDetail(Long userId, Long opportunityId);
 
+    OpportunityDuplicateCheckDTO checkDuplicateOpportunity(Long userId, String name, Long excludeId, List<String> excludeStageCodes);
+
     List<OmsPreSalesOptionDTO> getOmsPreSalesOptions(Long userId);
 
     Long createOpportunity(Long userId, CreateOpportunityRequest request);
diff --git a/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java b/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java
index fc3c9ba6..21875cc5 100644
--- a/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java
+++ b/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java
@@ -146,13 +146,9 @@ public class DashboardServiceImpl implements DashboardService {
         try {
             return dashboardAnalyticsConfigService.getDashboardCardDetail(userId, cardKey, dimension);
         } catch (Exception exception) {
-            DashboardAnalyticsPanelDTO panel = dashboardAnalyticsConfigService.getDashboardPanel(userId);
-            DashboardAnalyticsCardDTO fallbackCard = panel.getCards() == null
-                    ? null
-                    : panel.getCards().stream()
-                            .filter(item -> item != null && cardKey != null && cardKey.equals(item.getCardKey()))
-                            .findFirst()
-                            .orElse(null);
+            List<DashboardAnalyticsCardDTO> fallbackCards = dashboardAnalyticsConfigService.getDashboardCardData(
+                    userId, cardKey == null ? List.of() : List.of(cardKey));
+            DashboardAnalyticsCardDTO fallbackCard = fallbackCards.isEmpty() ? null : fallbackCards.get(0);
             if (fallbackCard != null) {
                 return fallbackCard;
             }
@@ -160,6 +156,18 @@ public class DashboardServiceImpl implements DashboardService {
         }
     }
 
+    @Override
+    public List<DashboardAnalyticsCardDTO> getAnalyticsCardData(Long userId, List<String> cardKeys) {
+        if (userId == null) {
+            throw new UnauthorizedException("未获取到当前登录用户，禁止查询他人数据");
+        }
+        Set<String> permissionCodes = loadPermissionCodes(userId);
+        if (!permissionCodes.contains(DASHBOARD_ANALYTICS_CARD_VIEW_PERMISSION)) {
+            throw new UnauthorizedException("无权查看经营分析卡片详情");
+        }
+        return dashboardAnalyticsConfigService.getDashboardCardData(userId, cardKeys);
+    }
+
     private Set<String> loadPermissionCodes(Long userId) {
         try {
             Long tenantId = tenantProvider.getCurrentTenantId();
diff --git a/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java b/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java
index 1d71e521..52a31ea3 100644
--- a/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java
+++ b/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java
@@ -3,20 +3,32 @@ package com.unis.crm.service.impl;
 import com.unis.crm.common.BusinessException;
 import com.unis.crm.common.UnauthorizedException;
 import com.unis.crm.dto.expansion.ChannelExpansionItemDTO;
+import com.unis.crm.dto.expansion.ChannelExpansionContactDTO;
 import com.unis.crm.dto.expansion.ChannelExpansionContactRequest;
+import com.unis.crm.dto.expansion.ChannelExpansionMoveSourceDTO;
 import com.unis.crm.dto.expansion.ChannelRelatedProjectSummaryDTO;
+import com.unis.crm.dto.expansion.CoverageItemDTO;
 import com.unis.crm.dto.expansion.CreateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.CreateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.CreateExpansionFollowUpRequest;
 import com.unis.crm.dto.expansion.CreateSalesExpansionRequest;
+import com.unis.crm.dto.expansion.CrmExpansionContactDTO;
+import com.unis.crm.dto.expansion.CrmExpansionContactRequest;
+import com.unis.crm.dto.expansion.CrmExpansionItemDTO;
+import com.unis.crm.dto.expansion.CrmExpansionMoveSourceDTO;
 import com.unis.crm.dto.expansion.DictOptionDTO;
 import com.unis.crm.dto.expansion.ExpansionDuplicateCheckDTO;
 import com.unis.crm.dto.expansion.ExpansionMetaDTO;
 import com.unis.crm.dto.expansion.ExpansionFollowUpDTO;
 import com.unis.crm.dto.expansion.ExpansionOverviewDTO;
+import com.unis.crm.dto.expansion.MoveChannelToCrmRequest;
+import com.unis.crm.dto.expansion.MoveCrmToChannelRequest;
 import com.unis.crm.dto.expansion.RelatedProjectSummaryDTO;
 import com.unis.crm.dto.expansion.SalesExpansionItemDTO;
 import com.unis.crm.dto.expansion.UpdateChannelExpansionRequest;
+import com.unis.crm.dto.expansion.UpdateCrmExpansionRequest;
 import com.unis.crm.dto.expansion.UpdateSalesExpansionRequest;
+import com.unis.crm.mapper.CrmExpansionMapper;
 import com.unis.crm.mapper.ExpansionMapper;
 import com.unis.crm.service.CrmDataVisibilityService;
 import com.unis.crm.service.CrmDataVisibilityService.DataVisibility;
@@ -37,6 +49,7 @@ import java.util.ArrayList;
 import java.util.stream.Collectors;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
+import org.springframework.dao.DuplicateKeyException;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
@@ -46,27 +59,34 @@ public class ExpansionServiceImpl implements ExpansionService {
     private static final int OPPORTUNITY_FORM_DEFAULT_LIMIT = 20;
     private static final String SALES_DUPLICATE_MESSAGE = "工号重复，请确认该人员是否已存在！";
     private static final String CHANNEL_DUPLICATE_MESSAGE = "渠道重复，请确认该渠道是否已存在！";
+    private static final String CRM_DUPLICATE_MESSAGE = "最终用户重复，请确认该客户是否已存在！";
     private static final String OFFICE_TYPE_CODE = "tz_bsc";
     private static final String INDUSTRY_TYPE_CODE = "tz_sshy";
     private static final String CERTIFICATION_LEVEL_TYPE_CODE = "tz_rzjb";
     private static final String CHANNEL_ATTRIBUTE_TYPE_CODE = "tz_qdsx";
     private static final String INTERNAL_ATTRIBUTE_TYPE_CODE = "tz_xhsnbsx";
+    private static final String CRM_EXTENSION_TYPE_CODE = "crm_extension_type";
+    private static final String ONLINE_STATUS_TYPE_CODE = "crm_online_status";
+    private static final String IS_TYPE_CODE = "sys_is";
     private static final String CREATE_PERMISSION = "expansion:create";
     private static final String MULTI_VALUE_CUSTOM_PREFIX = "__custom__:";
     private static final DateTimeFormatter FOLLOW_UP_TIME_FORMATTER = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm");
     private static final Logger log = LoggerFactory.getLogger(ExpansionServiceImpl.class);
 
     private final ExpansionMapper expansionMapper;
+    private final CrmExpansionMapper crmExpansionMapper;
     private final SpringSecurityTenantProvider tenantProvider;
     private final PermissionService permissionService;
     private final CrmDataVisibilityService crmDataVisibilityService;
 
     public ExpansionServiceImpl(
             ExpansionMapper expansionMapper,
+            CrmExpansionMapper crmExpansionMapper,
             SpringSecurityTenantProvider tenantProvider,
             PermissionService permissionService,
             CrmDataVisibilityService crmDataVisibilityService) {
         this.expansionMapper = expansionMapper;
+        this.crmExpansionMapper = crmExpansionMapper;
         this.tenantProvider = tenantProvider;
         this.permissionService = permissionService;
         this.crmDataVisibilityService = crmDataVisibilityService;
@@ -82,7 +102,10 @@ public class ExpansionServiceImpl implements ExpansionService {
                     loadDictOptions(CERTIFICATION_LEVEL_TYPE_CODE),
                     loadDictOptions(CHANNEL_ATTRIBUTE_TYPE_CODE),
                     loadDictOptions(INTERNAL_ATTRIBUTE_TYPE_CODE),
-                    expansionMapper.selectNextChannelCode());
+                    expansionMapper.selectNextChannelCode(),
+                    loadDictOptions(CRM_EXTENSION_TYPE_CODE),
+                    loadDictOptions(ONLINE_STATUS_TYPE_CODE),
+                    loadDictOptions(IS_TYPE_CODE));
         } catch (Exception ex) {
             log.warn("Failed to load expansion dict options, fallback to empty list", ex);
             return new ExpansionMetaDTO(
@@ -92,7 +115,10 @@ public class ExpansionServiceImpl implements ExpansionService {
                     Collections.emptyList(),
                     Collections.emptyList(),
                     Collections.emptyList(),
-                    null);
+                    null,
+                    Collections.emptyList(),
+                    Collections.emptyList(),
+                    Collections.emptyList());
         }
     }
 
@@ -210,11 +236,21 @@ public class ExpansionServiceImpl implements ExpansionService {
         if (userId == null || userId <= 0) {
             throw new BusinessException("登录用户不存在");
         }
-        Long tenantId = requireTenantId();
         String normalizedKeyword = normalizeKeyword(keyword);
         int normalizedLimit = normalizeOpportunityFormLimit(limit);
-        List<SalesExpansionItemDTO> salesItems = expansionMapper.selectSalesExpansionsForTenant(tenantId, normalizedKeyword, normalizedLimit);
-        List<ChannelExpansionItemDTO> channelItems = expansionMapper.selectChannelExpansionsForTenant(tenantId, normalizedKeyword, normalizedLimit);
+        List<Long> extraVisibleOwnerUserIds = resolveExtraVisibleOwnerUserIds(userId);
+        List<SalesExpansionItemDTO> salesItems = mergeSalesExpansionItems(
+                expansionMapper.selectSalesExpansions(userId, normalizedKeyword, normalizedLimit),
+                extraVisibleOwnerUserIds.isEmpty()
+                        ? List.of()
+                        : expansionMapper.selectSalesExpansionsByOwnerUserIds(extraVisibleOwnerUserIds, normalizedKeyword, normalizedLimit));
+        List<ChannelExpansionItemDTO> channelItems = mergeChannelExpansionItems(
+                expansionMapper.selectChannelExpansions(userId, normalizedKeyword, normalizedLimit),
+                extraVisibleOwnerUserIds.isEmpty()
+                        ? List.of()
+                        : expansionMapper.selectChannelExpansionsByOwnerUserIds(extraVisibleOwnerUserIds, normalizedKeyword, normalizedLimit));
+        salesItems = new ArrayList<>(salesItems.subList(0, Math.min(normalizedLimit, salesItems.size())));
+        channelItems = new ArrayList<>(channelItems.subList(0, Math.min(normalizedLimit, channelItems.size())));
         return new ExpansionOverviewDTO(salesItems, channelItems);
     }
 
@@ -245,14 +281,33 @@ public class ExpansionServiceImpl implements ExpansionService {
     }
 
     @Override
+    public ExpansionDuplicateCheckDTO checkCrmEndUserDuplicate(Long userId, String endUser, Long excludeId) {
+        String normalizedEndUser = trimToNull(endUser);
+        if (normalizedEndUser == null) {
+            return new ExpansionDuplicateCheckDTO(false, null);
+        }
+
+        int count = excludeId == null
+                ? crmExpansionMapper.countCrmExpansionByEndUser(normalizedEndUser)
+                : crmExpansionMapper.countCrmExpansionByEndUserExcludingId(normalizedEndUser, excludeId);
+        return new ExpansionDuplicateCheckDTO(count > 0, count > 0 ? CRM_DUPLICATE_MESSAGE : null);
+    }
+
+    @Override
+    @Transactional
     public Long createSalesExpansion(Long userId, CreateSalesExpansionRequest request) {
         requirePermission(CREATE_PERMISSION, "无权新增拓展");
         fillSalesDefaults(request);
         ensureUniqueEmployeeNo(userId, request.getEmployeeNo(), null);
-        expansionMapper.insertSalesExpansion(userId, request);
+        try {
+            expansionMapper.insertSalesExpansion(userId, request);
+        } catch (DuplicateKeyException e) {
+            throw new BusinessException(SALES_DUPLICATE_MESSAGE);
+        }
         if (request.getId() == null) {
             throw new BusinessException("销售拓展新增失败");
         }
+        replaceSalesRegion(request.getId(), request.getRegionItems());
         return request.getId();
     }
 
@@ -262,32 +317,204 @@ public class ExpansionServiceImpl implements ExpansionService {
         requirePermission(CREATE_PERMISSION, "无权新增拓展");
         fillChannelDefaults(request);
         ensureUniqueChannelName(userId, request.getChannelName(), null);
-        expansionMapper.insertChannelExpansion(userId, request);
+        try {
+            expansionMapper.insertChannelExpansion(userId, request);
+        } catch (DuplicateKeyException e) {
+            throw new BusinessException(CHANNEL_DUPLICATE_MESSAGE);
+        }
         if (request.getId() == null) {
             throw new BusinessException("渠道拓展新增失败");
         }
         replaceChannelContacts(request.getId(), request.getContacts());
+        replaceChannelCoverage(request.getId(), request.getCoverageItems());
         return request.getId();
     }
 
     @Override
+    @Transactional
     public void updateSalesExpansion(Long userId, Long id, UpdateSalesExpansionRequest request) {
         fillSalesDefaults(request);
+        ensureUniqueEmployeeNo(userId, request.getEmployeeNo(), id);
         int updated = expansionMapper.updateSalesExpansion(userId, id, request);
         if (updated <= 0) {
             throw new BusinessException("未找到可编辑的销售拓展记录");
         }
+        replaceSalesRegion(id, request.getRegionItems());
     }
 
     @Override
     @Transactional
     public void updateChannelExpansion(Long userId, Long id, UpdateChannelExpansionRequest request) {
         fillChannelDefaults(request);
+        ensureUniqueChannelName(userId, request.getChannelName(), id);
         int updated = expansionMapper.updateChannelExpansion(userId, id, request);
         if (updated <= 0) {
             throw new BusinessException("未找到可编辑的渠道拓展记录");
         }
         replaceChannelContacts(id, request.getContacts());
+        replaceChannelCoverage(id, request.getCoverageItems());
+    }
+
+    @Override
+    public ExpansionOverviewDTO getCrmOverview(Long userId, String keyword, boolean includeDetails, Integer limit) {
+        String normalizedKeyword = normalizeKeyword(keyword);
+        Integer normalizedLimit = limit != null && limit > 0 ? limit : null;
+        List<Long> extraVisibleOwnerUserIds = resolveExtraVisibleOwnerUserIds(userId);
+        List<CrmExpansionItemDTO> items = mergeCrmExpansionItems(
+                crmExpansionMapper.selectCrmExpansions(userId, normalizedKeyword, normalizedLimit),
+                extraVisibleOwnerUserIds.isEmpty()
+                        ? List.of()
+                        : crmExpansionMapper.selectCrmExpansionsByOwnerUserIds(extraVisibleOwnerUserIds, normalizedKeyword, normalizedLimit));
+
+        if (normalizedLimit != null) {
+            items = new ArrayList<>(items.subList(0, Math.min(normalizedLimit, items.size())));
+        }
+
+        if (includeDetails) {
+            attachCrmExpansionFollowUps(userId, items);
+        }
+        attachCrmExpansionContacts(userId, items);
+        fillCrmDisplayFields(items);
+
+        return new ExpansionOverviewDTO(items);
+    }
+
+    @Override
+    @Transactional
+    public Long createCrmExpansion(Long userId, CreateCrmExpansionRequest request) {
+        requirePermission(CREATE_PERMISSION, "无权新增拓展");
+        fillCrmDefaults(request);
+        ensureUniqueEndUser(userId, request.getEndUser(), null);
+        try {
+            crmExpansionMapper.insertCrmExpansion(userId, request);
+        } catch (DuplicateKeyException e) {
+            throw new BusinessException(CRM_DUPLICATE_MESSAGE);
+        }
+        if (request.getId() == null) {
+            throw new BusinessException("CRM拓展新增失败");
+        }
+        replaceCrmExpansionContacts(request.getId(), request.getContacts());
+        return request.getId();
+    }
+
+    @Override
+    @Transactional
+    public void updateCrmExpansion(Long userId, Long id, UpdateCrmExpansionRequest request) {
+        fillCrmDefaults(request);
+        ensureUniqueEndUser(userId, request.getEndUser(), id);
+        int updated = crmExpansionMapper.updateCrmExpansion(userId, id, request);
+        if (updated <= 0) {
+            throw new BusinessException("未找到可编辑的CRM拓展记录");
+        }
+        replaceCrmExpansionContacts(id, request.getContacts());
+    }
+
+    @Override
+    @Transactional
+    public Long moveChannelToCrm(Long userId, Long channelId, MoveChannelToCrmRequest request) {
+        requirePermission(CREATE_PERMISSION, "无权新增拓展");
+        ChannelExpansionMoveSourceDTO source = expansionMapper.selectChannelExpansionForMove(channelId);
+        if (source == null) {
+            throw new BusinessException("记录不存在或已被迁移");
+        }
+        if (!Objects.equals(source.getOwnerUserId(), userId)) {
+            throw new BusinessException("无权操作该拓展记录");
+        }
+        if (request.getSupplierId() != null && Objects.equals(request.getSupplierId(), channelId)) {
+            throw new BusinessException("进货商不能选择被迁移的渠道本身");
+        }
+        CreateCrmExpansionRequest target = new CreateCrmExpansionRequest();
+        target.setEndUser(source.getName());
+        target.setOfficeName(resolveCrmOfficeName(request.getOfficeName(), source.getProvince()));
+        target.setIndustryAttr(source.getChannelIndustry());
+        target.setExtensionType(request.getExtensionType());
+        target.setPurchaseDate(request.getPurchaseDate());
+        target.setWarrantyExpiry(request.getWarrantyExpiry());
+        target.setOnlineStatus(request.getOnlineStatus());
+        target.setSupplierId(request.getSupplierId());
+        target.setSupplierName(request.getSupplierName());
+        target.setH3cContactId(request.getH3cContactId());
+        target.setH3cContactName(request.getH3cContactName());
+        target.setHasExpansionOpportunity(request.getHasExpansionOpportunity());
+        target.setSoftwarePoints(request.getSoftwarePoints());
+        target.setExpansionTime(request.getExpansionTime());
+        target.setExpansionScale(request.getExpansionScale());
+        target.setHasMaintenanceOpportunity(request.getHasMaintenanceOpportunity());
+        target.setRemark(source.getRemark());
+        List<CrmExpansionContactRequest> requestedContacts = request.getContacts();
+        List<CrmExpansionContactRequest> sourceContacts = toCrmContactRequests(expansionMapper.selectChannelContactsForMove(channelId));
+        target.setContacts((requestedContacts != null && !requestedContacts.isEmpty()) ? requestedContacts : sourceContacts);
+        fillCrmDefaults(target);
+        ensureUniqueEndUser(userId, target.getEndUser(), null);
+        crmExpansionMapper.insertCrmExpansion(userId, target);
+        if (target.getId() == null) {
+            throw new BusinessException("CRM拓展新增失败");
+        }
+        replaceCrmExpansionContacts(target.getId(), target.getContacts());
+        Long newId = target.getId();
+        String newName = target.getEndUser();
+        expansionMapper.updateFollowUpBiz("channel", channelId, "crm", newId);
+        expansionMapper.updateCheckinBiz("channel", channelId, "crm", newId, newName);
+        expansionMapper.updateReportMessageBiz("channel", channelId, "crm", newId, newName);
+        expansionMapper.clearOpportunityChannelExpansion(channelId);
+        expansionMapper.clearCrmSupplierRefs(channelId);
+        expansionMapper.deleteChannelExpansion(channelId);
+        return newId;
+    }
+
+    @Override
+    @Transactional
+    public Long moveCrmToChannel(Long userId, Long crmId, MoveCrmToChannelRequest request) {
+        requirePermission(CREATE_PERMISSION, "无权新增拓展");
+        CrmExpansionMoveSourceDTO source = crmExpansionMapper.selectCrmExpansionForMove(crmId);
+        if (source == null) {
+            throw new BusinessException("记录不存在或已被迁移");
+        }
+        if (!Objects.equals(source.getOwnerUserId(), userId)) {
+            throw new BusinessException("无权操作该拓展记录");
+        }
+        CreateChannelExpansionRequest target = new CreateChannelExpansionRequest();
+        target.setChannelName(source.getEndUser());
+        // 省份：优先取迁移弹窗用户选择的省份（可手改）；为空时由代表处反查字典 label 兜底
+        String targetProvince = trimToNull(request.getProvince());
+        target.setProvince(targetProvince != null ? targetProvince : resolveChannelProvince(source.getOfficeName()));
+        target.setCity(request.getCity());
+        target.setOfficeAddress(request.getOfficeAddress());
+        target.setChannelIndustry(source.getIndustryAttr());
+        target.setCertificationLevel(request.getCertificationLevel());
+        target.setAnnualRevenue(request.getAnnualRevenue());
+        target.setStaffSize(request.getStaffSize());
+        target.setRegisteredCapital(request.getRegisteredCapital());
+        target.setContactEstablishedDate(source.getPurchaseDate());
+        target.setChannelAttribute(request.getChannelAttribute());
+        target.setInternalAttribute(request.getInternalAttribute());
+        target.setCoverageProvince(request.getCoverageProvince());
+        target.setCoverageCity(request.getCoverageCity());
+        target.setIntentLevel(request.getIntentLevel());
+        target.setHasDesktopExp(request.getHasDesktopExp());
+        target.setStage(request.getStage());
+        target.setLandedFlag(request.getLandedFlag());
+        target.setExpectedSignDate(request.getExpectedSignDate());
+        target.setRemark(source.getRemark());
+        List<ChannelExpansionContactRequest> requestedContacts = request.getContacts();
+        List<ChannelExpansionContactRequest> sourceContacts = toChannelContactRequests(crmExpansionMapper.selectCrmExpansionContactsForMove(crmId));
+        target.setContacts((requestedContacts != null && !requestedContacts.isEmpty()) ? requestedContacts : sourceContacts);
+        fillChannelDefaults(target);
+        ensureUniqueChannelName(userId, target.getChannelName(), null);
+        expansionMapper.insertChannelExpansion(userId, target);
+        if (target.getId() == null) {
+            throw new BusinessException("渠道拓展新增失败");
+        }
+        replaceChannelContacts(target.getId(), target.getContacts());
+        replaceChannelCoverage(target.getId(), request.getCoverageItems());
+        Long newId = target.getId();
+        String newName = target.getChannelName();
+        expansionMapper.updateFollowUpBiz("crm", crmId, "channel", newId);
+        expansionMapper.updateCheckinBiz("crm", crmId, "channel", newId, newName);
+        expansionMapper.updateReportMessageBiz("crm", crmId, "channel", newId, newName);
+        crmExpansionMapper.deleteCrmExpansionContacts(crmId);
+        crmExpansionMapper.deleteCrmExpansion(crmId);
+        return newId;
     }
 
     @Override
@@ -453,6 +680,17 @@ public class ExpansionServiceImpl implements ExpansionService {
         }
     }
 
+    private void fillCrmDisplayFields(List<CrmExpansionItemDTO> crmItems) {
+        if (crmItems == null || crmItems.isEmpty()) {
+            return;
+        }
+
+        Map<String, String> industryLabels = toDictLabelMap(loadDictOptions(INDUSTRY_TYPE_CODE));
+        for (CrmExpansionItemDTO item : crmItems) {
+            item.setIndustryAttr(formatMultiValueDisplay(item.getIndustryAttrCode(), industryLabels));
+        }
+    }
+
     private Map<String, String> toDictLabelMap(List<DictOptionDTO> options) {
         Map<String, String> labelMap = new LinkedHashMap<>();
         for (DictOptionDTO option : options) {
@@ -560,6 +798,15 @@ public class ExpansionServiceImpl implements ExpansionService {
         }
     }
 
+    private void ensureUniqueEndUser(Long userId, String endUser, Long excludeId) {
+        int count = excludeId == null
+                ? crmExpansionMapper.countCrmExpansionByEndUser(endUser)
+                : crmExpansionMapper.countCrmExpansionByEndUserExcludingId(endUser, excludeId);
+        if (count > 0) {
+            throw new BusinessException(CRM_DUPLICATE_MESSAGE);
+        }
+    }
+
     private void fillSalesDefaults(CreateSalesExpansionRequest request) {
         request.setEmployeeNo(normalizeRequiredText(request.getEmployeeNo(), "工号不能为空"));
         request.setCandidateName(normalizeRequiredText(request.getCandidateName(), "候选人姓名不能为空"));
@@ -671,7 +918,7 @@ public class ExpansionServiceImpl implements ExpansionService {
 
     private List<ChannelExpansionContactRequest> normalizeRequiredContacts(List<ChannelExpansionContactRequest> contacts) {
         if (contacts == null || contacts.isEmpty()) {
-            throw new BusinessException("请至少填写一位渠道联系人");
+            throw new BusinessException("请至少完整填写一行渠道联系人");
         }
 
         List<ChannelExpansionContactRequest> normalized = new ArrayList<>();
@@ -679,23 +926,31 @@ public class ExpansionServiceImpl implements ExpansionService {
             if (contact == null) {
                 continue;
             }
+            contact.setDuty(trimToNull(contact.getDuty()));
             String name = trimToNull(contact.getName());
             String mobile = trimToNull(contact.getMobile());
             String title = trimToNull(contact.getTitle());
-            if (name == null && mobile == null && title == null) {
+            String wecomAdded = trimToNull(contact.getWecomAdded());
+            String specialNote = trimToNull(contact.getSpecialNote());
+            // 生日选填；整行均为空时跳过（联系人固定 6 行，空行允许）
+            if (name == null && mobile == null && title == null
+                    && contact.getBirthday() == null && wecomAdded == null && specialNote == null) {
                 continue;
             }
-            if (name == null || mobile == null || title == null) {
-                throw new BusinessException("请完整填写渠道联系人的姓名、联系电话和职位");
+            // 行内任一字段有值时，除生日外均必填
+            if (name == null || mobile == null || title == null || wecomAdded == null || specialNote == null) {
+                throw new BusinessException("请完整填写渠道联系人的姓名、职务、联系电话、是否加企业微信和特别说明（生日选填）");
             }
             contact.setName(name);
             contact.setMobile(mobile);
             contact.setTitle(title);
+            contact.setWecomAdded(wecomAdded);
+            contact.setSpecialNote(specialNote);
             normalized.add(contact);
         }
 
         if (normalized.isEmpty()) {
-            throw new BusinessException("请至少填写一位渠道联系人");
+            throw new BusinessException("请至少完整填写一行渠道联系人");
         }
         return normalized;
     }
@@ -727,6 +982,22 @@ public class ExpansionServiceImpl implements ExpansionService {
         }
     }
 
+    private void replaceChannelCoverage(Long channelExpansionId, List<CoverageItemDTO> items) {
+        expansionMapper.deleteChannelCoverage(channelExpansionId);
+        if (items == null || items.isEmpty()) {
+            return;
+        }
+        expansionMapper.insertChannelCoverage(channelExpansionId, items);
+    }
+
+    private void replaceSalesRegion(Long salesExpansionId, List<CoverageItemDTO> items) {
+        expansionMapper.deleteSalesRegion(salesExpansionId);
+        if (items == null || items.isEmpty()) {
+            return;
+        }
+        expansionMapper.insertSalesRegion(salesExpansionId, items);
+    }
+
     private String trimToNull(String value) {
         if (value == null) {
             return null;
@@ -760,6 +1031,9 @@ public class ExpansionServiceImpl implements ExpansionService {
         if ("channel".equalsIgnoreCase(bizType)) {
             return "channel";
         }
+        if ("crm".equalsIgnoreCase(bizType)) {
+            return "crm";
+        }
         throw new BusinessException("不支持的拓展类型");
     }
 
@@ -768,14 +1042,290 @@ public class ExpansionServiceImpl implements ExpansionService {
             throw new BusinessException("拓展记录不存在");
         }
 
-        int count = "sales".equals(bizType)
-                ? expansionMapper.countOwnedSalesExpansion(userId, bizId)
-                : expansionMapper.countOwnedChannelExpansion(userId, bizId);
+        int count;
+        switch (bizType) {
+            case "sales":
+                count = expansionMapper.countOwnedSalesExpansion(userId, bizId);
+                break;
+            case "channel":
+                count = expansionMapper.countOwnedChannelExpansion(userId, bizId);
+                break;
+            case "crm":
+                count = crmExpansionMapper.countOwnedCrmExpansion(userId, bizId);
+                break;
+            default:
+                throw new BusinessException("不支持的拓展类型");
+        }
         if (count <= 0) {
             throw new BusinessException("无权操作该拓展记录");
         }
     }
 
+    private void fillCrmDefaults(CreateCrmExpansionRequest request) {
+        request.setEndUser(normalizeRequiredText(request.getEndUser(), "最终用户不能为空"));
+        request.setOfficeName(normalizeRequiredText(request.getOfficeName(), "代表处不能为空"));
+        request.setIndustryAttr(normalizeRequiredText(request.getIndustryAttr(), "行业属性不能为空"));
+        request.setExtensionType(normalizeRequiredText(request.getExtensionType(), "类型不能为空"));
+        if (request.getPurchaseDate() == null) {
+            throw new BusinessException("采购时间不能为空");
+        }
+        if (request.getWarrantyExpiry() == null) {
+            throw new BusinessException("过保时间不能为空");
+        }
+        request.setOnlineStatus(normalizeRequiredText(request.getOnlineStatus(), "在线情况不能为空"));
+        List<CrmExpansionContactRequest> normalizedContacts = normalizeRequiredCrmContacts(request.getContacts());
+        request.setContacts(normalizedContacts);
+        fillCrmContactRedundantFields(request, normalizedContacts);
+        normalizeCrmRefIds(request);
+        normalizeRequiredRef(request.getSupplierId(), request.getSupplierName(), "进货商不能为空");
+        normalizeRequiredRef(request.getH3cContactId(), request.getH3cContactName(), "新华三对接人不能为空");
+        request.setHasExpansionOpportunity(normalizeRequiredText(request.getHasExpansionOpportunity(), "是否有扩容机会不能为空"));
+        if (request.getSoftwarePoints() == null || request.getSoftwarePoints() < 0) {
+            throw new BusinessException("软件点数不能为空");
+        }
+        if ("1".equals(request.getHasExpansionOpportunity())) {
+            if (request.getExpansionTime() == null) {
+                throw new BusinessException("扩容时间不能为空");
+            }
+            if (isBlank(request.getExpansionScale())) {
+                throw new BusinessException("扩容规模不能为空");
+            }
+        }
+        request.setHasMaintenanceOpportunity(normalizeRequiredText(request.getHasMaintenanceOpportunity(), "是否有维保项目机会不能为空"));
+    }
+
+    private void fillCrmDefaults(UpdateCrmExpansionRequest request) {
+        request.setEndUser(normalizeRequiredText(request.getEndUser(), "最终用户不能为空"));
+        request.setOfficeName(normalizeRequiredText(request.getOfficeName(), "代表处不能为空"));
+        request.setIndustryAttr(normalizeRequiredText(request.getIndustryAttr(), "行业属性不能为空"));
+        request.setExtensionType(normalizeRequiredText(request.getExtensionType(), "类型不能为空"));
+        if (request.getPurchaseDate() == null) {
+            throw new BusinessException("采购时间不能为空");
+        }
+        if (request.getWarrantyExpiry() == null) {
+            throw new BusinessException("过保时间不能为空");
+        }
+        request.setOnlineStatus(normalizeRequiredText(request.getOnlineStatus(), "在线情况不能为空"));
+        List<CrmExpansionContactRequest> normalizedContacts = normalizeRequiredCrmContacts(request.getContacts());
+        request.setContacts(normalizedContacts);
+        fillCrmContactRedundantFields(request, normalizedContacts);
+        normalizeCrmRefIds(request);
+        normalizeRequiredRef(request.getSupplierId(), request.getSupplierName(), "进货商不能为空");
+        normalizeRequiredRef(request.getH3cContactId(), request.getH3cContactName(), "新华三对接人不能为空");
+        request.setHasExpansionOpportunity(normalizeRequiredText(request.getHasExpansionOpportunity(), "是否有扩容机会不能为空"));
+        if (request.getSoftwarePoints() == null || request.getSoftwarePoints() < 0) {
+            throw new BusinessException("软件点数不能为空");
+        }
+        if ("1".equals(request.getHasExpansionOpportunity())) {
+            if (request.getExpansionTime() == null) {
+                throw new BusinessException("扩容时间不能为空");
+            }
+            if (isBlank(request.getExpansionScale())) {
+                throw new BusinessException("扩容规模不能为空");
+            }
+        }
+        request.setHasMaintenanceOpportunity(normalizeRequiredText(request.getHasMaintenanceOpportunity(), "是否有维保项目机会不能为空"));
+    }
+
+    private void normalizeCrmRefIds(CreateCrmExpansionRequest request) {
+        if (request.getSupplierId() != null && request.getSupplierId() <= 0) {
+            request.setSupplierId(null);
+        }
+        if (request.getH3cContactId() != null && request.getH3cContactId() <= 0) {
+            request.setH3cContactId(null);
+        }
+    }
+
+    private void normalizeCrmRefIds(UpdateCrmExpansionRequest request) {
+        if (request.getSupplierId() != null && request.getSupplierId() <= 0) {
+            request.setSupplierId(null);
+        }
+        if (request.getH3cContactId() != null && request.getH3cContactId() <= 0) {
+            request.setH3cContactId(null);
+        }
+    }
+
+    /** 校验进货商/对接人：id 或名称至少填其一 */
+    private void normalizeRequiredRef(Long id, String name, String message) {
+        if ((id == null || id <= 0) && isBlank(name)) {
+            throw new BusinessException(message);
+        }
+    }
+
+    private List<CrmExpansionItemDTO> mergeCrmExpansionItems(
+            List<CrmExpansionItemDTO> scopedItems,
+            List<CrmExpansionItemDTO> extraItems) {
+        Map<Long, CrmExpansionItemDTO> byId = new LinkedHashMap<>();
+        for (CrmExpansionItemDTO item : scopedItems) {
+            if (item != null && item.getId() != null) {
+                byId.putIfAbsent(item.getId(), item);
+            }
+        }
+        for (CrmExpansionItemDTO item : extraItems) {
+            if (item != null && item.getId() != null) {
+                byId.putIfAbsent(item.getId(), item);
+            }
+        }
+        return new ArrayList<>(byId.values());
+    }
+
+    private void attachCrmExpansionFollowUps(Long userId, List<CrmExpansionItemDTO> items) {
+        List<Long> bizIds = items.stream()
+                .map(CrmExpansionItemDTO::getId)
+                .filter(Objects::nonNull)
+                .toList();
+        if (bizIds.isEmpty()) {
+            return;
+        }
+
+        Map<Long, List<ExpansionFollowUpDTO>> grouped = crmExpansionMapper.selectCrmExpansionFollowUps(userId, bizIds).stream()
+                .peek(this::fillFollowUpDisplayFields)
+                .collect(Collectors.groupingBy(ExpansionFollowUpDTO::getBizId));
+
+        for (CrmExpansionItemDTO item : items) {
+            item.setFollowUps(grouped.getOrDefault(item.getId(), Collections.emptyList()));
+        }
+    }
+
+    private void attachCrmExpansionContacts(Long userId, List<CrmExpansionItemDTO> items) {
+        List<Long> crmExpansionIds = items.stream()
+                .map(CrmExpansionItemDTO::getId)
+                .filter(Objects::nonNull)
+                .toList();
+        if (crmExpansionIds.isEmpty()) {
+            return;
+        }
+
+        Map<Long, List<CrmExpansionContactDTO>> grouped = crmExpansionMapper
+                .selectCrmExpansionContacts(userId, crmExpansionIds)
+                .stream()
+                .collect(Collectors.groupingBy(CrmExpansionContactDTO::getCrmExpansionId));
+
+        for (CrmExpansionItemDTO item : items) {
+            item.setContacts(grouped.getOrDefault(item.getId(), Collections.emptyList()));
+        }
+    }
+
+    private void replaceCrmExpansionContacts(Long crmExpansionId, List<CrmExpansionContactRequest> contacts) {
+        crmExpansionMapper.deleteCrmExpansionContacts(crmExpansionId);
+        if (contacts == null || contacts.isEmpty()) {
+            return;
+        }
+        for (int index = 0; index < contacts.size(); index++) {
+            crmExpansionMapper.insertCrmExpansionContact(crmExpansionId, index + 1, contacts.get(index));
+        }
+    }
+
+    private List<CrmExpansionContactRequest> normalizeRequiredCrmContacts(List<CrmExpansionContactRequest> contacts) {
+        if (contacts == null || contacts.isEmpty()) {
+            throw new BusinessException("请至少填写一位联系人");
+        }
+        List<CrmExpansionContactRequest> normalized = new ArrayList<>();
+        for (CrmExpansionContactRequest contact : contacts) {
+            if (contact == null) {
+                continue;
+            }
+            String name = trimToNull(contact.getName());
+            String mobile = trimToNull(contact.getMobile());
+            String title = trimToNull(contact.getTitle());
+            if (name == null) {
+                throw new BusinessException("请完整填写每位联系人的姓名");
+            }
+            if (mobile == null) {
+                throw new BusinessException("请完整填写每位联系人的联系电话");
+            }
+            if (title == null) {
+                throw new BusinessException("请完整填写每位联系人的职位");
+            }
+            contact.setName(name);
+            contact.setMobile(mobile);
+            contact.setTitle(title);
+            normalized.add(contact);
+        }
+        if (normalized.isEmpty()) {
+            throw new BusinessException("请至少填写一位联系人");
+        }
+        return normalized;
+    }
+
+    private void fillCrmContactRedundantFields(CreateCrmExpansionRequest request, List<CrmExpansionContactRequest> contacts) {
+        CrmExpansionContactRequest first = contacts.get(0);
+        request.setContactName(first.getName());
+        request.setContactPhone(first.getMobile());
+        request.setContactTitle(first.getTitle());
+    }
+
+    private void fillCrmContactRedundantFields(UpdateCrmExpansionRequest request, List<CrmExpansionContactRequest> contacts) {
+        CrmExpansionContactRequest first = contacts.get(0);
+        request.setContactName(first.getName());
+        request.setContactPhone(first.getMobile());
+        request.setContactTitle(first.getTitle());
+    }
+
+    private List<CrmExpansionContactRequest> toCrmContactRequests(List<ChannelExpansionContactDTO> contacts) {
+        List<CrmExpansionContactRequest> result = new ArrayList<>();
+        if (contacts == null) {
+            return result;
+        }
+        for (ChannelExpansionContactDTO contact : contacts) {
+            if (contact == null) {
+                continue;
+            }
+            CrmExpansionContactRequest converted = new CrmExpansionContactRequest();
+            converted.setName(contact.getName());
+            converted.setMobile(contact.getMobile());
+            converted.setTitle(contact.getTitle());
+            result.add(converted);
+        }
+        return result;
+    }
+
+    private List<ChannelExpansionContactRequest> toChannelContactRequests(List<CrmExpansionContactDTO> contacts) {
+        List<ChannelExpansionContactRequest> result = new ArrayList<>();
+        if (contacts == null) {
+            return result;
+        }
+        for (CrmExpansionContactDTO contact : contacts) {
+            if (contact == null) {
+                continue;
+            }
+            ChannelExpansionContactRequest converted = new ChannelExpansionContactRequest();
+            converted.setName(contact.getName());
+            converted.setMobile(contact.getMobile());
+            converted.setTitle(contact.getTitle());
+            result.add(converted);
+        }
+        return result;
+    }
+
+    /** 代表处：优先取请求值；否则按省份中文名匹配 tz_bsc 字典取 item_value；失败返回空由必填校验兜底 */
+    private String resolveCrmOfficeName(String requested, String province) {
+        if (!isBlank(requested)) {
+            return requested.trim();
+        }
+        if (!isBlank(province)) {
+            for (DictOptionDTO option : loadDictOptions(OFFICE_TYPE_CODE)) {
+                if (province.equals(option.getLabel())) {
+                    return option.getValue();
+                }
+            }
+        }
+        return null;
+    }
+
+    /** 省份：由代表处字典码反查 tz_bsc 中文标签；非字典码保留原值 */
+    private String resolveChannelProvince(String officeName) {
+        if (isBlank(officeName)) {
+            return null;
+        }
+        for (DictOptionDTO option : loadDictOptions(OFFICE_TYPE_CODE)) {
+            if (officeName.equals(option.getValue())) {
+                return option.getLabel();
+            }
+        }
+        return officeName;
+    }
+
     private void requirePermission(String perm, String message) {
         if (!permissionService.hasPermi(perm)) {
             throw new UnauthorizedException(message);
diff --git a/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java b/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java
index 251bd471..d41582ec 100644
--- a/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java
+++ b/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java
@@ -11,6 +11,7 @@ import com.unis.crm.dto.opportunity.CreateOpportunityRequest;
 import com.unis.crm.dto.opportunity.OmsPreSalesOptionDTO;
 import com.unis.crm.dto.opportunity.OpportunityCustomerSnapshotDTO;
 import com.unis.crm.dto.opportunity.OpportunityDictOptionDTO;
+import com.unis.crm.dto.opportunity.OpportunityDuplicateCheckDTO;
 import com.unis.crm.dto.opportunity.OpportunityMetaDTO;
 import com.unis.crm.dto.opportunity.OpportunityFollowUpDTO;
 import com.unis.crm.dto.opportunity.OpportunityIntegrationTargetDTO;
@@ -23,6 +24,7 @@ import com.unis.crm.dto.work.WorkReportAttachmentDTO;
 import com.unis.crm.mapper.OpportunityMapper;
 import com.unis.crm.service.CrmDataVisibilityService;
 import com.unis.crm.service.CrmDataVisibilityService.DataVisibility;
+import com.unis.crm.service.CrmOmsDictMappingService;
 import com.unis.crm.service.OmsClient;
 import com.unis.crm.service.OpportunityService;
 import com.unisbase.security.PermissionService;
@@ -60,12 +62,16 @@ public class OpportunityServiceImpl implements OpportunityService {
     private static final Pattern REPORT_ATTACHMENT_METADATA_PATTERN = Pattern.compile("\\[\\[WORK_REPORT_ATTACHMENTS]](.*?)\\[\\[/WORK_REPORT_ATTACHMENTS]]", Pattern.DOTALL);
     private static final Logger log = LoggerFactory.getLogger(OpportunityServiceImpl.class);
 
+    // 代表“已签约”的状态码和阶段码，用于判断是否允许使用禁用阶段
+    private static final Set<String> WON_STAGE_CODES = Set.of("won", "S6");
+
     private final OpportunityMapper opportunityMapper;
     private final OmsClient omsClient;
     private final ObjectMapper objectMapper;
     private final CrmDataVisibilityService crmDataVisibilityService;
     private final UnisBaseTenantProvider tenantProvider;
     private final PermissionService permissionService;
+    private final CrmOmsDictMappingService dictMappingService;
 
     public OpportunityServiceImpl(
             OpportunityMapper opportunityMapper,
@@ -73,20 +79,22 @@ public class OpportunityServiceImpl implements OpportunityService {
             ObjectMapper objectMapper,
             CrmDataVisibilityService crmDataVisibilityService,
             UnisBaseTenantProvider tenantProvider,
-            PermissionService permissionService) {
+            PermissionService permissionService,
+            CrmOmsDictMappingService dictMappingService) {
         this.opportunityMapper = opportunityMapper;
         this.omsClient = omsClient;
         this.objectMapper = objectMapper;
         this.crmDataVisibilityService = crmDataVisibilityService;
         this.tenantProvider = tenantProvider;
         this.permissionService = permissionService;
+        this.dictMappingService = dictMappingService;
     }
 
     @Override
     public OpportunityMetaDTO getMeta() {
         List<OpportunityDictOptionDTO> opportunityTypeOptions = opportunityMapper.selectDictItems(OPPORTUNITY_TYPE_CODE);
         List<OpportunityDictOptionDTO> confidenceOptions = opportunityMapper.selectDictItems(CONFIDENCE_TYPE_CODE);
-        return new OpportunityMetaDTO(
+        OpportunityMetaDTO meta = new OpportunityMetaDTO(
                 opportunityMapper.selectDictItems(STAGE_TYPE_CODE),
                 opportunityMapper.selectDictItems(OPERATOR_TYPE_CODE),
                 opportunityMapper.selectProvinceAreaOptions(),
@@ -94,6 +102,9 @@ public class OpportunityServiceImpl implements OpportunityService {
                 opportunityTypeOptions.isEmpty() ? buildDefaultOpportunityTypeOptions() : opportunityTypeOptions,
                 confidenceOptions.isEmpty() ? buildDefaultConfidenceOptions() : confidenceOptions,
                 buildSysIsOptions(opportunityMapper.selectDictItems(SYS_IS_TYPE_CODE)));
+        // 全量阶段（含已禁用项），用于已签单 tab 导出弹窗展示
+        meta.setAllStageOptions(opportunityMapper.selectAllDictItems(STAGE_TYPE_CODE));
+        return meta;
     }
 
     private List<OpportunityDictOptionDTO> buildDefaultOpportunityTypeOptions() {
@@ -193,6 +204,16 @@ public class OpportunityServiceImpl implements OpportunityService {
         return item;
     }
 
+    @Override
+    public OpportunityDuplicateCheckDTO checkDuplicateOpportunity(Long userId, String name, Long excludeId, List<String> excludeStageCodes) {
+        if (isBlank(name)) {
+            return new OpportunityDuplicateCheckDTO(false, Collections.emptyList());
+        }
+
+        List<OpportunityDuplicateCheckDTO.Item> items = opportunityMapper.selectDuplicateOpportunities(name.trim(), excludeId, excludeStageCodes);
+        return new OpportunityDuplicateCheckDTO(!items.isEmpty(), items);
+    }
+
     @Override
     public List<OmsPreSalesOptionDTO> getOmsPreSalesOptions(Long userId) {
         if (userId == null || userId <= 0) {
@@ -213,7 +234,8 @@ public class OpportunityServiceImpl implements OpportunityService {
             throw new BusinessException("商机新增失败");
         }
 
-        syncCreatedOpportunityCodeStrict(userId, request.getId());
+        // OMS 同步采用 best-effort：OMS 异常不阻断新增商机（商机已创建成功，可稍后手动推送）
+        syncCreatedOpportunityCodeBestEffort(userId, request.getId());
         return request.getId();
     }
 
@@ -676,24 +698,6 @@ public class OpportunityServiceImpl implements OpportunityService {
         }
     }
 
-    private void syncCreatedOpportunityCodeStrict(Long userId, Long opportunityId) {
-        OpportunityOmsPushDataDTO pushData = opportunityMapper.selectOpportunityOmsPushData(userId, opportunityId);
-        if (pushData == null) {
-            throw new BusinessException("未找到商机同步数据");
-        }
-        validatePushBaseData(pushData);
-
-        CurrentUserAccountDTO currentUser = requireCurrentUserAccount(userId);
-        OmsPreSalesOptionDTO currentOmsUser = omsClient.ensureUserExists(
-                currentUser.getUsername().trim(),
-                currentUser.getDisplayName().trim());
-        String opportunityCode = omsClient.createProject(pushData, resolveOmsCreateBy(currentOmsUser));
-        int codeUpdated = opportunityMapper.updateOpportunityCode(userId, opportunityId, opportunityCode);
-        if (codeUpdated <= 0) {
-            throw new BusinessException("保存商机编号失败");
-        }
-    }
-
     private void syncUpdatedOpportunityCodeBestEffort(Long userId, Long opportunityId) {
         try {
             OpportunityOmsPushDataDTO pushData = opportunityMapper.selectOpportunityOmsPushData(userId, opportunityId);
@@ -782,10 +786,13 @@ public class OpportunityServiceImpl implements OpportunityService {
 
     private String resolveOpportunityCodeForUpdate(String existingOpportunityCode, String returnedOpportunityCode) {
         String normalizedExisting = normalizeOpportunityCode(existingOpportunityCode);
-        if (normalizedExisting != null && !normalizedExisting.toUpperCase().startsWith("OPP-")) {
-            return normalizedExisting;
+        String normalizedReturned = normalizeOpportunityCode(returnedOpportunityCode);
+        // 只要 OMS 返回了有效编号，一律以 OMS 返回值为准更新（即使与现有编号不一致）
+        if (normalizedReturned != null) {
+            return normalizedReturned;
         }
-        return normalizeOpportunityCode(returnedOpportunityCode);
+        // OMS 未返回编号时保留现有编号，避免覆盖为空
+        return normalizedExisting;
     }
 
     private String normalizeConfidenceGrade(String value, String blankMessage) {
@@ -901,7 +908,10 @@ public class OpportunityServiceImpl implements OpportunityService {
         if (request.getStage() != null && trimToNull(request.getStage()) == null) {
             request.setStage(null);
         } else if (request.getStage() != null) {
-            request.setStage(normalizeStageValue(request.getStage()));
+            // 先将 OMS 码值转换为 CRM 码值
+            String crmStage = dictMappingService.mapStageToCrm(request.getStage());
+            // OMS 是外部权威系统，反写过来的阶段码必须被无条件接受
+            request.setStage(normalizeStageValue(crmStage, true));
         }
         if (request.getOpportunityType() != null) {
             request.setOpportunityType(trimToEmpty(request.getOpportunityType()));
@@ -923,6 +933,10 @@ public class OpportunityServiceImpl implements OpportunityService {
         }
         normalizeArchivedTime(request);
         request.setStatus(resolveIntegrationStatus(request.getStatus(), request.getStage()));
+        // OMS 反写“已签约”（归档）时，将项目阶段同步为 S5-已签约
+        if (Boolean.TRUE.equals(request.getArchived())) {
+            request.setStage("S5");
+        }
         autoFillOmsPushTime(request);
     }
 
@@ -998,12 +1012,18 @@ public class OpportunityServiceImpl implements OpportunityService {
     }
 
     private String normalizeStageValue(String value) {
+        return normalizeStageValue(value, false);
+    }
+
+    private String normalizeStageValue(String value, boolean ignoreDisabled) {
         String trimmed = value == null ? null : value.trim();
         if (trimmed == null || trimmed.isEmpty()) {
             return "initial_contact";
         }
 
-        String dictLabel = opportunityMapper.selectDictLabel(STAGE_TYPE_CODE, trimmed);
+        String dictLabel = ignoreDisabled
+                ? opportunityMapper.selectDictLabelIgnoreStatus(STAGE_TYPE_CODE, trimmed)
+                : opportunityMapper.selectDictLabel(STAGE_TYPE_CODE, trimmed);
         if (!isBlank(dictLabel)) {
             return trimmed;
         }
@@ -1013,6 +1033,12 @@ public class OpportunityServiceImpl implements OpportunityService {
             return directCode;
         }
 
+        // 如果忽略禁用，说明是集成场景，找不到字典项时直接返回原值，不再抛异常
+        if (ignoreDisabled) {
+            log.warn("OMS 反写的项目阶段 '{}' 在 CRM 字典中未找到，已直接接受", trimmed);
+            return trimmed;
+        }
+
         throw new BusinessException("项目阶段无效: " + trimmed);
     }
 
diff --git a/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java b/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java
index 96c6f6c8..ab2ad6d0 100644
--- a/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java
+++ b/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java
@@ -322,6 +322,7 @@ public class WorkServiceImpl implements WorkService {
     }
 
     @Override
+    @Transactional
     public Long saveCheckIn(Long userId, CreateWorkCheckInRequest request) {
         requireUser(userId);
         ensureWorkWriteAllowed(userId, "当前角色仅可查看打卡历史记录");
@@ -1835,6 +1836,7 @@ public class WorkServiceImpl implements WorkService {
                 case "sales" -> "销售拓展";
                 case "channel" -> "渠道拓展";
                 case "opportunity" -> "商机";
+                case "crm" -> "CRM拓展";
                 default -> "业务对象";
             };
             String attachmentSummary = buildAttachmentSummary(item.getAttachments());
@@ -1870,6 +1872,19 @@ public class WorkServiceImpl implements WorkService {
             item.setCommunicationContent(null);
             return;
         }
+        if ("crm".equals(item.getBizType())) {
+            String crmBody = stripCrmEditorBody(item.getEditorText(), item.getContent());
+            item.setEditorText(buildCrmEditorText(objectName, crmBody, item.getToUsers()));
+            item.setContent(crmBody);
+            item.setVisitStartTime(null);
+            item.setEvaluationContent(null);
+            item.setNextPlan(null);
+            item.setLatestProgress(null);
+            item.setStage(null);
+            item.setCommunicationTime(null);
+            item.setCommunicationContent(null);
+            return;
+        }
         if (editorText == null) {
             editorText = buildEditorText(item.getBizType(), objectName, extractLineFieldValues(item), item.getToUsers());
         }
@@ -2018,7 +2033,42 @@ public class WorkServiceImpl implements WorkService {
         return String.join("\n", lines);
     }
 
+    /** CRM 拓展日报行采用纯文本，无“+ 沟通内容：”等字段行 */
+    private String buildCrmEditorText(String bizName, String body, List<WorkReportToUserDTO> toUsers) {
+        List<String> lines = new ArrayList<>();
+        lines.add("#" + getBizTypeLabel("crm") + " " + firstNonBlank(bizName, "未选择对象"));
+        if (body != null && !body.isEmpty()) {
+            lines.add(body);
+        }
+        String toLine = buildReportToLine(toUsers);
+        if (toLine != null) {
+            lines.add(toLine);
+        }
+        return String.join("\n", lines);
+    }
+
+    /** 提取 CRM 日报行正文：剔除 # 提及行、@ 通知行、+ 字段行与空行 */
+    private String stripCrmEditorBody(String editorText, String fallback) {
+        if (editorText != null) {
+            List<String> bodyLines = new ArrayList<>();
+            for (String rawLine : editorText.replace("\r", "").split("\n")) {
+                String line = rawLine == null ? "" : rawLine.trim();
+                if (line.isEmpty() || line.startsWith("#") || line.startsWith("@") || isReportToLine(line)) {
+                    continue;
+                }
+                bodyLines.add(line);
+            }
+            if (!bodyLines.isEmpty()) {
+                return String.join("\n", bodyLines);
+            }
+        }
+        return normalizeOptionalText(fallback);
+    }
+
     private List<String> getEditorFieldLabels(String bizType) {
+        if ("crm".equals(bizType)) {
+            return List.of();
+        }
         if ("opportunity".equals(bizType)) {
             return List.of("项目最新进展", OPPORTUNITY_NEXT_PLAN_LABEL);
         }
@@ -2032,6 +2082,9 @@ public class WorkServiceImpl implements WorkService {
         if ("channel".equals(bizType)) {
             return "渠道拓展";
         }
+        if ("crm".equals(bizType)) {
+            return "CRM拓展";
+        }
         return "商机";
     }
 
@@ -2080,8 +2133,6 @@ public class WorkServiceImpl implements WorkService {
             CreateWorkDailyReportRequest request,
             WorkDailyReportDTO currentReport,
             boolean syncOpportunitySnapshot) {
-        LocalDate reportDate = resolveReportDate(currentReport);
-
         for (WorkReportLineItemDTO item : previousLineItems) {
             if (item == null || item.getBizId() == null || item.getWorkDate() == null) {
                 continue;
@@ -2103,7 +2154,9 @@ public class WorkServiceImpl implements WorkService {
                     WORK_REPORT_FOLLOW_UP_TYPE);
         }
 
-        OffsetDateTime followUpTime = resolveReportSubmitTime(currentReport);
+        LocalDate followUpDate = resolveReportDate(currentReport);
+        OffsetDateTime followUpTime = followUpDate.atTime(LocalTime.of(9, 0))
+                .atZone(BUSINESS_ZONE_ID).toOffsetDateTime();
         for (WorkReportLineItemRequest item : request.getLineItems()) {
             if (!hasLinkedReportTarget(item)) {
                 continue;
@@ -2112,7 +2165,7 @@ public class WorkServiceImpl implements WorkService {
                 workMapper.deleteDailyReportOpportunityFollowUps(
                         item.getBizId(),
                         userId,
-                        reportDate,
+                        followUpDate,
                         WORK_REPORT_FOLLOW_UP_TYPE);
                 workMapper.insertLegacyOpportunityFollowUp(
                         item.getBizId(),
@@ -2135,7 +2188,7 @@ public class WorkServiceImpl implements WorkService {
                     item.getBizType(),
                     item.getBizId(),
                     userId,
-                    reportDate,
+                    followUpDate,
                     WORK_REPORT_FOLLOW_UP_TYPE);
             workMapper.insertLegacyExpansionFollowUp(
                     item.getBizType(),
@@ -2224,7 +2277,7 @@ public class WorkServiceImpl implements WorkService {
         try {
             if (normalized.length() == 16) {
                 return LocalDateTime.parse(normalized, DateTimeFormatter.ofPattern("yyyy-MM-dd'T'HH:mm"))
-                        .atZone(ZoneId.systemDefault())
+                        .atZone(BUSINESS_ZONE_ID)
                         .toOffsetDateTime();
             }
             return OffsetDateTime.parse(normalized);
@@ -2235,22 +2288,12 @@ public class WorkServiceImpl implements WorkService {
 
     private OffsetDateTime resolveFollowUpTime(String workDate) {
         LocalDate date = LocalDate.parse(workDate);
-        return date.atTime(LocalTime.of(9, 0)).atZone(ZoneId.systemDefault()).toOffsetDateTime();
-    }
-
-    private OffsetDateTime resolveReportSubmitTime(WorkDailyReportDTO currentReport) {
-        String submitTime = currentReport == null ? null : normalizeOptionalText(currentReport.getSubmitTime());
-        if (submitTime != null) {
-            return LocalDateTime.parse(submitTime, DATE_TIME_FORMATTER)
-                    .atZone(ZoneId.systemDefault())
-                    .toOffsetDateTime();
-        }
-        return OffsetDateTime.now(ZoneId.systemDefault());
+        return date.atTime(LocalTime.of(9, 0)).atZone(BUSINESS_ZONE_ID).toOffsetDateTime();
     }
 
     private LocalDate resolveReportDate(WorkDailyReportDTO currentReport) {
         String reportDate = currentReport == null ? null : normalizeOptionalText(currentReport.getDate());
-        return reportDate == null ? LocalDate.now() : LocalDate.parse(reportDate);
+        return reportDate == null ? LocalDate.now(BUSINESS_ZONE_ID) : LocalDate.parse(reportDate);
     }
 
     private String resolveFileExtension(String contentType, String originalFileName) {
@@ -2907,7 +2950,7 @@ public class WorkServiceImpl implements WorkService {
             return null;
         }
         return switch (normalized) {
-            case "sales", "channel", "opportunity" -> normalized;
+            case "sales", "channel", "opportunity", "crm" -> normalized;
             default -> throw new BusinessException("不支持的跟进对象类型");
         };
     }
diff --git a/backend/src/main/resources/application.yml b/backend/src/main/resources/application.yml
index 77562d96..4af11089 100644
--- a/backend/src/main/resources/application.yml
+++ b/backend/src/main/resources/application.yml
@@ -84,7 +84,7 @@ unisbase:
       access-token-safety-seconds: 120
     oms:
       enabled: ${OMS_ENABLED:true}
-      base-url: ${OMS_BASE_URL:http://192.168.4.78:28080}
+      base-url: ${OMS_BASE_URL:http://192.168.2.158:28080}
       api-key: ${OMS_API_KEY:c7f858d0-30b8-4b7f-9ea1-0ccf5ceb1c54}
       api-key-header: ${OMS_API_KEY_HEADER:apiKey}
       user-info-path: ${OMS_USER_INFO_PATH:/api/v1/user/info}
diff --git a/backend/src/main/resources/mapper/CrmOmsDictMappingMapper.xml b/backend/src/main/resources/mapper/CrmOmsDictMappingMapper.xml
new file mode 100644
index 00000000..67453b5b
--- /dev/null
+++ b/backend/src/main/resources/mapper/CrmOmsDictMappingMapper.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.unis.crm.mapper.CrmOmsDictMappingMapper">
+
+    <select id="selectOmsValueByCrmValue" resultType="java.lang.String">
+        select oms_value
+        from crm_oms_dict_mapping
+        where dict_type = #{dictType}
+          and crm_value = #{crmValue}
+          and is_default = true
+          and status = 1
+        limit 1
+    </select>
+
+    <select id="selectCrmValueByOmsValue" resultType="java.lang.String">
+        select crm_value
+        from crm_oms_dict_mapping
+        where dict_type = #{dictType}
+          and oms_value = #{omsValue}
+          and status = 1
+        limit 1
+    </select>
+
+</mapper>
diff --git a/backend/src/main/resources/mapper/expansion/CrmExpansionMapper.xml b/backend/src/main/resources/mapper/expansion/CrmExpansionMapper.xml
new file mode 100644
index 00000000..3616b945
--- /dev/null
+++ b/backend/src/main/resources/mapper/expansion/CrmExpansionMapper.xml
@@ -0,0 +1,270 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.unis.crm.mapper.CrmExpansionMapper">
+
+    <sql id="crmExpansionSelectColumns">
+        select
+            crm.id,
+            crm.owner_user_id as ownerUserId,
+            coalesce(nullif(u.display_name, ''), nullif(u.username, ''), '无') as owner,
+            'crm' as type,
+            crm.end_user as endUser,
+            crm.office_name as officeName,
+            crm.industry_attr as industryAttr,
+            crm.industry_attr as industryAttrCode,
+            crm.extension_type as extensionType,
+            crm.purchase_date as purchaseDate,
+            coalesce(to_char(crm.purchase_date, 'YYYY-MM-DD'), '') as purchaseDateText,
+            crm.warranty_expiry as warrantyExpiry,
+            coalesce(to_char(crm.warranty_expiry, 'YYYY-MM-DD'), '') as warrantyExpiryText,
+            crm.online_status as onlineStatus,
+            crm.contact_name as contactName,
+            crm.contact_phone as contactPhone,
+            crm.contact_title as contactTitle,
+            crm.supplier_id as supplierId,
+            coalesce(nullif(crm.supplier_name, ''), ch.channel_name, '') as supplierName,
+            crm.h3c_contact_id as h3cContactId,
+            coalesce(nullif(crm.h3c_contact_name, ''), s.candidate_name, '') as h3cContactName,
+            crm.has_expansion_opportunity as hasExpansionOpportunity,
+            crm.software_points as softwarePoints,
+            crm.expansion_time as expansionTime,
+            coalesce(to_char(crm.expansion_time, 'YYYY-MM-DD'), '') as expansionTimeText,
+            crm.expansion_scale as expansionScale,
+            crm.has_maintenance_opportunity as hasMaintenanceOpportunity,
+            coalesce(to_char(crm.created_at, 'YYYY-MM-DD HH24:MI'), '无') as createdAt,
+            coalesce(to_char(crm.updated_at, 'YYYY-MM-DD HH24:MI'), '无') as updatedAt
+    </sql>
+
+    <sql id="crmExpansionJoins">
+        from crm_crm_expansion crm
+        left join sys_user u on u.user_id = crm.owner_user_id
+        left join crm_channel_expansion ch on ch.id = crm.supplier_id
+        left join crm_sales_expansion s on s.id = crm.h3c_contact_id
+    </sql>
+
+    <select id="selectCrmExpansions" resultType="com.unis.crm.dto.expansion.CrmExpansionItemDTO">
+        <include refid="crmExpansionSelectColumns"/>
+        <include refid="crmExpansionJoins"/>
+        <where>
+            <if test="keyword != null and keyword != ''">
+                and (crm.end_user like '%'||#{keyword}||'%'
+                     or crm.contact_name like '%'||#{keyword}||'%'
+                     or crm.office_name like '%'||#{keyword}||'%'
+                     or exists (
+                         select 1 from sys_dict_item d
+                         where d.type_code = 'tz_bsc'
+                           and d.item_value = crm.office_name
+                           and d.status = 1
+                           and coalesce(d.is_deleted, 0) = 0
+                           and d.item_label like '%'||#{keyword}||'%'
+                     ))
+            </if>
+        </where>
+        order by crm.updated_at desc, crm.id desc
+        <if test="limit != null and limit > 0">limit #{limit}</if>
+    </select>
+
+    <select id="selectCrmExpansionsByOwnerUserIds" resultType="com.unis.crm.dto.expansion.CrmExpansionItemDTO">
+        <include refid="crmExpansionSelectColumns"/>
+        <include refid="crmExpansionJoins"/>
+        <where>
+            crm.owner_user_id in
+            <foreach collection="ownerUserIds" item="id" open="(" separator="," close=")">
+                #{id}
+            </foreach>
+            <if test="keyword != null and keyword != ''">
+                and (crm.end_user like '%'||#{keyword}||'%'
+                     or crm.contact_name like '%'||#{keyword}||'%'
+                     or crm.office_name like '%'||#{keyword}||'%'
+                     or exists (
+                         select 1 from sys_dict_item d
+                         where d.type_code = 'tz_bsc'
+                           and d.item_value = crm.office_name
+                           and d.status = 1
+                           and coalesce(d.is_deleted, 0) = 0
+                           and d.item_label like '%'||#{keyword}||'%'
+                     ))
+            </if>
+        </where>
+        order by crm.updated_at desc, crm.id desc
+        <if test="limit != null and limit > 0">limit #{limit}</if>
+    </select>
+
+    <insert id="insertCrmExpansion" useGeneratedKeys="true" keyProperty="request.id" keyColumn="id">
+        insert into crm_crm_expansion (
+            end_user, office_name, industry_attr, extension_type,
+            purchase_date, warranty_expiry, online_status,
+            contact_name, contact_phone, contact_title,
+            supplier_id, h3c_contact_id, has_expansion_opportunity,
+            supplier_name, h3c_contact_name,
+            software_points, expansion_time, expansion_scale,
+            has_maintenance_opportunity,
+            owner_user_id, remark
+        ) values (
+            #{request.endUser}, #{request.officeName}, #{request.industryAttr}, #{request.extensionType},
+            #{request.purchaseDate}, #{request.warrantyExpiry}, #{request.onlineStatus},
+            #{request.contactName}, #{request.contactPhone}, #{request.contactTitle},
+            #{request.supplierId}, #{request.h3cContactId}, #{request.hasExpansionOpportunity},
+            #{request.supplierName}, #{request.h3cContactName},
+            #{request.softwarePoints}, #{request.expansionTime}, #{request.expansionScale},
+            #{request.hasMaintenanceOpportunity},
+            #{userId}, #{request.remark}
+        )
+    </insert>
+
+    <update id="updateCrmExpansion">
+        update crm_crm_expansion
+        set
+            end_user = #{request.endUser},
+            office_name = #{request.officeName},
+            industry_attr = #{request.industryAttr},
+            extension_type = #{request.extensionType},
+            purchase_date = #{request.purchaseDate},
+            warranty_expiry = #{request.warrantyExpiry},
+            online_status = #{request.onlineStatus},
+            contact_name = #{request.contactName},
+            contact_phone = #{request.contactPhone},
+            contact_title = #{request.contactTitle},
+            supplier_id = #{request.supplierId},
+            h3c_contact_id = #{request.h3cContactId},
+            supplier_name = #{request.supplierName},
+            h3c_contact_name = #{request.h3cContactName},
+            has_expansion_opportunity = #{request.hasExpansionOpportunity},
+            software_points = #{request.softwarePoints},
+            expansion_time = #{request.expansionTime},
+            expansion_scale = #{request.expansionScale},
+            has_maintenance_opportunity = #{request.hasMaintenanceOpportunity},
+            updated_at = now()
+        where id = #{id}
+    </update>
+
+    <select id="countOwnedCrmExpansion" resultType="int">
+        select count(1)
+        from crm_crm_expansion crm
+        where crm.id = #{id} and crm.owner_user_id = #{userId}
+    </select>
+
+    <select id="countCrmExpansionByEndUser" resultType="int">
+        select count(1)
+        from crm_crm_expansion
+        where end_user = #{endUser}
+    </select>
+
+    <select id="countCrmExpansionByEndUserExcludingId" resultType="int">
+        select count(1)
+        from crm_crm_expansion
+        where end_user = #{endUser}
+          and id &lt;&gt; #{excludeId}
+    </select>
+
+    <select id="selectCrmExpansionFollowUps" resultType="com.unis.crm.dto.expansion.ExpansionFollowUpDTO">
+        select
+            f.id,
+            f.biz_id as bizId,
+            f.biz_type as bizType,
+            f.followup_time as followUpTime,
+            case
+                when (f.followup_type = '工作日报' or f.source_type = 'work_report')
+                 and (f.followup_time at time zone 'Asia/Shanghai')::time &lt; time '10:00'
+                    then ((f.followup_time at time zone 'Asia/Shanghai')::date - 1)::text
+                when (f.followup_type = '工作日报' or f.source_type = 'work_report')
+                    then (f.followup_time at time zone 'Asia/Shanghai')::date::text
+                else to_char(f.followup_time, 'YYYY-MM-DD HH24:MI')
+            end as date,
+            f.followup_type as type,
+            coalesce(f.content, '无') as content,
+            coalesce(u.display_name, '无') as user,
+            coalesce(to_char(f.visit_start_time, 'YYYY-MM-DD HH24:MI'), '无') as visitStartTime,
+            coalesce(f.evaluation_content, '无') as evaluationContent,
+            coalesce(f.next_plan, '无') as nextPlan
+        from crm_expansion_followup f
+        join crm_crm_expansion crm on crm.id = f.biz_id and f.biz_type = 'crm'
+        left join sys_user u on u.user_id = f.followup_user_id
+        where f.biz_id in
+          <foreach collection="bizIds" item="id" open="(" separator="," close=")">
+              #{id}
+          </foreach>
+        order by f.followup_time desc, f.id desc
+    </select>
+
+    <select id="selectCrmExpansionContacts" resultType="com.unis.crm.dto.expansion.CrmExpansionContactDTO">
+        select
+            cc.id,
+            cc.crm_expansion_id as crmExpansionId,
+            coalesce(cc.contact_name, '无') as name,
+            coalesce(cc.contact_mobile, '无') as mobile,
+            coalesce(cc.contact_title, '无') as title
+        from crm_crm_expansion_contact cc
+        join crm_crm_expansion crm on crm.id = cc.crm_expansion_id
+        where cc.crm_expansion_id in
+          <foreach collection="crmExpansionIds" item="id" open="(" separator="," close=")">
+              #{id}
+          </foreach>
+        order by cc.sort_order asc nulls last, cc.id asc
+    </select>
+
+    <insert id="insertCrmExpansionContact">
+        insert into crm_crm_expansion_contact (
+            crm_expansion_id,
+            contact_name,
+            contact_mobile,
+            contact_title,
+            sort_order,
+            created_at,
+            updated_at
+        ) values (
+            #{crmExpansionId},
+            #{contact.name},
+            #{contact.mobile},
+            #{contact.title},
+            #{sortOrder},
+            now(),
+            now()
+        )
+    </insert>
+
+    <delete id="deleteCrmExpansionContacts">
+        delete from crm_crm_expansion_contact
+        where crm_expansion_id = #{crmExpansionId}
+    </delete>
+
+    <select id="selectCrmExpansionForMove"
+            resultType="com.unis.crm.dto.expansion.CrmExpansionMoveSourceDTO">
+        select
+            crm.id,
+            crm.owner_user_id as ownerUserId,
+            crm.end_user as endUser,
+            crm.office_name as officeName,
+            crm.industry_attr as industryAttr,
+            crm.extension_type as extensionType,
+            crm.purchase_date as purchaseDate,
+            crm.warranty_expiry as warrantyExpiry,
+            crm.online_status as onlineStatus,
+            crm.contact_name as contactName,
+            crm.contact_phone as contactPhone,
+            crm.contact_title as contactTitle,
+            crm.supplier_id as supplierId,
+            crm.h3c_contact_id as h3cContactId,
+            crm.has_expansion_opportunity as hasExpansionOpportunity,
+            crm.remark
+        from crm_crm_expansion crm
+        where crm.id = #{id}
+        for update
+    </select>
+
+    <select id="selectCrmExpansionContactsForMove"
+            resultType="com.unis.crm.dto.expansion.CrmExpansionContactDTO">
+        select
+            cc.contact_name as name,
+            cc.contact_mobile as mobile,
+            cc.contact_title as title
+        from crm_crm_expansion_contact cc
+        where cc.crm_expansion_id = #{crmExpansionId}
+        order by cc.sort_order asc nulls last, cc.id asc
+    </select>
+
+    <delete id="deleteCrmExpansion">
+        delete from crm_crm_expansion
+        where id = #{id}
+    </delete>
+</mapper>
\ No newline at end of file
diff --git a/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml b/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml
index 63807adf..19c9138b 100644
--- a/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml
+++ b/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml
@@ -53,7 +53,21 @@
                 ),
                 '无'
             ) as updatedAt,
-            coalesce(s.remark, '无') as notes
+            coalesce(s.remark, '无') as notes,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as regionProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as regionCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and (cov.province is not null or cov.city is not null)), '') as regionItems
     </sql>
 
     <sql id="salesExpansionJoins">
@@ -103,6 +117,20 @@
             coalesce(province_area.name, nullif(c.province, ''), '无') as province,
             coalesce(c.city, '') as cityCode,
             coalesce(city_area.name, nullif(c.city, ''), '无') as city,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as coverageProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as coverageCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and (cov.province is not null or cov.city is not null)), '') as coverageItems,
             coalesce(c.office_address, '无') as officeAddress,
             coalesce(c.channel_industry, c.industry, '') as channelIndustryCode,
             coalesce(c.channel_industry, c.industry, '无') as channelIndustry,
@@ -113,6 +141,7 @@
                 else trim(to_char(c.annual_revenue, 'FM999999990.##')) || '万元'
             end as revenue,
             coalesce(c.staff_size, 0) as size,
+            coalesce(trim(to_char(c.registered_capital, 'FM999999990.##')), '') as registeredCapital,
             coalesce(primary_contact.contact_name, c.contact_name, '无') as primaryContactName,
             coalesce(primary_contact.contact_title, c.contact_title, '无') as primaryContactTitle,
             coalesce(primary_contact.contact_mobile, c.contact_mobile, '无') as primaryContactMobile,
@@ -271,7 +300,7 @@
             select p.area_code
             from cnarea p
             where p.level = 1
-              and p.name = #{provinceName}
+              and (p.name = #{provinceName} or p.short_name = #{provinceName})
             order by p.id asc
             limit 1
           )
@@ -337,7 +366,21 @@
                 ),
                 '无'
             ) as updatedAt,
-            coalesce(s.remark, '无') as notes
+            coalesce(s.remark, '无') as notes,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as regionProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as regionCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and (cov.province is not null or cov.city is not null)), '') as regionItems
         from crm_sales_expansion s
         left join (
             select
@@ -400,6 +443,20 @@
             coalesce(province_area.name, nullif(c.province, ''), '无') as province,
             coalesce(c.city, '') as cityCode,
             coalesce(city_area.name, nullif(c.city, ''), '无') as city,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as coverageProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as coverageCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and (cov.province is not null or cov.city is not null)), '') as coverageItems,
             coalesce(c.office_address, '无') as officeAddress,
             coalesce(c.channel_industry, c.industry, '') as channelIndustryCode,
             coalesce(c.channel_industry, c.industry, '无') as channelIndustry,
@@ -410,6 +467,7 @@
                 else trim(to_char(c.annual_revenue, 'FM999999990.##')) || '万元'
             end as revenue,
             coalesce(c.staff_size, 0) as size,
+            coalesce(trim(to_char(c.registered_capital, 'FM999999990.##')), '') as registeredCapital,
             coalesce(primary_contact.contact_name, c.contact_name, '无') as primaryContactName,
             coalesce(primary_contact.contact_title, c.contact_title, '无') as primaryContactTitle,
             coalesce(primary_contact.contact_mobile, c.contact_mobile, '无') as primaryContactMobile,
@@ -599,7 +657,21 @@
                 ),
                 '无'
             ) as updatedAt,
-            coalesce(s.remark, '无') as notes
+            coalesce(s.remark, '无') as notes,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as regionProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as regionCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_sales_expansion_coverage cov
+                      where cov.sales_expansion_id = s.id
+                        and (cov.province is not null or cov.city is not null)), '') as regionItems
         from crm_sales_expansion s
         left join (
             select
@@ -656,6 +728,20 @@
             coalesce(province_area.name, nullif(c.province, ''), '无') as province,
             coalesce(c.city, '') as cityCode,
             coalesce(city_area.name, nullif(c.city, ''), '无') as city,
+            coalesce((select string_agg(cov.province, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.province is not null
+                        and cov.province != ''), '') as coverageProvince,
+            coalesce((select string_agg(cov.city, ',' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and cov.city is not null
+                        and cov.city != ''), '') as coverageCity,
+            coalesce((select string_agg(coalesce(cov.province, '') || '|' || coalesce(cov.city, ''), '，' order by cov.id)
+                      from crm_channel_expansion_coverage cov
+                      where cov.channel_id = c.id
+                        and (cov.province is not null or cov.city is not null)), '') as coverageItems,
             coalesce(c.office_address, '无') as officeAddress,
             coalesce(c.channel_industry, c.industry, '') as channelIndustryCode,
             coalesce(c.channel_industry, c.industry, '无') as channelIndustry,
@@ -666,6 +752,7 @@
                 else trim(to_char(c.annual_revenue, 'FM999999990.##')) || '万元'
             end as revenue,
             coalesce(c.staff_size, 0) as size,
+            coalesce(trim(to_char(c.registered_capital, 'FM999999990.##')), '') as registeredCapital,
             coalesce(primary_contact.contact_name, c.contact_name, '无') as primaryContactName,
             coalesce(primary_contact.contact_title, c.contact_title, '无') as primaryContactTitle,
             coalesce(primary_contact.contact_mobile, c.contact_mobile, '无') as primaryContactMobile,
@@ -902,9 +989,13 @@
         select
             cc.id,
             cc.channel_expansion_id as channelExpansionId,
+            cc.duty,
             coalesce(cc.contact_name, '无') as name,
             coalesce(cc.contact_mobile, '无') as mobile,
-            coalesce(cc.contact_title, '无') as title
+            coalesce(cc.contact_title, '无') as title,
+            cc.birthday,
+            cc.wecom_added as wecomAdded,
+            cc.special_note as specialNote
         from crm_channel_expansion_contact cc
         join crm_channel_expansion c on c.id = cc.channel_expansion_id
         where cc.channel_expansion_id in
@@ -1004,6 +1095,7 @@
             certification_level,
             annual_revenue,
             staff_size,
+            registered_capital,
             contact_established_date,
             intent_level,
             has_desktop_exp,
@@ -1027,6 +1119,7 @@
             #{request.certificationLevel},
             #{request.annualRevenue},
             #{request.staffSize},
+            #{request.registeredCapital},
             #{request.contactEstablishedDate},
             #{request.intentLevel},
             #{request.hasDesktopExp},
@@ -1046,17 +1139,25 @@
     <insert id="insertChannelContact">
         insert into crm_channel_expansion_contact (
             channel_expansion_id,
+            duty,
             contact_name,
             contact_mobile,
             contact_title,
+            birthday,
+            wecom_added,
+            special_note,
             sort_order,
             created_at,
             updated_at
         ) values (
             #{channelExpansionId},
+            #{contact.duty},
             #{contact.name},
             #{contact.mobile},
             #{contact.title},
+            #{contact.birthday},
+            #{contact.wecomAdded},
+            #{contact.specialNote},
             #{sortOrder},
             now(),
             now()
@@ -1124,6 +1225,7 @@
             certification_level = #{request.certificationLevel},
             annual_revenue = #{request.annualRevenue},
             staff_size = #{request.staffSize},
+            registered_capital = #{request.registeredCapital},
             contact_established_date = #{request.contactEstablishedDate},
             intent_level = #{request.intentLevel},
             has_desktop_exp = #{request.hasDesktopExp},
@@ -1139,6 +1241,28 @@
         where c.id = #{id}
     </update>
 
+    <delete id="deleteChannelCoverage">
+        delete from crm_channel_expansion_coverage where channel_id = #{channelId}
+    </delete>
+
+    <insert id="insertChannelCoverage">
+        insert into crm_channel_expansion_coverage (channel_id, province, city) values
+        <foreach collection="items" item="item" separator=",">
+            (#{channelId}, #{item.province}, #{item.city})
+        </foreach>
+    </insert>
+
+    <delete id="deleteSalesRegion">
+        delete from crm_sales_expansion_coverage where sales_expansion_id = #{salesExpansionId}
+    </delete>
+
+    <insert id="insertSalesRegion">
+        insert into crm_sales_expansion_coverage (sales_expansion_id, province, city) values
+        <foreach collection="items" item="item" separator=",">
+            (#{salesExpansionId}, #{item.province}, #{item.city})
+        </foreach>
+    </insert>
+
     <select id="countOwnedSalesExpansion" resultType="int">
         select count(1)
         from crm_sales_expansion s
@@ -1176,4 +1300,87 @@
             #{request.nextPlan}
         )
     </insert>
+
+    <select id="selectChannelExpansionForMove"
+            resultType="com.unis.crm.dto.expansion.ChannelExpansionMoveSourceDTO">
+        select
+            c.id,
+            c.owner_user_id as ownerUserId,
+            c.channel_name as name,
+            c.province,
+            c.city,
+            c.office_address as officeAddress,
+            coalesce(c.channel_industry, c.industry, '') as channelIndustry,
+            c.certification_level as certificationLevel,
+            c.annual_revenue as annualRevenue,
+            c.staff_size as staffSize,
+            c.registered_capital as registeredCapital,
+            c.contact_established_date as establishedDate,
+            c.intent_level as intentLevel,
+            c.has_desktop_exp as hasDesktopExp,
+            c.channel_attribute as channelAttribute,
+            c.internal_attribute as internalAttribute,
+            c.stage,
+            c.landed_flag as landedFlag,
+            c.expected_sign_date as expectedSignDate,
+            c.remark
+        from crm_channel_expansion c
+        where c.id = #{id}
+        for update
+    </select>
+
+    <update id="updateFollowUpBiz">
+        update crm_expansion_followup
+        set biz_type = #{newBizType},
+            biz_id = #{newBizId}
+        where biz_type = #{oldBizType}
+          and biz_id = #{oldBizId}
+    </update>
+
+    <update id="updateCheckinBiz">
+        update work_checkin
+        set biz_type = #{newBizType},
+            biz_id = #{newBizId},
+            biz_name = #{newBizName}
+        where biz_type = #{oldBizType}
+          and biz_id = #{oldBizId}
+    </update>
+
+    <update id="updateReportMessageBiz">
+        update work_report_message
+        set biz_type = #{newBizType},
+            biz_id = #{newBizId},
+            biz_name = #{newBizName}
+        where biz_type = #{oldBizType}
+          and biz_id = #{oldBizId}
+    </update>
+
+    <update id="clearOpportunityChannelExpansion">
+        update crm_opportunity
+        set channel_expansion_id = null
+        where channel_expansion_id = #{channelId}
+    </update>
+
+    <update id="clearCrmSupplierRefs">
+        update crm_crm_expansion
+        set supplier_id = null,
+            supplier_name = null
+        where supplier_id = #{channelId}
+    </update>
+
+    <select id="selectChannelContactsForMove"
+            resultType="com.unis.crm.dto.expansion.ChannelExpansionContactDTO">
+        select
+            cc.contact_name as name,
+            cc.contact_mobile as mobile,
+            cc.contact_title as title
+        from crm_channel_expansion_contact cc
+        where cc.channel_expansion_id = #{channelExpansionId}
+        order by cc.sort_order asc nulls last, cc.id asc
+    </select>
+
+    <delete id="deleteChannelExpansion">
+        delete from crm_channel_expansion
+        where id = #{id}
+    </delete>
 </mapper>
diff --git a/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml b/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml
index a79b66db..5608abe0 100644
--- a/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml
+++ b/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml
@@ -53,6 +53,16 @@
         order by sort_order asc nulls last, dict_item_id asc
     </select>
 
+    <select id="selectAllDictItems" resultType="com.unis.crm.dto.opportunity.OpportunityDictOptionDTO">
+        select
+            item_label as label,
+            item_value as value
+        from sys_dict_item
+        where type_code = #{typeCode}
+          and coalesce(is_deleted, 0) = 0
+        order by sort_order asc nulls last, dict_item_id asc
+    </select>
+
     <select id="selectProvinceAreaOptions" resultType="com.unis.crm.dto.opportunity.OpportunityDictOptionDTO">
         select
             name as label,
@@ -104,6 +114,17 @@
         limit 1
     </select>
 
+    <!-- 忽略状态查询字典标签，用于已签约商机等需要保留历史数据的场景 -->
+    <select id="selectDictLabelIgnoreStatus" resultType="java.lang.String">
+        select item_label
+        from sys_dict_item
+        where type_code = #{typeCode}
+          and item_value = #{itemValue}
+          and coalesce(is_deleted, 0) = 0
+        order by case when status = 1 then 0 else 1 end, sort_order asc nulls last, dict_item_id asc
+        limit 1
+    </select>
+
     <select id="selectDictValueByLabel" resultType="java.lang.String">
         select item_value
         from sys_dict_item
@@ -152,7 +173,7 @@
                     when 'bidding' then '招投标'
                     when 'business_negotiation' then '商务谈判'
                     when 'won' then '已成交'
-                    when 'lost' then '已放弃'
+                    when 'lost' then 'L-已丢单'
                     else coalesce(o.stage, '初步沟通')
                 end
             ) as stage,
@@ -246,11 +267,14 @@
                 when 'bidding' then '招投标'
                 when 'business_negotiation' then '商务谈判'
                 when 'won' then '已成交'
-                when 'lost' then '已放弃'
+                when 'lost' then 'L-已丢单'
                 else o.stage
             end
          )
-         and stage_dict.status = 1
+         and (
+            stage_dict.status = 1
+            or coalesce(o.archived, false) = true
+         )
          and coalesce(stage_dict.is_deleted, 0) = 0
         left join sys_dict_item operator_dict
           on operator_dict.type_code = 'sj_yzf'
@@ -336,7 +360,7 @@
                     when 'bidding' then '招投标'
                     when 'business_negotiation' then '商务谈判'
                     when 'won' then '已成交'
-                    when 'lost' then '已放弃'
+                    when 'lost' then 'L-已丢单'
                     else coalesce(o.stage, '初步沟通')
                 end
             ) as stage,
@@ -429,11 +453,14 @@
                 when 'bidding' then '招投标'
                 when 'business_negotiation' then '商务谈判'
                 when 'won' then '已成交'
-                when 'lost' then '已放弃'
+                when 'lost' then 'L-已丢单'
                 else o.stage
             end
          )
-         and stage_dict.status = 1
+         and (
+            stage_dict.status = 1
+            or coalesce(o.archived, false) = true
+         )
          and coalesce(stage_dict.is_deleted, 0) = 0
         left join sys_dict_item operator_dict
           on operator_dict.type_code = 'sj_yzf'
@@ -501,6 +528,38 @@
         limit 1
     </select>
 
+    <select id="selectDuplicateOpportunities" resultType="com.unis.crm.dto.opportunity.OpportunityDuplicateCheckDTO$Item">
+        select
+            o.id as opportunityId,
+            o.opportunity_code as opportunityCode,
+            o.opportunity_name as opportunityName,
+            coalesce(c.customer_name, '') as customerName,
+            coalesce(stage_dict.item_label, o.stage, '') as stage
+        from crm_opportunity o
+        left join crm_customer c on c.id = o.customer_id
+        left join sys_dict_item stage_dict
+          on stage_dict.type_code = 'sj_xmjd'
+         and stage_dict.item_value = o.stage
+         and stage_dict.status = 1
+         and coalesce(stage_dict.is_deleted, 0) = 0
+        where coalesce(o.archived, false) = false
+          and o.opportunity_name &lt;&gt; ''
+          and replace(replace(upper(o.opportunity_name), ' ', ''), '　', '')
+              = replace(replace(upper(#{name}), ' ', ''), '　', '')
+        <if test="excludeId != null">
+            and o.id != #{excludeId}
+        </if>
+        <if test="excludeStageCodes != null and excludeStageCodes.size() > 0">
+            and coalesce(o.stage, '') not in (
+                <foreach item="code" collection="excludeStageCodes" open="(" separator="," close=")">
+                    #{code}
+                </foreach>
+            )
+        </if>
+        order by coalesce(o.updated_at, o.created_at) desc, o.id desc
+        limit 20
+    </select>
+
     <insert id="insertCustomer">
         insert into crm_customer (
             id,
diff --git a/backend/src/main/resources/mapper/work/WorkMapper.xml b/backend/src/main/resources/mapper/work/WorkMapper.xml
index 4bab1b43..de3dd2b5 100644
--- a/backend/src/main/resources/mapper/work/WorkMapper.xml
+++ b/backend/src/main/resources/mapper/work/WorkMapper.xml
@@ -724,7 +724,6 @@
 
     <insert id="insertCheckIn">
         insert into work_checkin (
-            id,
             user_id,
             checkin_date,
             checkin_time,
@@ -741,7 +740,6 @@
             created_at,
             updated_at
         ) values (
-            (select coalesce(max(id), 0) + 1 from work_checkin),
             #{userId},
             current_date,
             now(),
diff --git a/backend/src/test/java/com/unis/crm/service/impl/ExpansionServiceImplTest.java b/backend/src/test/java/com/unis/crm/service/impl/ExpansionServiceImplTest.java
index 78d029db..cf3f05c0 100644
--- a/backend/src/test/java/com/unis/crm/service/impl/ExpansionServiceImplTest.java
+++ b/backend/src/test/java/com/unis/crm/service/impl/ExpansionServiceImplTest.java
@@ -99,15 +99,16 @@ class ExpansionServiceImplTest {
     }
 
     @Test
-    void updateSalesExpansion_shouldSkipDuplicateEmployeeNoCheck() {
+    void updateSalesExpansion_shouldCheckDuplicateEmployeeNoExcludingSelf() {
         UpdateSalesExpansionRequest request = buildUpdateSalesRequest();
+        when(expansionMapper.countSalesExpansionByEmployeeNoExcludingId("EMP001", 10L)).thenReturn(0);
         when(expansionMapper.updateSalesExpansion(1L, 10L, request)).thenReturn(1);
 
         expansionService.updateSalesExpansion(1L, 10L, request);
 
-        verify(expansionMapper).updateSalesExpansion(1L, 10L, request);
+        verify(expansionMapper).countSalesExpansionByEmployeeNoExcludingId("EMP001", 10L);
         verify(expansionMapper, never()).countSalesExpansionByEmployeeNo(any());
-        verify(expansionMapper, never()).countSalesExpansionByEmployeeNoExcludingId(any(), any());
+        verify(expansionMapper).updateSalesExpansion(1L, 10L, request);
     }
 
     @Test
@@ -138,48 +139,55 @@ class ExpansionServiceImplTest {
     }
 
     @Test
-    void updateChannelExpansion_shouldSkipDuplicateChannelNameCheck() {
+    void updateChannelExpansion_shouldCheckDuplicateChannelNameExcludingSelf() {
         UpdateChannelExpansionRequest request = buildUpdateChannelRequest();
+        when(expansionMapper.countChannelExpansionByChannelNameExcludingId("渠道A", 20L)).thenReturn(0);
         when(expansionMapper.updateChannelExpansion(1L, 20L, request)).thenReturn(1);
 
         expansionService.updateChannelExpansion(1L, 20L, request);
 
+        verify(expansionMapper).countChannelExpansionByChannelNameExcludingId("渠道A", 20L);
+        verify(expansionMapper, never()).countChannelExpansionByChannelName(any());
         verify(expansionMapper).updateChannelExpansion(1L, 20L, request);
         verify(expansionMapper).deleteChannelContacts(20L);
         verify(expansionMapper).insertChannelContact(eq(20L), eq(1), any(ChannelExpansionContactRequest.class));
-        verify(expansionMapper, never()).countChannelExpansionByChannelName(any());
-        verify(expansionMapper, never()).countChannelExpansionByChannelNameExcludingId(any(), any());
     }
 
     @Test
-    void getOpportunityFormOptions_shouldReturnTenantScopedInitialOptions() {
+    void getOpportunityFormOptions_shouldReturnDataScopedOptions() {
         SalesExpansionItemDTO salesItem = new SalesExpansionItemDTO();
         salesItem.setId(11L);
         salesItem.setName("张三");
         when(tenantProvider.getCurrentTenantId()).thenReturn(100L);
-        when(expansionMapper.selectSalesExpansionsForTenant(100L, null, 20)).thenReturn(List.of(salesItem));
-        when(expansionMapper.selectChannelExpansionsForTenant(100L, null, 20)).thenReturn(List.of());
+        when(crmDataVisibilityService.resolveVisibility(1L, 100L, CrmDataVisibilityService.RESOURCE_EXPANSION))
+                .thenReturn(new DataVisibility(true, List.of(), List.of()));
+        when(expansionMapper.selectSalesExpansions(1L, null, 20)).thenReturn(List.of(salesItem));
+        when(expansionMapper.selectChannelExpansions(1L, null, 20)).thenReturn(List.of());
 
         ExpansionOverviewDTO result = expansionService.getOpportunityFormOptions(1L, null, null);
 
         assertEquals(1, result.getSalesItems().size());
         assertEquals(0, result.getChannelItems().size());
-        verify(expansionMapper).selectSalesExpansionsForTenant(100L, null, 20);
-        verify(expansionMapper).selectChannelExpansionsForTenant(100L, null, 20);
-        verify(expansionMapper, never()).selectSalesExpansions(any(), any(), any());
-        verify(expansionMapper, never()).selectChannelExpansions(any(), any(), any());
+        verify(expansionMapper).selectSalesExpansions(1L, null, 20);
+        verify(expansionMapper).selectChannelExpansions(1L, null, 20);
+        verify(expansionMapper, never()).selectSalesExpansionsForTenant(any(), any(), any());
+        verify(expansionMapper, never()).selectChannelExpansionsForTenant(any(), any(), any());
     }
 
     @Test
     void getOpportunityFormOptions_shouldPassKeywordAndLimit() {
         when(tenantProvider.getCurrentTenantId()).thenReturn(100L);
-        when(expansionMapper.selectSalesExpansionsForTenant(100L, "张", 15)).thenReturn(List.of());
-        when(expansionMapper.selectChannelExpansionsForTenant(100L, "张", 15)).thenReturn(List.of());
+        when(crmDataVisibilityService.resolveVisibility(1L, 100L, CrmDataVisibilityService.RESOURCE_EXPANSION))
+                .thenReturn(new DataVisibility(true, List.of(), List.of()));
+        when(expansionMapper.selectSalesExpansions(1L, "张", 15)).thenReturn(List.of());
+        when(expansionMapper.selectChannelExpansions(1L, "张", 15)).thenReturn(List.of());
 
         expansionService.getOpportunityFormOptions(1L, " 张 ", 15);
 
-        verify(expansionMapper).selectSalesExpansionsForTenant(100L, "张", 15);
-        verify(expansionMapper).selectChannelExpansionsForTenant(100L, "张", 15);
+        verify(expansionMapper).selectSalesExpansions(1L, "张", 15);
+        verify(expansionMapper).selectChannelExpansions(1L, "张", 15);
+        verify(expansionMapper, never()).selectSalesExpansionsForTenant(any(), any(), any());
+        verify(expansionMapper, never()).selectChannelExpansionsForTenant(any(), any(), any());
     }
 
     private CreateSalesExpansionRequest buildCreateSalesRequest() {
@@ -253,6 +261,8 @@ class ExpansionServiceImplTest {
         contact.setName("李四");
         contact.setMobile("13800138000");
         contact.setTitle("负责人");
+        contact.setWecomAdded("1");
+        contact.setSpecialNote("无");
         return contact;
     }
 }
diff --git a/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java b/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java
index 6000b78c..abfe71f2 100644
--- a/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java
+++ b/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java
@@ -207,6 +207,26 @@ class OpportunityServiceImplTest {
                         && Long.valueOf(0L).equals(normalized.getPreSalesId())));
     }
 
+    @Test
+    void updateOpportunityByIntegration_shouldForceStageS5WhenArchived() {
+        OpportunityIntegrationTargetDTO target = new OpportunityIntegrationTargetDTO();
+        target.setId(10L);
+        target.setOpportunityCode("V001");
+        when(opportunityMapper.selectOpportunityIntegrationTarget("V001")).thenReturn(target);
+        when(opportunityMapper.updateOpportunityByIntegration(eq(10L), any(UpdateOpportunityIntegrationRequest.class))).thenReturn(1);
+
+        UpdateOpportunityIntegrationRequest request = new UpdateOpportunityIntegrationRequest();
+        request.setOpportunityCode("V001");
+        request.setArchived(Boolean.TRUE);
+
+        Long result = opportunityService.updateOpportunityByIntegration(request);
+
+        assertEquals(10L, result);
+        verify(opportunityMapper).updateOpportunityByIntegration(eq(10L), argThat(normalized ->
+                "S5".equals(normalized.getStage())
+                        && Boolean.TRUE.equals(normalized.getArchived())));
+    }
+
     @Test
     void createOpportunity_shouldPersistEditableSnapshotFields() {
         when(permissionService.hasPermi("opportunity:create")).thenReturn(true);
diff --git a/frontend/index.html b/frontend/index.html
index dc1b2d1c..26b0c0c7 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/crm-favicon.svg" />
-    <title>紫光汇智CRM</title>
+    <title>Sales-Channel-Customer</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/node_modules/.vite/deps/_metadata.json b/frontend/node_modules/.vite/deps/_metadata.json
index ed323ac5..1b4fc8c6 100644
--- a/frontend/node_modules/.vite/deps/_metadata.json
+++ b/frontend/node_modules/.vite/deps/_metadata.json
@@ -2,102 +2,156 @@
   "hash": "540407b6",
   "configHash": "4d48f89c",
   "lockfileHash": "dddd8ddf",
-  "browserHash": "11edbc54",
+  "browserHash": "7051e2af",
   "optimized": {
     "react": {
       "src": "../../react/index.js",
       "file": "react.js",
-      "fileHash": "f1e46176",
+      "fileHash": "c8453beb",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "efb2a8e2",
+      "fileHash": "83a8035a",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "d5b77aa1",
+      "fileHash": "d679482b",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "ad778c8f",
+      "fileHash": "c64a82f0",
       "needsInterop": true
     },
     "clsx": {
       "src": "../../clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "cde11afc",
+      "fileHash": "6aeec3e9",
       "needsInterop": false
     },
     "date-fns": {
       "src": "../../date-fns/index.js",
       "file": "date-fns.js",
-      "fileHash": "b6351193",
+      "fileHash": "c6024d92",
       "needsInterop": false
     },
     "lucide-react": {
       "src": "../../lucide-react/dist/esm/lucide-react.js",
       "file": "lucide-react.js",
-      "fileHash": "8c7d4e04",
+      "fileHash": "3cfd294b",
       "needsInterop": false
     },
     "motion/react": {
       "src": "../../motion/dist/es/react.mjs",
       "file": "motion_react.js",
-      "fileHash": "92d599f0",
+      "fileHash": "dc6ddd02",
       "needsInterop": false
     },
     "react-dom/client": {
       "src": "../../react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "02796eff",
+      "fileHash": "b90ab706",
       "needsInterop": true
     },
     "react-router-dom": {
       "src": "../../react-router-dom/dist/index.mjs",
       "file": "react-router-dom.js",
-      "fileHash": "1f5aeac8",
+      "fileHash": "2d681b0e",
       "needsInterop": false
     },
     "tailwind-merge": {
       "src": "../../tailwind-merge/dist/bundle-mjs.mjs",
       "file": "tailwind-merge.js",
-      "fileHash": "5ab4e882",
+      "fileHash": "35b43695",
       "needsInterop": false
     },
     "date-fns/locale": {
       "src": "../../date-fns/locale.js",
       "file": "date-fns_locale.js",
-      "fileHash": "46729450",
+      "fileHash": "a3802832",
       "needsInterop": false
     },
     "exceljs": {
       "src": "../../exceljs/dist/exceljs.min.js",
       "file": "exceljs.js",
-      "fileHash": "1b4cd078",
+      "fileHash": "a7091ae1",
       "needsInterop": true
     },
     "recharts": {
       "src": "../../recharts/es6/index.js",
       "file": "recharts.js",
-      "fileHash": "f145b69c",
+      "fileHash": "83123172",
       "needsInterop": false
     },
     "echarts": {
       "src": "../../echarts/index.js",
       "file": "echarts.js",
-      "fileHash": "5cad0870",
+      "fileHash": "b3662c14",
+      "needsInterop": false
+    },
+    "echarts/core": {
+      "src": "../../echarts/core.js",
+      "file": "echarts_core.js",
+      "fileHash": "fe44db4f",
+      "needsInterop": false
+    },
+    "echarts/charts": {
+      "src": "../../echarts/charts.js",
+      "file": "echarts_charts.js",
+      "fileHash": "6663f90e",
+      "needsInterop": false
+    },
+    "echarts/components": {
+      "src": "../../echarts/components.js",
+      "file": "echarts_components.js",
+      "fileHash": "105e6a53",
+      "needsInterop": false
+    },
+    "echarts/renderers": {
+      "src": "../../echarts/renderers.js",
+      "file": "echarts_renderers.js",
+      "fileHash": "175febe0",
+      "needsInterop": false
+    },
+    "framer-motion": {
+      "src": "../../framer-motion/dist/es/index.mjs",
+      "file": "framer-motion.js",
+      "fileHash": "36e398a9",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-U7P2NEEE": {
-      "file": "chunk-U7P2NEEE.js"
+    "chunk-XJ4TCYC4": {
+      "file": "chunk-XJ4TCYC4.js"
+    },
+    "chunk-UQYG3D35": {
+      "file": "chunk-UQYG3D35.js"
+    },
+    "chunk-CPZR7XF2": {
+      "file": "chunk-CPZR7XF2.js"
+    },
+    "chunk-4GEPX7DH": {
+      "file": "chunk-4GEPX7DH.js"
+    },
+    "chunk-JUJSOZUN": {
+      "file": "chunk-JUJSOZUN.js"
+    },
+    "chunk-JOZHVH7B": {
+      "file": "chunk-JOZHVH7B.js"
+    },
+    "chunk-VTW7MBX2": {
+      "file": "chunk-VTW7MBX2.js"
+    },
+    "chunk-JQQT7BUO": {
+      "file": "chunk-JQQT7BUO.js"
+    },
+    "chunk-IS7GUWH2": {
+      "file": "chunk-IS7GUWH2.js"
     },
     "chunk-BCIG5HOZ": {
       "file": "chunk-BCIG5HOZ.js"
@@ -105,6 +159,9 @@
     "chunk-ZFXKT4LN": {
       "file": "chunk-ZFXKT4LN.js"
     },
+    "chunk-U7P2NEEE": {
+      "file": "chunk-U7P2NEEE.js"
+    },
     "chunk-5MXL5BYH": {
       "file": "chunk-5MXL5BYH.js"
     },
diff --git a/frontend/node_modules/.vite/deps/motion_react.js b/frontend/node_modules/.vite/deps/motion_react.js
index de40fb26..bba4bd9a 100644
--- a/frontend/node_modules/.vite/deps/motion_react.js
+++ b/frontend/node_modules/.vite/deps/motion_react.js
@@ -1,12227 +1,4 @@
 import {
-  require_jsx_runtime
-} from "./chunk-BCIG5HOZ.js";
-import {
-  require_react
-} from "./chunk-EUHAVL2Q.js";
-import {
-  __export,
-  __require,
-  __toESM
-} from "./chunk-2TUXWMP5.js";
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
-var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
-var import_react10 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
-var import_react = __toESM(require_react(), 1);
-var LayoutGroupContext = (0, import_react.createContext)({});
-
-// node_modules/framer-motion/dist/es/utils/use-constant.mjs
-var import_react2 = __toESM(require_react(), 1);
-function useConstant(init) {
-  const ref = (0, import_react2.useRef)(null);
-  if (ref.current === null) {
-    ref.current = init();
-  }
-  return ref.current;
-}
-
-// node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var import_react3 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/utils/is-browser.mjs
-var isBrowser = typeof window !== "undefined";
-
-// node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var useIsomorphicLayoutEffect = isBrowser ? import_react3.useLayoutEffect : import_react3.useEffect;
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
-var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
-var React3 = __toESM(require_react(), 1);
-var import_react7 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/PresenceContext.mjs
-var import_react4 = __toESM(require_react(), 1);
-var PresenceContext = (0, import_react4.createContext)(null);
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
-
-// node_modules/motion-utils/dist/es/array.mjs
-function addUniqueItem(arr, item) {
-  if (arr.indexOf(item) === -1)
-    arr.push(item);
-}
-function removeItem(arr, item) {
-  const index = arr.indexOf(item);
-  if (index > -1)
-    arr.splice(index, 1);
-}
-function moveItem([...arr], fromIndex, toIndex) {
-  const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;
-  if (startIndex >= 0 && startIndex < arr.length) {
-    const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;
-    const [item] = arr.splice(fromIndex, 1);
-    arr.splice(endIndex, 0, item);
-  }
-  return arr;
-}
-
-// node_modules/motion-utils/dist/es/clamp.mjs
-var clamp = (min, max, v) => {
-  if (v > max)
-    return max;
-  if (v < min)
-    return min;
-  return v;
-};
-
-// node_modules/motion-utils/dist/es/format-error-message.mjs
-function formatErrorMessage(message, errorCode) {
-  return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
-}
-
-// node_modules/motion-utils/dist/es/errors.mjs
-var warning = () => {
-};
-var invariant = () => {
-};
-if (typeof process !== "undefined" && true) {
-  warning = (check, message, errorCode) => {
-    if (!check && typeof console !== "undefined") {
-      console.warn(formatErrorMessage(message, errorCode));
-    }
-  };
-  invariant = (check, message, errorCode) => {
-    if (!check) {
-      throw new Error(formatErrorMessage(message, errorCode));
-    }
-  };
-}
-
-// node_modules/motion-utils/dist/es/global-config.mjs
-var MotionGlobalConfig = {};
-
-// node_modules/motion-utils/dist/es/is-numerical-string.mjs
-var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
-
-// node_modules/motion-utils/dist/es/is-object.mjs
-function isObject(value) {
-  return typeof value === "object" && value !== null;
-}
-
-// node_modules/motion-utils/dist/es/is-zero-value-string.mjs
-var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
-
-// node_modules/motion-utils/dist/es/memo.mjs
-function memo(callback) {
-  let result;
-  return () => {
-    if (result === void 0)
-      result = callback();
-    return result;
-  };
-}
-
-// node_modules/motion-utils/dist/es/noop.mjs
-var noop = (any) => any;
-
-// node_modules/motion-utils/dist/es/pipe.mjs
-var combineFunctions = (a, b) => (v) => b(a(v));
-var pipe = (...transformers) => transformers.reduce(combineFunctions);
-
-// node_modules/motion-utils/dist/es/progress.mjs
-var progress = (from, to, value) => {
-  const toFromDifference = to - from;
-  return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
-};
-
-// node_modules/motion-utils/dist/es/subscription-manager.mjs
-var SubscriptionManager = class {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(handler) {
-    addUniqueItem(this.subscriptions, handler);
-    return () => removeItem(this.subscriptions, handler);
-  }
-  notify(a, b, c) {
-    const numSubscriptions = this.subscriptions.length;
-    if (!numSubscriptions)
-      return;
-    if (numSubscriptions === 1) {
-      this.subscriptions[0](a, b, c);
-    } else {
-      for (let i = 0; i < numSubscriptions; i++) {
-        const handler = this.subscriptions[i];
-        handler && handler(a, b, c);
-      }
-    }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
-};
-
-// node_modules/motion-utils/dist/es/time-conversion.mjs
-var secondsToMilliseconds = (seconds) => seconds * 1e3;
-var millisecondsToSeconds = (milliseconds) => milliseconds / 1e3;
-
-// node_modules/motion-utils/dist/es/velocity-per-second.mjs
-function velocityPerSecond(velocity, frameDuration) {
-  return frameDuration ? velocity * (1e3 / frameDuration) : 0;
-}
-
-// node_modules/motion-utils/dist/es/warn-once.mjs
-var warned = /* @__PURE__ */ new Set();
-function hasWarned(message) {
-  return warned.has(message);
-}
-function warnOnce(condition, message, errorCode) {
-  if (condition || warned.has(message))
-    return;
-  console.warn(formatErrorMessage(message, errorCode));
-  warned.add(message);
-}
-
-// node_modules/motion-utils/dist/es/wrap.mjs
-var wrap = (min, max, v) => {
-  const rangeSize = max - min;
-  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
-};
-
-// node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
-var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
-var subdivisionPrecision = 1e-7;
-var subdivisionMaxIterations = 12;
-function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
-  let currentX;
-  let currentT;
-  let i = 0;
-  do {
-    currentT = lowerBound + (upperBound - lowerBound) / 2;
-    currentX = calcBezier(currentT, mX1, mX2) - x;
-    if (currentX > 0) {
-      upperBound = currentT;
-    } else {
-      lowerBound = currentT;
-    }
-  } while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
-  return currentT;
-}
-function cubicBezier(mX1, mY1, mX2, mY2) {
-  if (mX1 === mY1 && mX2 === mY2)
-    return noop;
-  const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
-  return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
-}
-
-// node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
-var mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
-
-// node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
-var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
-
-// node_modules/motion-utils/dist/es/easing/back.mjs
-var backOut = cubicBezier(0.33, 1.53, 0.69, 0.99);
-var backIn = reverseEasing(backOut);
-var backInOut = mirrorEasing(backIn);
-
-// node_modules/motion-utils/dist/es/easing/anticipate.mjs
-var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
-
-// node_modules/motion-utils/dist/es/easing/circ.mjs
-var circIn = (p) => 1 - Math.sin(Math.acos(p));
-var circOut = reverseEasing(circIn);
-var circInOut = mirrorEasing(circIn);
-
-// node_modules/motion-utils/dist/es/easing/ease.mjs
-var easeIn = cubicBezier(0.42, 0, 1, 1);
-var easeOut = cubicBezier(0, 0, 0.58, 1);
-var easeInOut = cubicBezier(0.42, 0, 0.58, 1);
-
-// node_modules/motion-utils/dist/es/easing/steps.mjs
-function steps(numSteps, direction = "end") {
-  return (progress2) => {
-    progress2 = direction === "end" ? Math.min(progress2, 0.999) : Math.max(progress2, 1e-3);
-    const expanded = progress2 * numSteps;
-    const rounded = direction === "end" ? Math.floor(expanded) : Math.ceil(expanded);
-    return clamp(0, 1, rounded / numSteps);
-  };
-}
-
-// node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
-var isEasingArray = (ease2) => {
-  return Array.isArray(ease2) && typeof ease2[0] !== "number";
-};
-
-// node_modules/motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs
-function getEasingForSegment(easing, i) {
-  return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing;
-}
-
-// node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs
-var isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
-
-// node_modules/motion-utils/dist/es/easing/utils/map.mjs
-var easingLookup = {
-  linear: noop,
-  easeIn,
-  easeInOut,
-  easeOut,
-  circIn,
-  circInOut,
-  circOut,
-  backIn,
-  backInOut,
-  backOut,
-  anticipate
-};
-var isValidEasing = (easing) => {
-  return typeof easing === "string";
-};
-var easingDefinitionToFunction = (definition) => {
-  if (isBezierDefinition(definition)) {
-    invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, "cubic-bezier-length");
-    const [x1, y1, x2, y2] = definition;
-    return cubicBezier(x1, y1, x2, y2);
-  } else if (isValidEasing(definition)) {
-    invariant(easingLookup[definition] !== void 0, `Invalid easing type '${definition}'`, "invalid-easing-type");
-    return easingLookup[definition];
-  }
-  return definition;
-};
-
-// node_modules/motion-dom/dist/es/frameloop/order.mjs
-var stepsOrder = [
-  "setup",
-  // Compute
-  "read",
-  // Read
-  "resolveKeyframes",
-  // Write/Read/Write/Read
-  "preUpdate",
-  // Compute
-  "update",
-  // Compute
-  "preRender",
-  // Compute
-  "render",
-  // Write
-  "postRender"
-  // Compute
-];
-
-// node_modules/motion-dom/dist/es/stats/buffer.mjs
-var statsBuffer = {
-  value: null,
-  addProjectionMetrics: null
-};
-
-// node_modules/motion-dom/dist/es/frameloop/render-step.mjs
-function createRenderStep(runNextFrame, stepName) {
-  let thisFrame = /* @__PURE__ */ new Set();
-  let nextFrame = /* @__PURE__ */ new Set();
-  let isProcessing = false;
-  let flushNextFrame = false;
-  const toKeepAlive = /* @__PURE__ */ new WeakSet();
-  let latestFrameData = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: false
-  };
-  let numCalls = 0;
-  function triggerCallback(callback) {
-    if (toKeepAlive.has(callback)) {
-      step.schedule(callback);
-      runNextFrame();
-    }
-    numCalls++;
-    callback(latestFrameData);
-  }
-  const step = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (callback, keepAlive = false, immediate = false) => {
-      const addToCurrentFrame = immediate && isProcessing;
-      const queue = addToCurrentFrame ? thisFrame : nextFrame;
-      if (keepAlive)
-        toKeepAlive.add(callback);
-      queue.add(callback);
-      return callback;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (callback) => {
-      nextFrame.delete(callback);
-      toKeepAlive.delete(callback);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (frameData2) => {
-      latestFrameData = frameData2;
-      if (isProcessing) {
-        flushNextFrame = true;
-        return;
-      }
-      isProcessing = true;
-      const prevFrame = thisFrame;
-      thisFrame = nextFrame;
-      nextFrame = prevFrame;
-      thisFrame.forEach(triggerCallback);
-      if (stepName && statsBuffer.value) {
-        statsBuffer.value.frameloop[stepName].push(numCalls);
-      }
-      numCalls = 0;
-      thisFrame.clear();
-      isProcessing = false;
-      if (flushNextFrame) {
-        flushNextFrame = false;
-        step.process(frameData2);
-      }
-    }
-  };
-  return step;
-}
-
-// node_modules/motion-dom/dist/es/frameloop/batcher.mjs
-var maxElapsed = 40;
-function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
-  let runNextFrame = false;
-  let useDefaultElapsed = true;
-  const state = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: false
-  };
-  const flagRunNextFrame = () => runNextFrame = true;
-  const steps2 = stepsOrder.reduce((acc, key) => {
-    acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : void 0);
-    return acc;
-  }, {});
-  const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender } = steps2;
-  const processBatch = () => {
-    const useManualTiming = MotionGlobalConfig.useManualTiming;
-    const timestamp = useManualTiming ? state.timestamp : performance.now();
-    runNextFrame = false;
-    if (!useManualTiming) {
-      state.delta = useDefaultElapsed ? 1e3 / 60 : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);
-    }
-    state.timestamp = timestamp;
-    state.isProcessing = true;
-    setup.process(state);
-    read.process(state);
-    resolveKeyframes.process(state);
-    preUpdate.process(state);
-    update.process(state);
-    preRender.process(state);
-    render.process(state);
-    postRender.process(state);
-    state.isProcessing = false;
-    if (runNextFrame && allowKeepAlive) {
-      useDefaultElapsed = false;
-      scheduleNextBatch(processBatch);
-    }
-  };
-  const wake = () => {
-    runNextFrame = true;
-    useDefaultElapsed = true;
-    if (!state.isProcessing) {
-      scheduleNextBatch(processBatch);
-    }
-  };
-  const schedule = stepsOrder.reduce((acc, key) => {
-    const step = steps2[key];
-    acc[key] = (process2, keepAlive = false, immediate = false) => {
-      if (!runNextFrame)
-        wake();
-      return step.schedule(process2, keepAlive, immediate);
-    };
-    return acc;
-  }, {});
-  const cancel = (process2) => {
-    for (let i = 0; i < stepsOrder.length; i++) {
-      steps2[stepsOrder[i]].cancel(process2);
-    }
-  };
-  return { schedule, cancel, state, steps: steps2 };
-}
-
-// node_modules/motion-dom/dist/es/frameloop/frame.mjs
-var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
-
-// node_modules/motion-dom/dist/es/frameloop/sync-time.mjs
-var now;
-function clearTime() {
-  now = void 0;
-}
-var time = {
-  now: () => {
-    if (now === void 0) {
-      time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming ? frameData.timestamp : performance.now());
-    }
-    return now;
-  },
-  set: (newTime) => {
-    now = newTime;
-    queueMicrotask(clearTime);
-  }
-};
-
-// node_modules/motion-dom/dist/es/stats/animation-count.mjs
-var activeAnimations = {
-  layout: 0,
-  mainThread: 0,
-  waapi: 0
-};
-
-// node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs
-var checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
-var isCSSVariableName = checkStringStartsWith("--");
-var startsAsVariableToken = checkStringStartsWith("var(--");
-var isCSSVariableToken = (value) => {
-  const startsWithToken = startsAsVariableToken(value);
-  if (!startsWithToken)
-    return false;
-  return singleCssVariableRegex.test(value.split("/*")[0].trim());
-};
-var singleCssVariableRegex = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function containsCSSVariable(value) {
-  if (typeof value !== "string")
-    return false;
-  return value.split("/*")[0].includes("var(--");
-}
-
-// node_modules/motion-dom/dist/es/value/types/numbers/index.mjs
-var number = {
-  test: (v) => typeof v === "number",
-  parse: parseFloat,
-  transform: (v) => v
-};
-var alpha = {
-  ...number,
-  transform: (v) => clamp(0, 1, v)
-};
-var scale = {
-  ...number,
-  default: 1
-};
-
-// node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
-var sanitize = (v) => Math.round(v * 1e5) / 1e5;
-
-// node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs
-var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-
-// node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs
-function isNullish(v) {
-  return v == null;
-}
-
-// node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs
-var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
-
-// node_modules/motion-dom/dist/es/value/types/color/utils.mjs
-var isColorString = (type, testProp) => (v) => {
-  return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
-};
-var splitColor = (aName, bName, cName) => (v) => {
-  if (typeof v !== "string")
-    return v;
-  const [a, b, c, alpha2] = v.match(floatRegex);
-  return {
-    [aName]: parseFloat(a),
-    [bName]: parseFloat(b),
-    [cName]: parseFloat(c),
-    alpha: alpha2 !== void 0 ? parseFloat(alpha2) : 1
-  };
-};
-
-// node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
-var clampRgbUnit = (v) => clamp(0, 255, v);
-var rgbUnit = {
-  ...number,
-  transform: (v) => Math.round(clampRgbUnit(v))
-};
-var rgba = {
-  test: isColorString("rgb", "red"),
-  parse: splitColor("red", "green", "blue"),
-  transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
-};
-
-// node_modules/motion-dom/dist/es/value/types/color/hex.mjs
-function parseHex(v) {
-  let r = "";
-  let g = "";
-  let b = "";
-  let a = "";
-  if (v.length > 5) {
-    r = v.substring(1, 3);
-    g = v.substring(3, 5);
-    b = v.substring(5, 7);
-    a = v.substring(7, 9);
-  } else {
-    r = v.substring(1, 2);
-    g = v.substring(2, 3);
-    b = v.substring(3, 4);
-    a = v.substring(4, 5);
-    r += r;
-    g += g;
-    b += b;
-    a += a;
-  }
-  return {
-    red: parseInt(r, 16),
-    green: parseInt(g, 16),
-    blue: parseInt(b, 16),
-    alpha: a ? parseInt(a, 16) / 255 : 1
-  };
-}
-var hex = {
-  test: isColorString("#"),
-  parse: parseHex,
-  transform: rgba.transform
-};
-
-// node_modules/motion-dom/dist/es/value/types/numbers/units.mjs
-var createUnitType = (unit) => ({
-  test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (v) => `${v}${unit}`
-});
-var degrees = createUnitType("deg");
-var percent = createUnitType("%");
-var px = createUnitType("px");
-var vh = createUnitType("vh");
-var vw = createUnitType("vw");
-var progressPercentage = (() => ({
-  ...percent,
-  parse: (v) => percent.parse(v) / 100,
-  transform: (v) => percent.transform(v * 100)
-}))();
-
-// node_modules/motion-dom/dist/es/value/types/color/hsla.mjs
-var hsla = {
-  test: isColorString("hsl", "hue"),
-  parse: splitColor("hue", "saturation", "lightness"),
-  transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
-    return "hsla(" + Math.round(hue) + ", " + percent.transform(sanitize(saturation)) + ", " + percent.transform(sanitize(lightness)) + ", " + sanitize(alpha.transform(alpha$1)) + ")";
-  }
-};
-
-// node_modules/motion-dom/dist/es/value/types/color/index.mjs
-var color = {
-  test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
-  parse: (v) => {
-    if (rgba.test(v)) {
-      return rgba.parse(v);
-    } else if (hsla.test(v)) {
-      return hsla.parse(v);
-    } else {
-      return hex.parse(v);
-    }
-  },
-  transform: (v) => {
-    return typeof v === "string" ? v : v.hasOwnProperty("red") ? rgba.transform(v) : hsla.transform(v);
-  },
-  getAnimatableNone: (v) => {
-    const parsed = color.parse(v);
-    parsed.alpha = 0;
-    return color.transform(parsed);
-  }
-};
-
-// node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs
-var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-
-// node_modules/motion-dom/dist/es/value/types/complex/index.mjs
-function test(v) {
-  var _a, _b;
-  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) == null ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) == null ? void 0 : _b.length) || 0) > 0;
-}
-var NUMBER_TOKEN = "number";
-var COLOR_TOKEN = "color";
-var VAR_TOKEN = "var";
-var VAR_FUNCTION_TOKEN = "var(";
-var SPLIT_TOKEN = "${}";
-var complexRegex = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function analyseComplexValue(value) {
-  const originalValue = value.toString();
-  const values = [];
-  const indexes = {
-    color: [],
-    number: [],
-    var: []
-  };
-  const types = [];
-  let i = 0;
-  const tokenised = originalValue.replace(complexRegex, (parsedValue) => {
-    if (color.test(parsedValue)) {
-      indexes.color.push(i);
-      types.push(COLOR_TOKEN);
-      values.push(color.parse(parsedValue));
-    } else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {
-      indexes.var.push(i);
-      types.push(VAR_TOKEN);
-      values.push(parsedValue);
-    } else {
-      indexes.number.push(i);
-      types.push(NUMBER_TOKEN);
-      values.push(parseFloat(parsedValue));
-    }
-    ++i;
-    return SPLIT_TOKEN;
-  });
-  const split = tokenised.split(SPLIT_TOKEN);
-  return { values, split, indexes, types };
-}
-function parseComplexValue(v) {
-  return analyseComplexValue(v).values;
-}
-function buildTransformer({ split, types }) {
-  const numSections = split.length;
-  return (v) => {
-    let output = "";
-    for (let i = 0; i < numSections; i++) {
-      output += split[i];
-      if (v[i] !== void 0) {
-        const type = types[i];
-        if (type === NUMBER_TOKEN) {
-          output += sanitize(v[i]);
-        } else if (type === COLOR_TOKEN) {
-          output += color.transform(v[i]);
-        } else {
-          output += v[i];
-        }
-      }
-    }
-    return output;
-  };
-}
-function createTransformer(source) {
-  return buildTransformer(analyseComplexValue(source));
-}
-var convertNumbersToZero = (v) => typeof v === "number" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;
-var convertToZero = (value, splitBefore) => {
-  if (typeof value === "number") {
-    return (splitBefore == null ? void 0 : splitBefore.trim().endsWith("/")) ? value : 0;
-  }
-  return convertNumbersToZero(value);
-};
-function getAnimatableNone(v) {
-  const info = analyseComplexValue(v);
-  const transformer = buildTransformer(info);
-  return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));
-}
-var complex = {
-  test,
-  parse: parseComplexValue,
-  createTransformer,
-  getAnimatableNone
-};
-
-// node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs
-function hueToRgb(p, q, t) {
-  if (t < 0)
-    t += 1;
-  if (t > 1)
-    t -= 1;
-  if (t < 1 / 6)
-    return p + (q - p) * 6 * t;
-  if (t < 1 / 2)
-    return q;
-  if (t < 2 / 3)
-    return p + (q - p) * (2 / 3 - t) * 6;
-  return p;
-}
-function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
-  hue /= 360;
-  saturation /= 100;
-  lightness /= 100;
-  let red = 0;
-  let green = 0;
-  let blue = 0;
-  if (!saturation) {
-    red = green = blue = lightness;
-  } else {
-    const q = lightness < 0.5 ? lightness * (1 + saturation) : lightness + saturation - lightness * saturation;
-    const p = 2 * lightness - q;
-    red = hueToRgb(p, q, hue + 1 / 3);
-    green = hueToRgb(p, q, hue);
-    blue = hueToRgb(p, q, hue - 1 / 3);
-  }
-  return {
-    red: Math.round(red * 255),
-    green: Math.round(green * 255),
-    blue: Math.round(blue * 255),
-    alpha: alpha2
-  };
-}
-
-// node_modules/motion-dom/dist/es/utils/mix/immediate.mjs
-function mixImmediate(a, b) {
-  return (p) => p > 0 ? b : a;
-}
-
-// node_modules/motion-dom/dist/es/utils/mix/number.mjs
-var mixNumber = (from, to, progress2) => {
-  return from + (to - from) * progress2;
-};
-
-// node_modules/motion-dom/dist/es/utils/mix/color.mjs
-var mixLinearColor = (from, to, v) => {
-  const fromExpo = from * from;
-  const expo = v * (to * to - fromExpo) + fromExpo;
-  return expo < 0 ? 0 : Math.sqrt(expo);
-};
-var colorTypes = [hex, rgba, hsla];
-var getColorType = (v) => colorTypes.find((type) => type.test(v));
-function asRGBA(color2) {
-  const type = getColorType(color2);
-  warning(Boolean(type), `'${color2}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable");
-  if (!Boolean(type))
-    return false;
-  let model = type.parse(color2);
-  if (type === hsla) {
-    model = hslaToRgba(model);
-  }
-  return model;
-}
-var mixColor = (from, to) => {
-  const fromRGBA = asRGBA(from);
-  const toRGBA = asRGBA(to);
-  if (!fromRGBA || !toRGBA) {
-    return mixImmediate(from, to);
-  }
-  const blended = { ...fromRGBA };
-  return (v) => {
-    blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);
-    blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);
-    blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);
-    blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v);
-    return rgba.transform(blended);
-  };
-};
-
-// node_modules/motion-dom/dist/es/utils/mix/visibility.mjs
-var invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
-function mixVisibility(origin, target) {
-  if (invisibleValues.has(origin)) {
-    return (p) => p <= 0 ? origin : target;
-  } else {
-    return (p) => p >= 1 ? target : origin;
-  }
-}
-
-// node_modules/motion-dom/dist/es/utils/mix/complex.mjs
-function mixNumber2(a, b) {
-  return (p) => mixNumber(a, b, p);
-}
-function getMixer(a) {
-  if (typeof a === "number") {
-    return mixNumber2;
-  } else if (typeof a === "string") {
-    return isCSSVariableToken(a) ? mixImmediate : color.test(a) ? mixColor : mixComplex;
-  } else if (Array.isArray(a)) {
-    return mixArray;
-  } else if (typeof a === "object") {
-    return color.test(a) ? mixColor : mixObject;
-  }
-  return mixImmediate;
-}
-function mixArray(a, b) {
-  const output = [...a];
-  const numValues = output.length;
-  const blendValue = a.map((v, i) => getMixer(v)(v, b[i]));
-  return (p) => {
-    for (let i = 0; i < numValues; i++) {
-      output[i] = blendValue[i](p);
-    }
-    return output;
-  };
-}
-function mixObject(a, b) {
-  const output = { ...a, ...b };
-  const blendValue = {};
-  for (const key in output) {
-    if (a[key] !== void 0 && b[key] !== void 0) {
-      blendValue[key] = getMixer(a[key])(a[key], b[key]);
-    }
-  }
-  return (v) => {
-    for (const key in blendValue) {
-      output[key] = blendValue[key](v);
-    }
-    return output;
-  };
-}
-function matchOrder(origin, target) {
-  const orderedOrigin = [];
-  const pointers = { color: 0, var: 0, number: 0 };
-  for (let i = 0; i < target.values.length; i++) {
-    const type = target.types[i];
-    const originIndex = origin.indexes[type][pointers[type]];
-    const originValue = origin.values[originIndex] ?? 0;
-    orderedOrigin[i] = originValue;
-    pointers[type]++;
-  }
-  return orderedOrigin;
-}
-var mixComplex = (origin, target) => {
-  const template = complex.createTransformer(target);
-  const originStats = analyseComplexValue(origin);
-  const targetStats = analyseComplexValue(target);
-  const canInterpolate = originStats.indexes.var.length === targetStats.indexes.var.length && originStats.indexes.color.length === targetStats.indexes.color.length && originStats.indexes.number.length >= targetStats.indexes.number.length;
-  if (canInterpolate) {
-    if (invisibleValues.has(origin) && !targetStats.values.length || invisibleValues.has(target) && !originStats.values.length) {
-      return mixVisibility(origin, target);
-    }
-    return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);
-  } else {
-    warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different");
-    return mixImmediate(origin, target);
-  }
-};
-
-// node_modules/motion-dom/dist/es/utils/mix/index.mjs
-function mix(from, to, p) {
-  if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
-    return mixNumber(from, to, p);
-  }
-  const mixer = getMixer(from);
-  return mixer(from, to);
-}
-
-// node_modules/motion-dom/dist/es/animation/drivers/frame.mjs
-var frameloopDriver = (update) => {
-  const passTimestamp = ({ timestamp }) => update(timestamp);
-  return {
-    start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),
-    stop: () => cancelFrame(passTimestamp),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => frameData.isProcessing ? frameData.timestamp : time.now()
-  };
-};
-
-// node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs
-var generateLinearEasing = (easing, duration, resolution = 10) => {
-  let points = "";
-  const numPoints = Math.max(Math.round(duration / resolution), 2);
-  for (let i = 0; i < numPoints; i++) {
-    points += Math.round(easing(i / (numPoints - 1)) * 1e4) / 1e4 + ", ";
-  }
-  return `linear(${points.substring(0, points.length - 2)})`;
-};
-
-// node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs
-var maxGeneratorDuration = 2e4;
-function calcGeneratorDuration(generator) {
-  let duration = 0;
-  const timeStep = 50;
-  let state = generator.next(duration);
-  while (!state.done && duration < maxGeneratorDuration) {
-    duration += timeStep;
-    state = generator.next(duration);
-  }
-  return duration >= maxGeneratorDuration ? Infinity : duration;
-}
-
-// node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
-function createGeneratorEasing(options, scale2 = 100, createGenerator) {
-  const generator = createGenerator({ ...options, keyframes: [0, scale2] });
-  const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
-  return {
-    type: "keyframes",
-    ease: (progress2) => {
-      return generator.next(duration * progress2).value / scale2;
-    },
-    duration: millisecondsToSeconds(duration)
-  };
-}
-
-// node_modules/motion-dom/dist/es/animation/generators/spring.mjs
-var springDefaults = {
-  // Default spring physics
-  stiffness: 100,
-  damping: 10,
-  mass: 1,
-  velocity: 0,
-  // Default duration/bounce-based options
-  duration: 800,
-  // in ms
-  bounce: 0.3,
-  visualDuration: 0.3,
-  // in seconds
-  // Rest thresholds
-  restSpeed: {
-    granular: 0.01,
-    default: 2
-  },
-  restDelta: {
-    granular: 5e-3,
-    default: 0.5
-  },
-  // Limits
-  minDuration: 0.01,
-  // in seconds
-  maxDuration: 10,
-  // in seconds
-  minDamping: 0.05,
-  maxDamping: 1
-};
-function calcAngularFreq(undampedFreq, dampingRatio) {
-  return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);
-}
-var rootIterations = 12;
-function approximateRoot(envelope, derivative, initialGuess) {
-  let result = initialGuess;
-  for (let i = 1; i < rootIterations; i++) {
-    result = result - envelope(result) / derivative(result);
-  }
-  return result;
-}
-var safeMin = 1e-3;
-function findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass }) {
-  let envelope;
-  let derivative;
-  warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
-  let dampingRatio = 1 - bounce;
-  dampingRatio = clamp(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio);
-  duration = clamp(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration));
-  if (dampingRatio < 1) {
-    envelope = (undampedFreq2) => {
-      const exponentialDecay = undampedFreq2 * dampingRatio;
-      const delta = exponentialDecay * duration;
-      const a = exponentialDecay - velocity;
-      const b = calcAngularFreq(undampedFreq2, dampingRatio);
-      const c = Math.exp(-delta);
-      return safeMin - a / b * c;
-    };
-    derivative = (undampedFreq2) => {
-      const exponentialDecay = undampedFreq2 * dampingRatio;
-      const delta = exponentialDecay * duration;
-      const d = delta * velocity + velocity;
-      const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq2, 2) * duration;
-      const f = Math.exp(-delta);
-      const g = calcAngularFreq(Math.pow(undampedFreq2, 2), dampingRatio);
-      const factor = -envelope(undampedFreq2) + safeMin > 0 ? -1 : 1;
-      return factor * ((d - e) * f) / g;
-    };
-  } else {
-    envelope = (undampedFreq2) => {
-      const a = Math.exp(-undampedFreq2 * duration);
-      const b = (undampedFreq2 - velocity) * duration + 1;
-      return -safeMin + a * b;
-    };
-    derivative = (undampedFreq2) => {
-      const a = Math.exp(-undampedFreq2 * duration);
-      const b = (velocity - undampedFreq2) * (duration * duration);
-      return a * b;
-    };
-  }
-  const initialGuess = 5 / duration;
-  const undampedFreq = approximateRoot(envelope, derivative, initialGuess);
-  duration = secondsToMilliseconds(duration);
-  if (isNaN(undampedFreq)) {
-    return {
-      stiffness: springDefaults.stiffness,
-      damping: springDefaults.damping,
-      duration
-    };
-  } else {
-    const stiffness = Math.pow(undampedFreq, 2) * mass;
-    return {
-      stiffness,
-      damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),
-      duration
-    };
-  }
-}
-var durationKeys = ["duration", "bounce"];
-var physicsKeys = ["stiffness", "damping", "mass"];
-function isSpringType(options, keys2) {
-  return keys2.some((key) => options[key] !== void 0);
-}
-function getSpringOptions(options) {
-  let springOptions = {
-    velocity: springDefaults.velocity,
-    stiffness: springDefaults.stiffness,
-    damping: springDefaults.damping,
-    mass: springDefaults.mass,
-    isResolvedFromDuration: false,
-    ...options
-  };
-  if (!isSpringType(options, physicsKeys) && isSpringType(options, durationKeys)) {
-    springOptions.velocity = 0;
-    if (options.visualDuration) {
-      const visualDuration = options.visualDuration;
-      const root = 2 * Math.PI / (visualDuration * 1.2);
-      const stiffness = root * root;
-      const damping = 2 * clamp(0.05, 1, 1 - (options.bounce || 0)) * Math.sqrt(stiffness);
-      springOptions = {
-        ...springOptions,
-        mass: springDefaults.mass,
-        stiffness,
-        damping
-      };
-    } else {
-      const derived = findSpring({ ...options, velocity: 0 });
-      springOptions = {
-        ...springOptions,
-        ...derived,
-        mass: springDefaults.mass
-      };
-      springOptions.isResolvedFromDuration = true;
-    }
-  }
-  return springOptions;
-}
-function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce = springDefaults.bounce) {
-  const options = typeof optionsOrVisualDuration !== "object" ? {
-    visualDuration: optionsOrVisualDuration,
-    keyframes: [0, 1],
-    bounce
-  } : optionsOrVisualDuration;
-  let { restSpeed, restDelta } = options;
-  const origin = options.keyframes[0];
-  const target = options.keyframes[options.keyframes.length - 1];
-  const state = { done: false, value: origin };
-  const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration } = getSpringOptions({
-    ...options,
-    velocity: -millisecondsToSeconds(options.velocity || 0)
-  });
-  const initialVelocity = velocity || 0;
-  const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass));
-  const initialDelta = target - origin;
-  const undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass));
-  const isGranularScale = Math.abs(initialDelta) < 5;
-  restSpeed || (restSpeed = isGranularScale ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default);
-  restDelta || (restDelta = isGranularScale ? springDefaults.restDelta.granular : springDefaults.restDelta.default);
-  let resolveSpring;
-  let resolveVelocity;
-  let angularFreq;
-  let A;
-  let sinCoeff;
-  let cosCoeff;
-  if (dampingRatio < 1) {
-    angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);
-    A = (initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) / angularFreq;
-    resolveSpring = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      return target - envelope * (A * Math.sin(angularFreq * t) + initialDelta * Math.cos(angularFreq * t));
-    };
-    sinCoeff = dampingRatio * undampedAngularFreq * A + initialDelta * angularFreq;
-    cosCoeff = dampingRatio * undampedAngularFreq * initialDelta - A * angularFreq;
-    resolveVelocity = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      return envelope * (sinCoeff * Math.sin(angularFreq * t) + cosCoeff * Math.cos(angularFreq * t));
-    };
-  } else if (dampingRatio === 1) {
-    resolveSpring = (t) => target - Math.exp(-undampedAngularFreq * t) * (initialDelta + (initialVelocity + undampedAngularFreq * initialDelta) * t);
-    const C = initialVelocity + undampedAngularFreq * initialDelta;
-    resolveVelocity = (t) => Math.exp(-undampedAngularFreq * t) * (undampedAngularFreq * C * t - initialVelocity);
-  } else {
-    const dampedAngularFreq = undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1);
-    resolveSpring = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      const freqForT = Math.min(dampedAngularFreq * t, 300);
-      return target - envelope * ((initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) * Math.sinh(freqForT) + dampedAngularFreq * initialDelta * Math.cosh(freqForT)) / dampedAngularFreq;
-    };
-    const P = (initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) / dampedAngularFreq;
-    const sinhCoeff = dampingRatio * undampedAngularFreq * P - initialDelta * dampedAngularFreq;
-    const coshCoeff = dampingRatio * undampedAngularFreq * initialDelta - P * dampedAngularFreq;
-    resolveVelocity = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      const freqForT = Math.min(dampedAngularFreq * t, 300);
-      return envelope * (sinhCoeff * Math.sinh(freqForT) + coshCoeff * Math.cosh(freqForT));
-    };
-  }
-  const generator = {
-    calculatedDuration: isResolvedFromDuration ? duration || null : null,
-    velocity: (t) => secondsToMilliseconds(resolveVelocity(t)),
-    next: (t) => {
-      if (!isResolvedFromDuration && dampingRatio < 1) {
-        const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-        const sin = Math.sin(angularFreq * t);
-        const cos = Math.cos(angularFreq * t);
-        const current3 = target - envelope * (A * sin + initialDelta * cos);
-        const currentVelocity = secondsToMilliseconds(envelope * (sinCoeff * sin + cosCoeff * cos));
-        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current3) <= restDelta;
-        state.value = state.done ? target : current3;
-        return state;
-      }
-      const current2 = resolveSpring(t);
-      if (!isResolvedFromDuration) {
-        const currentVelocity = secondsToMilliseconds(resolveVelocity(t));
-        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current2) <= restDelta;
-      } else {
-        state.done = t >= duration;
-      }
-      state.value = state.done ? target : current2;
-      return state;
-    },
-    toString: () => {
-      const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
-      const easing = generateLinearEasing((progress2) => generator.next(calculatedDuration * progress2).value, calculatedDuration, 30);
-      return calculatedDuration + "ms " + easing;
-    },
-    toTransition: () => {
-    }
-  };
-  return generator;
-}
-spring.applyToOptions = (options) => {
-  const generatorOptions = createGeneratorEasing(options, 100, spring);
-  options.ease = generatorOptions.ease;
-  options.duration = secondsToMilliseconds(generatorOptions.duration);
-  options.type = "keyframes";
-  return options;
-};
-
-// node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs
-var velocitySampleDuration = 5;
-function getGeneratorVelocity(resolveValue, t, current2) {
-  const prevT = Math.max(t - velocitySampleDuration, 0);
-  return velocityPerSecond(current2 - resolveValue(prevT), t - prevT);
-}
-
-// node_modules/motion-dom/dist/es/animation/generators/inertia.mjs
-function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
-  const origin = keyframes2[0];
-  const state = {
-    done: false,
-    value: origin
-  };
-  const isOutOfBounds = (v) => min !== void 0 && v < min || max !== void 0 && v > max;
-  const nearestBoundary = (v) => {
-    if (min === void 0)
-      return max;
-    if (max === void 0)
-      return min;
-    return Math.abs(min - v) < Math.abs(max - v) ? min : max;
-  };
-  let amplitude = power * velocity;
-  const ideal = origin + amplitude;
-  const target = modifyTarget === void 0 ? ideal : modifyTarget(ideal);
-  if (target !== ideal)
-    amplitude = target - origin;
-  const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);
-  const calcLatest = (t) => target + calcDelta(t);
-  const applyFriction = (t) => {
-    const delta = calcDelta(t);
-    const latest = calcLatest(t);
-    state.done = Math.abs(delta) <= restDelta;
-    state.value = state.done ? target : latest;
-  };
-  let timeReachedBoundary;
-  let spring$1;
-  const checkCatchBoundary = (t) => {
-    if (!isOutOfBounds(state.value))
-      return;
-    timeReachedBoundary = t;
-    spring$1 = spring({
-      keyframes: [state.value, nearestBoundary(state.value)],
-      velocity: getGeneratorVelocity(calcLatest, t, state.value),
-      // TODO: This should be passing * 1000
-      damping: bounceDamping,
-      stiffness: bounceStiffness,
-      restDelta,
-      restSpeed
-    });
-  };
-  checkCatchBoundary(0);
-  return {
-    calculatedDuration: null,
-    next: (t) => {
-      let hasUpdatedFrame = false;
-      if (!spring$1 && timeReachedBoundary === void 0) {
-        hasUpdatedFrame = true;
-        applyFriction(t);
-        checkCatchBoundary(t);
-      }
-      if (timeReachedBoundary !== void 0 && t >= timeReachedBoundary) {
-        return spring$1.next(t - timeReachedBoundary);
-      } else {
-        !hasUpdatedFrame && applyFriction(t);
-        return state;
-      }
-    }
-  };
-}
-
-// node_modules/motion-dom/dist/es/utils/interpolate.mjs
-function createMixers(output, ease2, customMixer) {
-  const mixers = [];
-  const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
-  const numMixers = output.length - 1;
-  for (let i = 0; i < numMixers; i++) {
-    let mixer = mixerFactory(output[i], output[i + 1]);
-    if (ease2) {
-      const easingFunction = Array.isArray(ease2) ? ease2[i] || noop : ease2;
-      mixer = pipe(easingFunction, mixer);
-    }
-    mixers.push(mixer);
-  }
-  return mixers;
-}
-function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer } = {}) {
-  const inputLength = input.length;
-  invariant(inputLength === output.length, "Both input and output ranges must be the same length", "range-length");
-  if (inputLength === 1)
-    return () => output[0];
-  if (inputLength === 2 && output[0] === output[1])
-    return () => output[1];
-  const isZeroDeltaRange = input[0] === input[1];
-  if (input[0] > input[inputLength - 1]) {
-    input = [...input].reverse();
-    output = [...output].reverse();
-  }
-  const mixers = createMixers(output, ease2, mixer);
-  const numMixers = mixers.length;
-  const interpolator = (v) => {
-    if (isZeroDeltaRange && v < input[0])
-      return output[0];
-    let i = 0;
-    if (numMixers > 1) {
-      for (; i < input.length - 2; i++) {
-        if (v < input[i + 1])
-          break;
-      }
-    }
-    const progressInRange = progress(input[i], input[i + 1], v);
-    return mixers[i](progressInRange);
-  };
-  return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs
-function fillOffset(offset, remaining) {
-  const min = offset[offset.length - 1];
-  for (let i = 1; i <= remaining; i++) {
-    const offsetProgress = progress(0, remaining, i);
-    offset.push(mixNumber(min, 1, offsetProgress));
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs
-function defaultOffset(arr) {
-  const offset = [0];
-  fillOffset(offset, arr.length - 1);
-  return offset;
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs
-function convertOffsetToTimes(offset, duration) {
-  return offset.map((o) => o * duration);
-}
-
-// node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs
-function defaultEasing(values, easing) {
-  return values.map(() => easing || easeInOut).splice(0, values.length - 1);
-}
-function keyframes({ duration = 300, keyframes: keyframeValues, times, ease: ease2 = "easeInOut" }) {
-  const easingFunctions = isEasingArray(ease2) ? ease2.map(easingDefinitionToFunction) : easingDefinitionToFunction(ease2);
-  const state = {
-    done: false,
-    value: keyframeValues[0]
-  };
-  const absoluteTimes = convertOffsetToTimes(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    times && times.length === keyframeValues.length ? times : defaultOffset(keyframeValues),
-    duration
-  );
-  const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {
-    ease: Array.isArray(easingFunctions) ? easingFunctions : defaultEasing(keyframeValues, easingFunctions)
-  });
-  return {
-    calculatedDuration: duration,
-    next: (t) => {
-      state.value = mapTimeToKeyframe(t);
-      state.done = t >= duration;
-      return state;
-    }
-  };
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs
-var isNotNull = (value) => value !== null;
-function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
-  const resolvedKeyframes = keyframes2.filter(isNotNull);
-  const useFirstKeyframe = speed < 0 || repeat && repeatType !== "loop" && repeat % 2 === 1;
-  const index = useFirstKeyframe ? 0 : resolvedKeyframes.length - 1;
-  return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs
-var transitionTypeMap = {
-  decay: inertia,
-  inertia,
-  tween: keyframes,
-  keyframes,
-  spring
-};
-function replaceTransitionType(transition) {
-  if (typeof transition.type === "string") {
-    transition.type = transitionTypeMap[transition.type];
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs
-var WithPromise = class {
-  constructor() {
-    this.updateFinished();
-  }
-  get finished() {
-    return this._finished;
-  }
-  updateFinished() {
-    this._finished = new Promise((resolve) => {
-      this.resolve = resolve;
-    });
-  }
-  notifyFinished() {
-    this.resolve();
-  }
-  /**
-   * Allows the animation to be awaited.
-   *
-   * @deprecated Use `finished` instead.
-   */
-  then(onResolve, onReject) {
-    return this.finished.then(onResolve, onReject);
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/JSAnimation.mjs
-var percentToProgress = (percent2) => percent2 / 100;
-var JSAnimation = class extends WithPromise {
-  constructor(options) {
-    super();
-    this.state = "idle";
-    this.startTime = null;
-    this.isStopped = false;
-    this.currentTime = 0;
-    this.holdTime = null;
-    this.playbackSpeed = 1;
-    this.stop = () => {
-      var _a, _b;
-      const { motionValue: motionValue2 } = this.options;
-      if (motionValue2 && motionValue2.updatedAt !== time.now()) {
-        this.tick(time.now());
-      }
-      this.isStopped = true;
-      if (this.state === "idle")
-        return;
-      this.teardown();
-      (_b = (_a = this.options).onStop) == null ? void 0 : _b.call(_a);
-    };
-    activeAnimations.mainThread++;
-    this.options = options;
-    this.initAnimation();
-    this.play();
-    if (options.autoplay === false)
-      this.pause();
-  }
-  initAnimation() {
-    const { options } = this;
-    replaceTransitionType(options);
-    const { type = keyframes, repeat = 0, repeatDelay = 0, repeatType, velocity = 0 } = options;
-    let { keyframes: keyframes$1 } = options;
-    const generatorFactory = type || keyframes;
-    if (generatorFactory !== keyframes) {
-      invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`, "spring-two-frames");
-    }
-    if (generatorFactory !== keyframes && typeof keyframes$1[0] !== "number") {
-      this.mixKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));
-      keyframes$1 = [0, 100];
-    }
-    const generator = generatorFactory({ ...options, keyframes: keyframes$1 });
-    if (repeatType === "mirror") {
-      this.mirroredGenerator = generatorFactory({
-        ...options,
-        keyframes: [...keyframes$1].reverse(),
-        velocity: -velocity
-      });
-    }
-    if (generator.calculatedDuration === null) {
-      generator.calculatedDuration = calcGeneratorDuration(generator);
-    }
-    const { calculatedDuration } = generator;
-    this.calculatedDuration = calculatedDuration;
-    this.resolvedDuration = calculatedDuration + repeatDelay;
-    this.totalDuration = this.resolvedDuration * (repeat + 1) - repeatDelay;
-    this.generator = generator;
-  }
-  updateTime(timestamp) {
-    const animationTime = Math.round(timestamp - this.startTime) * this.playbackSpeed;
-    if (this.holdTime !== null) {
-      this.currentTime = this.holdTime;
-    } else {
-      this.currentTime = animationTime;
-    }
-  }
-  tick(timestamp, sample = false) {
-    const { generator, totalDuration, mixKeyframes, mirroredGenerator, resolvedDuration, calculatedDuration } = this;
-    if (this.startTime === null)
-      return generator.next(0);
-    const { delay: delay2 = 0, keyframes: keyframes2, repeat, repeatType, repeatDelay, type, onUpdate, finalKeyframe } = this.options;
-    if (this.speed > 0) {
-      this.startTime = Math.min(this.startTime, timestamp);
-    } else if (this.speed < 0) {
-      this.startTime = Math.min(timestamp - totalDuration / this.speed, this.startTime);
-    }
-    if (sample) {
-      this.currentTime = timestamp;
-    } else {
-      this.updateTime(timestamp);
-    }
-    const timeWithoutDelay = this.currentTime - delay2 * (this.playbackSpeed >= 0 ? 1 : -1);
-    const isInDelayPhase = this.playbackSpeed >= 0 ? timeWithoutDelay < 0 : timeWithoutDelay > totalDuration;
-    this.currentTime = Math.max(timeWithoutDelay, 0);
-    if (this.state === "finished" && this.holdTime === null) {
-      this.currentTime = totalDuration;
-    }
-    let elapsed = this.currentTime;
-    let frameGenerator = generator;
-    if (repeat) {
-      const progress2 = Math.min(this.currentTime, totalDuration) / resolvedDuration;
-      let currentIteration = Math.floor(progress2);
-      let iterationProgress = progress2 % 1;
-      if (!iterationProgress && progress2 >= 1) {
-        iterationProgress = 1;
-      }
-      iterationProgress === 1 && currentIteration--;
-      currentIteration = Math.min(currentIteration, repeat + 1);
-      const isOddIteration = Boolean(currentIteration % 2);
-      if (isOddIteration) {
-        if (repeatType === "reverse") {
-          iterationProgress = 1 - iterationProgress;
-          if (repeatDelay) {
-            iterationProgress -= repeatDelay / resolvedDuration;
-          }
-        } else if (repeatType === "mirror") {
-          frameGenerator = mirroredGenerator;
-        }
-      }
-      elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;
-    }
-    const state = isInDelayPhase ? { done: false, value: keyframes2[0] } : frameGenerator.next(elapsed);
-    if (mixKeyframes && !isInDelayPhase) {
-      state.value = mixKeyframes(state.value);
-    }
-    let { done } = state;
-    if (!isInDelayPhase && calculatedDuration !== null) {
-      done = this.playbackSpeed >= 0 ? this.currentTime >= totalDuration : this.currentTime <= 0;
-    }
-    const isAnimationFinished = this.holdTime === null && (this.state === "finished" || this.state === "running" && done);
-    if (isAnimationFinished && type !== inertia) {
-      state.value = getFinalKeyframe(keyframes2, this.options, finalKeyframe, this.speed);
-    }
-    if (onUpdate) {
-      onUpdate(state.value);
-    }
-    if (isAnimationFinished) {
-      this.finish();
-    }
-    return state;
-  }
-  /**
-   * Allows the returned animation to be awaited or promise-chained. Currently
-   * resolves when the animation finishes at all but in a future update could/should
-   * reject if its cancels.
-   */
-  then(resolve, reject) {
-    return this.finished.then(resolve, reject);
-  }
-  get duration() {
-    return millisecondsToSeconds(this.calculatedDuration);
-  }
-  get iterationDuration() {
-    const { delay: delay2 = 0 } = this.options || {};
-    return this.duration + millisecondsToSeconds(delay2);
-  }
-  get time() {
-    return millisecondsToSeconds(this.currentTime);
-  }
-  set time(newTime) {
-    newTime = secondsToMilliseconds(newTime);
-    this.currentTime = newTime;
-    if (this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0) {
-      this.holdTime = newTime;
-    } else if (this.driver) {
-      this.startTime = this.driver.now() - newTime / this.playbackSpeed;
-    }
-    if (this.driver) {
-      this.driver.start(false);
-    } else {
-      this.startTime = 0;
-      this.state = "paused";
-      this.holdTime = newTime;
-      this.tick(newTime);
-    }
-  }
-  /**
-   * Returns the generator's velocity at the current time in units/second.
-   * Uses the analytical derivative when available (springs), avoiding
-   * the MotionValue's frame-dependent velocity estimation.
-   */
-  getGeneratorVelocity() {
-    const t = this.currentTime;
-    if (t <= 0)
-      return this.options.velocity || 0;
-    if (this.generator.velocity) {
-      return this.generator.velocity(t);
-    }
-    const current2 = this.generator.next(t).value;
-    return getGeneratorVelocity((s) => this.generator.next(s).value, t, current2);
-  }
-  get speed() {
-    return this.playbackSpeed;
-  }
-  set speed(newSpeed) {
-    const hasChanged = this.playbackSpeed !== newSpeed;
-    if (hasChanged && this.driver) {
-      this.updateTime(time.now());
-    }
-    this.playbackSpeed = newSpeed;
-    if (hasChanged && this.driver) {
-      this.time = millisecondsToSeconds(this.currentTime);
-    }
-  }
-  play() {
-    var _a, _b;
-    if (this.isStopped)
-      return;
-    const { driver = frameloopDriver, startTime } = this.options;
-    if (!this.driver) {
-      this.driver = driver((timestamp) => this.tick(timestamp));
-    }
-    (_b = (_a = this.options).onPlay) == null ? void 0 : _b.call(_a);
-    const now2 = this.driver.now();
-    if (this.state === "finished") {
-      this.updateFinished();
-      this.startTime = now2;
-    } else if (this.holdTime !== null) {
-      this.startTime = now2 - this.holdTime;
-    } else if (!this.startTime) {
-      this.startTime = startTime ?? now2;
-    }
-    if (this.state === "finished" && this.speed < 0) {
-      this.startTime += this.calculatedDuration;
-    }
-    this.holdTime = null;
-    this.state = "running";
-    this.driver.start();
-  }
-  pause() {
-    this.state = "paused";
-    this.updateTime(time.now());
-    this.holdTime = this.currentTime;
-  }
-  complete() {
-    if (this.state !== "running") {
-      this.play();
-    }
-    this.state = "finished";
-    this.holdTime = null;
-  }
-  finish() {
-    var _a, _b;
-    this.notifyFinished();
-    this.teardown();
-    this.state = "finished";
-    (_b = (_a = this.options).onComplete) == null ? void 0 : _b.call(_a);
-  }
-  cancel() {
-    var _a, _b;
-    this.holdTime = null;
-    this.startTime = 0;
-    this.tick(0);
-    this.teardown();
-    (_b = (_a = this.options).onCancel) == null ? void 0 : _b.call(_a);
-  }
-  teardown() {
-    this.state = "idle";
-    this.stopDriver();
-    this.startTime = this.holdTime = null;
-    activeAnimations.mainThread--;
-  }
-  stopDriver() {
-    if (!this.driver)
-      return;
-    this.driver.stop();
-    this.driver = void 0;
-  }
-  sample(sampleTime) {
-    this.startTime = 0;
-    return this.tick(sampleTime, true);
-  }
-  attachTimeline(timeline) {
-    var _a;
-    if (this.options.allowFlatten) {
-      this.options.type = "keyframes";
-      this.options.ease = "linear";
-      this.initAnimation();
-    }
-    (_a = this.driver) == null ? void 0 : _a.stop();
-    return timeline.observe(this);
-  }
-};
-function animateValue(options) {
-  return new JSAnimation(options);
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
-function fillWildcards(keyframes2) {
-  for (let i = 1; i < keyframes2.length; i++) {
-    keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
-var radToDeg = (rad) => rad * 180 / Math.PI;
-var rotate = (v) => {
-  const angle = radToDeg(Math.atan2(v[1], v[0]));
-  return rebaseAngle(angle);
-};
-var matrix2dParsers = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,
-  rotate,
-  rotateZ: rotate,
-  skewX: (v) => radToDeg(Math.atan(v[1])),
-  skewY: (v) => radToDeg(Math.atan(v[2])),
-  skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2
-};
-var rebaseAngle = (angle) => {
-  angle = angle % 360;
-  if (angle < 0)
-    angle += 360;
-  return angle;
-};
-var rotateZ = rotate;
-var scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);
-var scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);
-var matrix3dParsers = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX,
-  scaleY,
-  scale: (v) => (scaleX(v) + scaleY(v)) / 2,
-  rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),
-  rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),
-  rotateZ,
-  rotate: rotateZ,
-  skewX: (v) => radToDeg(Math.atan(v[4])),
-  skewY: (v) => radToDeg(Math.atan(v[1])),
-  skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2
-};
-function defaultTransformValue(name) {
-  return name.includes("scale") ? 1 : 0;
-}
-function parseValueFromTransform(transform2, name) {
-  if (!transform2 || transform2 === "none") {
-    return defaultTransformValue(name);
-  }
-  const matrix3dMatch = transform2.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let parsers;
-  let match;
-  if (matrix3dMatch) {
-    parsers = matrix3dParsers;
-    match = matrix3dMatch;
-  } else {
-    const matrix2dMatch = transform2.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    parsers = matrix2dParsers;
-    match = matrix2dMatch;
-  }
-  if (!match) {
-    return defaultTransformValue(name);
-  }
-  const valueParser = parsers[name];
-  const values = match[1].split(",").map(convertTransformToNumber);
-  return typeof valueParser === "function" ? valueParser(values) : values[valueParser];
-}
-var readTransformValue = (instance, name) => {
-  const { transform: transform2 = "none" } = getComputedStyle(instance);
-  return parseValueFromTransform(transform2, name);
-};
-function convertTransformToNumber(value) {
-  return parseFloat(value.trim());
-}
-
-// node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs
-var transformPropOrder = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-];
-var transformProps = (() => new Set(transformPropOrder))();
-
-// node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs
-var isNumOrPxType = (v) => v === number || v === px;
-var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
-var nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
-function removeNonTranslationalTransform(visualElement) {
-  const removedTransforms = [];
-  nonTranslationalTransformKeys.forEach((key) => {
-    const value = visualElement.getValue(key);
-    if (value !== void 0) {
-      removedTransforms.push([key, value.get()]);
-      value.set(key.startsWith("scale") ? 1 : 0);
-    }
-  });
-  return removedTransforms;
-}
-var positionalValues = {
-  // Dimensions
-  width: ({ x }, { paddingLeft = "0", paddingRight = "0", boxSizing }) => {
-    const width = x.max - x.min;
-    return boxSizing === "border-box" ? width : width - parseFloat(paddingLeft) - parseFloat(paddingRight);
-  },
-  height: ({ y }, { paddingTop = "0", paddingBottom = "0", boxSizing }) => {
-    const height = y.max - y.min;
-    return boxSizing === "border-box" ? height : height - parseFloat(paddingTop) - parseFloat(paddingBottom);
-  },
-  top: (_bbox, { top }) => parseFloat(top),
-  left: (_bbox, { left }) => parseFloat(left),
-  bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),
-  right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),
-  // Transform
-  x: (_bbox, { transform: transform2 }) => parseValueFromTransform(transform2, "x"),
-  y: (_bbox, { transform: transform2 }) => parseValueFromTransform(transform2, "y")
-};
-positionalValues.translateX = positionalValues.x;
-positionalValues.translateY = positionalValues.y;
-
-// node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs
-var toResolve = /* @__PURE__ */ new Set();
-var isScheduled = false;
-var anyNeedsMeasurement = false;
-var isForced = false;
-function measureAllKeyframes() {
-  if (anyNeedsMeasurement) {
-    const resolversToMeasure = Array.from(toResolve).filter((resolver) => resolver.needsMeasurement);
-    const elementsToMeasure = new Set(resolversToMeasure.map((resolver) => resolver.element));
-    const transformsToRestore = /* @__PURE__ */ new Map();
-    elementsToMeasure.forEach((element) => {
-      const removedTransforms = removeNonTranslationalTransform(element);
-      if (!removedTransforms.length)
-        return;
-      transformsToRestore.set(element, removedTransforms);
-      element.render();
-    });
-    resolversToMeasure.forEach((resolver) => resolver.measureInitialState());
-    elementsToMeasure.forEach((element) => {
-      element.render();
-      const restore = transformsToRestore.get(element);
-      if (restore) {
-        restore.forEach(([key, value]) => {
-          var _a;
-          (_a = element.getValue(key)) == null ? void 0 : _a.set(value);
-        });
-      }
-    });
-    resolversToMeasure.forEach((resolver) => resolver.measureEndState());
-    resolversToMeasure.forEach((resolver) => {
-      if (resolver.suspendedScrollY !== void 0) {
-        window.scrollTo(0, resolver.suspendedScrollY);
-      }
-    });
-  }
-  anyNeedsMeasurement = false;
-  isScheduled = false;
-  toResolve.forEach((resolver) => resolver.complete(isForced));
-  toResolve.clear();
-}
-function readAllKeyframes() {
-  toResolve.forEach((resolver) => {
-    resolver.readKeyframes();
-    if (resolver.needsMeasurement) {
-      anyNeedsMeasurement = true;
-    }
-  });
-}
-function flushKeyframeResolvers() {
-  isForced = true;
-  readAllKeyframes();
-  measureAllKeyframes();
-  isForced = false;
-}
-var KeyframeResolver = class {
-  constructor(unresolvedKeyframes, onComplete, name, motionValue2, element, isAsync = false) {
-    this.state = "pending";
-    this.isAsync = false;
-    this.needsMeasurement = false;
-    this.unresolvedKeyframes = [...unresolvedKeyframes];
-    this.onComplete = onComplete;
-    this.name = name;
-    this.motionValue = motionValue2;
-    this.element = element;
-    this.isAsync = isAsync;
-  }
-  scheduleResolve() {
-    this.state = "scheduled";
-    if (this.isAsync) {
-      toResolve.add(this);
-      if (!isScheduled) {
-        isScheduled = true;
-        frame.read(readAllKeyframes);
-        frame.resolveKeyframes(measureAllKeyframes);
-      }
-    } else {
-      this.readKeyframes();
-      this.complete();
-    }
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes, name, element, motionValue: motionValue2 } = this;
-    if (unresolvedKeyframes[0] === null) {
-      const currentValue = motionValue2 == null ? void 0 : motionValue2.get();
-      const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
-      if (currentValue !== void 0) {
-        unresolvedKeyframes[0] = currentValue;
-      } else if (element && name) {
-        const valueAsRead = element.readValue(name, finalKeyframe);
-        if (valueAsRead !== void 0 && valueAsRead !== null) {
-          unresolvedKeyframes[0] = valueAsRead;
-        }
-      }
-      if (unresolvedKeyframes[0] === void 0) {
-        unresolvedKeyframes[0] = finalKeyframe;
-      }
-      if (motionValue2 && currentValue === void 0) {
-        motionValue2.set(unresolvedKeyframes[0]);
-      }
-    }
-    fillWildcards(unresolvedKeyframes);
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
-  }
-  measureEndState() {
-  }
-  complete(isForcedComplete = false) {
-    this.state = "complete";
-    this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, isForcedComplete);
-    toResolve.delete(this);
-  }
-  cancel() {
-    if (this.state === "scheduled") {
-      toResolve.delete(this);
-      this.state = "pending";
-    }
-  }
-  resume() {
-    if (this.state === "pending")
-      this.scheduleResolve();
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
-var isCSSVar = (name) => name.startsWith("--");
-
-// node_modules/motion-dom/dist/es/render/dom/style-set.mjs
-function setStyle(element, name, value) {
-  isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
-}
-
-// node_modules/motion-dom/dist/es/utils/supports/flags.mjs
-var supportsFlags = {};
-
-// node_modules/motion-dom/dist/es/utils/supports/memo.mjs
-function memoSupports(callback, supportsFlag) {
-  const memoized = memo(callback);
-  return () => supportsFlags[supportsFlag] ?? memoized();
-}
-
-// node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
-var supportsScrollTimeline = memoSupports(() => window.ScrollTimeline !== void 0, "scrollTimeline");
-var supportsViewTimeline = memoSupports(() => window.ViewTimeline !== void 0, "viewTimeline");
-
-// node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
-var supportsLinearEasing = memoSupports(() => {
-  try {
-    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch (e) {
-    return false;
-  }
-  return true;
-}, "linearEasing");
-
-// node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs
-var cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
-
-// node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs
-var supportedWaapiEasing = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),
-  circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),
-  backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),
-  backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
-};
-
-// node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs
-function mapEasingToNativeEasing(easing, duration) {
-  if (!easing) {
-    return void 0;
-  } else if (typeof easing === "function") {
-    return supportsLinearEasing() ? generateLinearEasing(easing, duration) : "ease-out";
-  } else if (isBezierDefinition(easing)) {
-    return cubicBezierAsString(easing);
-  } else if (Array.isArray(easing)) {
-    return easing.map((segmentEasing) => mapEasingToNativeEasing(segmentEasing, duration) || supportedWaapiEasing.easeOut);
-  } else {
-    return supportedWaapiEasing[easing];
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs
-function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2 = "easeOut", times } = {}, pseudoElement = void 0) {
-  const keyframeOptions = {
-    [valueName]: keyframes2
-  };
-  if (times)
-    keyframeOptions.offset = times;
-  const easing = mapEasingToNativeEasing(ease2, duration);
-  if (Array.isArray(easing))
-    keyframeOptions.easing = easing;
-  if (statsBuffer.value) {
-    activeAnimations.waapi++;
-  }
-  const options = {
-    delay: delay2,
-    duration,
-    easing: !Array.isArray(easing) ? easing : "linear",
-    fill: "both",
-    iterations: repeat + 1,
-    direction: repeatType === "reverse" ? "alternate" : "normal"
-  };
-  if (pseudoElement)
-    options.pseudoElement = pseudoElement;
-  const animation = element.animate(keyframeOptions, options);
-  if (statsBuffer.value) {
-    animation.finished.finally(() => {
-      activeAnimations.waapi--;
-    });
-  }
-  return animation;
-}
-
-// node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs
-function isGenerator(type) {
-  return typeof type === "function" && "applyToOptions" in type;
-}
-
-// node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
-function applyGeneratorOptions({ type, ...options }) {
-  if (isGenerator(type) && supportsLinearEasing()) {
-    return type.applyToOptions(options);
-  } else {
-    options.duration ?? (options.duration = 300);
-    options.ease ?? (options.ease = "easeOut");
-  }
-  return options;
-}
-
-// node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs
-var NativeAnimation = class extends WithPromise {
-  constructor(options) {
-    super();
-    this.finishedTime = null;
-    this.isStopped = false;
-    this.manualStartTime = null;
-    if (!options)
-      return;
-    const { element, name, keyframes: keyframes2, pseudoElement, allowFlatten = false, finalKeyframe, onComplete } = options;
-    this.isPseudoElement = Boolean(pseudoElement);
-    this.allowFlatten = allowFlatten;
-    this.options = options;
-    invariant(typeof options.type !== "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const transition = applyGeneratorOptions(options);
-    this.animation = startWaapiAnimation(element, name, keyframes2, transition, pseudoElement);
-    if (transition.autoplay === false) {
-      this.animation.pause();
-    }
-    this.animation.onfinish = () => {
-      this.finishedTime = this.time;
-      if (!pseudoElement) {
-        const keyframe = getFinalKeyframe(keyframes2, this.options, finalKeyframe, this.speed);
-        if (this.updateMotionValue) {
-          this.updateMotionValue(keyframe);
-        }
-        setStyle(element, name, keyframe);
-        this.animation.cancel();
-      }
-      onComplete == null ? void 0 : onComplete();
-      this.notifyFinished();
-    };
-  }
-  play() {
-    if (this.isStopped)
-      return;
-    this.manualStartTime = null;
-    this.animation.play();
-    if (this.state === "finished") {
-      this.updateFinished();
-    }
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    var _a, _b;
-    (_b = (_a = this.animation).finish) == null ? void 0 : _b.call(_a);
-  }
-  cancel() {
-    try {
-      this.animation.cancel();
-    } catch (e) {
-    }
-  }
-  stop() {
-    if (this.isStopped)
-      return;
-    this.isStopped = true;
-    const { state } = this;
-    if (state === "idle" || state === "finished") {
-      return;
-    }
-    if (this.updateMotionValue) {
-      this.updateMotionValue();
-    } else {
-      this.commitStyles();
-    }
-    if (!this.isPseudoElement)
-      this.cancel();
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * In this method, we commit styles back to the DOM before cancelling
-   * the animation.
-   *
-   * This is designed to be overridden by NativeAnimationExtended, which
-   * will create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to also correctly calculate velocity for any subsequent animation
-   * while deferring the commit until the next animation frame.
-   */
-  commitStyles() {
-    var _a, _b, _c;
-    const element = (_a = this.options) == null ? void 0 : _a.element;
-    if (!this.isPseudoElement && (element == null ? void 0 : element.isConnected)) {
-      (_c = (_b = this.animation).commitStyles) == null ? void 0 : _c.call(_b);
-    }
-  }
-  get duration() {
-    var _a, _b;
-    const duration = ((_b = (_a = this.animation.effect) == null ? void 0 : _a.getComputedTiming) == null ? void 0 : _b.call(_a).duration) || 0;
-    return millisecondsToSeconds(Number(duration));
-  }
-  get iterationDuration() {
-    const { delay: delay2 = 0 } = this.options || {};
-    return this.duration + millisecondsToSeconds(delay2);
-  }
-  get time() {
-    return millisecondsToSeconds(Number(this.animation.currentTime) || 0);
-  }
-  set time(newTime) {
-    const wasFinished = this.finishedTime !== null;
-    this.manualStartTime = null;
-    this.finishedTime = null;
-    this.animation.currentTime = secondsToMilliseconds(newTime);
-    if (wasFinished) {
-      this.animation.pause();
-    }
-  }
-  /**
-   * The playback speed of the animation.
-   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
-   */
-  get speed() {
-    return this.animation.playbackRate;
-  }
-  set speed(newSpeed) {
-    if (newSpeed < 0)
-      this.finishedTime = null;
-    this.animation.playbackRate = newSpeed;
-  }
-  get state() {
-    return this.finishedTime !== null ? "finished" : this.animation.playState;
-  }
-  get startTime() {
-    return this.manualStartTime ?? Number(this.animation.startTime);
-  }
-  set startTime(newStartTime) {
-    this.manualStartTime = this.animation.startTime = newStartTime;
-  }
-  /**
-   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
-   */
-  attachTimeline({ timeline, rangeStart, rangeEnd, observe }) {
-    var _a;
-    if (this.allowFlatten) {
-      (_a = this.animation.effect) == null ? void 0 : _a.updateTiming({ easing: "linear" });
-    }
-    this.animation.onfinish = null;
-    if (timeline && supportsScrollTimeline()) {
-      this.animation.timeline = timeline;
-      if (rangeStart)
-        this.animation.rangeStart = rangeStart;
-      if (rangeEnd)
-        this.animation.rangeEnd = rangeEnd;
-      return noop;
-    } else {
-      return observe(this);
-    }
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs
-var unsupportedEasingFunctions = {
-  anticipate,
-  backInOut,
-  circInOut
-};
-function isUnsupportedEase(key) {
-  return key in unsupportedEasingFunctions;
-}
-function replaceStringEasing(transition) {
-  if (typeof transition.ease === "string" && isUnsupportedEase(transition.ease)) {
-    transition.ease = unsupportedEasingFunctions[transition.ease];
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs
-var sampleDelta = 10;
-var NativeAnimationExtended = class extends NativeAnimation {
-  constructor(options) {
-    replaceStringEasing(options);
-    replaceTransitionType(options);
-    super(options);
-    if (options.startTime !== void 0 && options.autoplay !== false) {
-      this.startTime = options.startTime;
-    }
-    this.options = options;
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * Rather than read committed styles back out of the DOM, we can
-   * create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to calculate velocity for any subsequent animation.
-   */
-  updateMotionValue(value) {
-    const { motionValue: motionValue2, onUpdate, onComplete, element, ...options } = this.options;
-    if (!motionValue2)
-      return;
-    if (value !== void 0) {
-      motionValue2.set(value);
-      return;
-    }
-    const sampleAnimation = new JSAnimation({
-      ...options,
-      autoplay: false
-    });
-    const sampleTime = Math.max(sampleDelta, time.now() - this.startTime);
-    const delta = clamp(0, sampleDelta, sampleTime - sampleDelta);
-    const current2 = sampleAnimation.sample(sampleTime).value;
-    const { name } = this.options;
-    if (element && name)
-      setStyle(element, name, current2);
-    motionValue2.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current2, delta);
-    sampleAnimation.stop();
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs
-var isAnimatable = (value, name) => {
-  if (name === "zIndex")
-    return false;
-  if (typeof value === "number" || Array.isArray(value))
-    return true;
-  if (typeof value === "string" && // It's animatable if we have a string
-  (complex.test(value) || value === "0") && // And it contains numbers and/or colors
-  !value.startsWith("url(")) {
-    return true;
-  }
-  return false;
-};
-
-// node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs
-function hasKeyframesChanged(keyframes2) {
-  const current2 = keyframes2[0];
-  if (keyframes2.length === 1)
-    return true;
-  for (let i = 0; i < keyframes2.length; i++) {
-    if (keyframes2[i] !== current2)
-      return true;
-  }
-}
-function canAnimate(keyframes2, name, type, velocity) {
-  const originKeyframe = keyframes2[0];
-  if (originKeyframe === null) {
-    return false;
-  }
-  if (name === "display" || name === "visibility")
-    return true;
-  const targetKeyframe = keyframes2[keyframes2.length - 1];
-  const isOriginAnimatable = isAnimatable(originKeyframe, name);
-  const isTargetAnimatable = isAnimatable(targetKeyframe, name);
-  warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". "${isOriginAnimatable ? targetKeyframe : originKeyframe}" is not an animatable value.`, "value-not-animatable");
-  if (!isOriginAnimatable || !isTargetAnimatable) {
-    return false;
-  }
-  return hasKeyframesChanged(keyframes2) || (type === "spring" || isGenerator(type)) && velocity;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs
-function makeAnimationInstant(options) {
-  options.duration = 0;
-  options.type = "keyframes";
-}
-
-// node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs
-var acceleratedValues = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform"
-  // TODO: Could be re-enabled now we have support for linear() easing
-  // "background-color"
-]);
-var supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function supportsBrowserAnimation(options) {
-  var _a;
-  const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type } = options;
-  const subject = (_a = motionValue2 == null ? void 0 : motionValue2.owner) == null ? void 0 : _a.current;
-  if (!(subject instanceof HTMLElement)) {
-    return false;
-  }
-  const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
-  return supportsWaapi() && name && acceleratedValues.has(name) && (name !== "transform" || !transformTemplate) && /**
-   * If we're outputting values to onUpdate then we can't use WAAPI as there's
-   * no way to read the value from WAAPI every frame.
-   */
-  !onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
-}
-
-// node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
-var MAX_RESOLVE_DELAY = 40;
-var AsyncMotionValueAnimation = class extends WithPromise {
-  constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
-    var _a;
-    super();
-    this.stop = () => {
-      var _a2, _b;
-      if (this._animation) {
-        this._animation.stop();
-        (_a2 = this.stopTimeline) == null ? void 0 : _a2.call(this);
-      }
-      (_b = this.keyframeResolver) == null ? void 0 : _b.cancel();
-    };
-    this.createdAt = time.now();
-    const optionsWithDefaults = {
-      autoplay,
-      delay: delay2,
-      type,
-      repeat,
-      repeatDelay,
-      repeatType,
-      name,
-      motionValue: motionValue2,
-      element,
-      ...options
-    };
-    const KeyframeResolver$1 = (element == null ? void 0 : element.KeyframeResolver) || KeyframeResolver;
-    this.keyframeResolver = new KeyframeResolver$1(keyframes2, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue2, element);
-    (_a = this.keyframeResolver) == null ? void 0 : _a.scheduleResolve();
-  }
-  onKeyframesResolved(keyframes2, finalKeyframe, options, sync2) {
-    var _a, _b;
-    this.keyframeResolver = void 0;
-    const { name, type, velocity, delay: delay2, isHandoff, onUpdate } = options;
-    this.resolvedAt = time.now();
-    let canAnimateValue = true;
-    if (!canAnimate(keyframes2, name, type, velocity)) {
-      canAnimateValue = false;
-      if (MotionGlobalConfig.instantAnimations || !delay2) {
-        onUpdate == null ? void 0 : onUpdate(getFinalKeyframe(keyframes2, options, finalKeyframe));
-      }
-      keyframes2[0] = keyframes2[keyframes2.length - 1];
-      makeAnimationInstant(options);
-      options.repeat = 0;
-    }
-    const startTime = sync2 ? !this.resolvedAt ? this.createdAt : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY ? this.resolvedAt : this.createdAt : void 0;
-    const resolvedOptions = {
-      startTime,
-      finalKeyframe,
-      ...options,
-      keyframes: keyframes2
-    };
-    const useWaapi = canAnimateValue && !isHandoff && supportsBrowserAnimation(resolvedOptions);
-    const element = (_b = (_a = resolvedOptions.motionValue) == null ? void 0 : _a.owner) == null ? void 0 : _b.current;
-    const animation = useWaapi ? new NativeAnimationExtended({
-      ...resolvedOptions,
-      element
-    }) : new JSAnimation(resolvedOptions);
-    animation.finished.then(() => {
-      this.notifyFinished();
-    }).catch(noop);
-    if (this.pendingTimeline) {
-      this.stopTimeline = animation.attachTimeline(this.pendingTimeline);
-      this.pendingTimeline = void 0;
-    }
-    this._animation = animation;
-  }
-  get finished() {
-    if (!this._animation) {
-      return this._finished;
-    } else {
-      return this.animation.finished;
-    }
-  }
-  then(onResolve, _onReject) {
-    return this.finished.finally(onResolve).then(() => {
-    });
-  }
-  get animation() {
-    var _a;
-    if (!this._animation) {
-      (_a = this.keyframeResolver) == null ? void 0 : _a.resume();
-      flushKeyframeResolvers();
-    }
-    return this._animation;
-  }
-  get duration() {
-    return this.animation.duration;
-  }
-  get iterationDuration() {
-    return this.animation.iterationDuration;
-  }
-  get time() {
-    return this.animation.time;
-  }
-  set time(newTime) {
-    this.animation.time = newTime;
-  }
-  get speed() {
-    return this.animation.speed;
-  }
-  get state() {
-    return this.animation.state;
-  }
-  set speed(newSpeed) {
-    this.animation.speed = newSpeed;
-  }
-  get startTime() {
-    return this.animation.startTime;
-  }
-  attachTimeline(timeline) {
-    if (this._animation) {
-      this.stopTimeline = this.animation.attachTimeline(timeline);
-    } else {
-      this.pendingTimeline = timeline;
-    }
-    return () => this.stop();
-  }
-  play() {
-    this.animation.play();
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.complete();
-  }
-  cancel() {
-    var _a;
-    if (this._animation) {
-      this.animation.cancel();
-    }
-    (_a = this.keyframeResolver) == null ? void 0 : _a.cancel();
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/GroupAnimation.mjs
-var GroupAnimation = class {
-  constructor(animations2) {
-    this.stop = () => this.runAll("stop");
-    this.animations = animations2.filter(Boolean);
-  }
-  get finished() {
-    return Promise.all(this.animations.map((animation) => animation.finished));
-  }
-  /**
-   * TODO: Filter out cancelled or stopped animations before returning
-   */
-  getAll(propName) {
-    return this.animations[0][propName];
-  }
-  setAll(propName, newValue) {
-    for (let i = 0; i < this.animations.length; i++) {
-      this.animations[i][propName] = newValue;
-    }
-  }
-  attachTimeline(timeline) {
-    const subscriptions = this.animations.map((animation) => animation.attachTimeline(timeline));
-    return () => {
-      subscriptions.forEach((cancel, i) => {
-        cancel && cancel();
-        this.animations[i].stop();
-      });
-    };
-  }
-  get time() {
-    return this.getAll("time");
-  }
-  set time(time2) {
-    this.setAll("time", time2);
-  }
-  get speed() {
-    return this.getAll("speed");
-  }
-  set speed(speed) {
-    this.setAll("speed", speed);
-  }
-  get state() {
-    return this.getAll("state");
-  }
-  get startTime() {
-    return this.getAll("startTime");
-  }
-  get duration() {
-    return getMax(this.animations, "duration");
-  }
-  get iterationDuration() {
-    return getMax(this.animations, "iterationDuration");
-  }
-  runAll(methodName) {
-    this.animations.forEach((controls) => controls[methodName]());
-  }
-  play() {
-    this.runAll("play");
-  }
-  pause() {
-    this.runAll("pause");
-  }
-  cancel() {
-    this.runAll("cancel");
-  }
-  complete() {
-    this.runAll("complete");
-  }
-};
-function getMax(animations2, propName) {
-  let max = 0;
-  for (let i = 0; i < animations2.length; i++) {
-    const value = animations2[i][propName];
-    if (value !== null && value > max) {
-      max = value;
-    }
-  }
-  return max;
-}
-
-// node_modules/motion-dom/dist/es/animation/GroupAnimationWithThen.mjs
-var GroupAnimationWithThen = class extends GroupAnimation {
-  then(onResolve, _onReject) {
-    return this.finished.finally(onResolve).then(() => {
-    });
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/NativeAnimationWrapper.mjs
-var NativeAnimationWrapper = class extends NativeAnimation {
-  constructor(animation) {
-    super();
-    this.animation = animation;
-    animation.onfinish = () => {
-      this.finishedTime = this.time;
-      this.notifyFinished();
-    };
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/utils/active-animations.mjs
-var animationMaps = /* @__PURE__ */ new WeakMap();
-var animationMapKey = (name, pseudoElement = "") => `${name}:${pseudoElement}`;
-function getAnimationMap(element) {
-  const map = animationMaps.get(element) || /* @__PURE__ */ new Map();
-  animationMaps.set(element, map);
-  return map;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs
-function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {
-  const index = Array.from(children).sort((a, b) => a.sortNodePosition(b)).indexOf(child);
-  const numChildren = children.size;
-  const maxStaggerDuration = (numChildren - 1) * staggerChildren;
-  const delayIsFunction = typeof delayChildren === "function";
-  return delayIsFunction ? delayChildren(index, numChildren) : staggerDirection === 1 ? index * staggerChildren : maxStaggerDuration - index * staggerChildren;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs
-var splitCSSVariableRegex = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function parseCSSVariable(current2) {
-  const match = splitCSSVariableRegex.exec(current2);
-  if (!match)
-    return [,];
-  const [, token1, token2, fallback] = match;
-  return [`--${token1 ?? token2}`, fallback];
-}
-var maxDepth = 4;
-function getVariableValue(current2, element, depth = 1) {
-  invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current2}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [token, fallback] = parseCSSVariable(current2);
-  if (!token)
-    return;
-  const resolved = window.getComputedStyle(element).getPropertyValue(token);
-  if (resolved) {
-    const trimmed = resolved.trim();
-    return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
-  }
-  return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
-var underDampedSpring = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-};
-var criticallyDampedSpring = (target) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: target === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-});
-var keyframesTransition = {
-  type: "keyframes",
-  duration: 0.8
-};
-var ease = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-};
-var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
-  if (keyframes2.length > 2) {
-    return keyframesTransition;
-  } else if (transformProps.has(valueKey)) {
-    return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
-  }
-  return ease;
-};
-
-// node_modules/motion-dom/dist/es/animation/utils/get-final-keyframe.mjs
-var isNotNull2 = (value) => value !== null;
-function getFinalKeyframe2(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe) {
-  const resolvedKeyframes = keyframes2.filter(isNotNull2);
-  const index = repeat && repeatType !== "loop" && repeat % 2 === 1 ? 0 : resolvedKeyframes.length - 1;
-  return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
-function resolveTransition(transition, parentTransition) {
-  if ((transition == null ? void 0 : transition.inherit) && parentTransition) {
-    const { inherit: _, ...rest } = transition;
-    return { ...parentTransition, ...rest };
-  }
-  return transition;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
-function getValueTransition(transition, key) {
-  const valueTransition = (transition == null ? void 0 : transition[key]) ?? (transition == null ? void 0 : transition["default"]) ?? transition;
-  if (valueTransition !== transition) {
-    return resolveTransition(valueTransition, transition);
-  }
-  return valueTransition;
-}
-
-// node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
-function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
-  return !!Object.keys(transition).length;
-}
-
-// node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
-var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
-  const valueTransition = getValueTransition(transition, name) || {};
-  const delay2 = valueTransition.delay || transition.delay || 0;
-  let { elapsed = 0 } = transition;
-  elapsed = elapsed - secondsToMilliseconds(delay2);
-  const options = {
-    keyframes: Array.isArray(target) ? target : [null, target],
-    ease: "easeOut",
-    velocity: value.getVelocity(),
-    ...valueTransition,
-    delay: -elapsed,
-    onUpdate: (v) => {
-      value.set(v);
-      valueTransition.onUpdate && valueTransition.onUpdate(v);
-    },
-    onComplete: () => {
-      onComplete();
-      valueTransition.onComplete && valueTransition.onComplete();
-    },
-    name,
-    motionValue: value,
-    element: isHandoff ? void 0 : element
-  };
-  if (!isTransitionDefined(valueTransition)) {
-    Object.assign(options, getDefaultTransition(name, options));
-  }
-  options.duration && (options.duration = secondsToMilliseconds(options.duration));
-  options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
-  if (options.from !== void 0) {
-    options.keyframes[0] = options.from;
-  }
-  let shouldSkip = false;
-  if (options.type === false || options.duration === 0 && !options.repeatDelay) {
-    makeAnimationInstant(options);
-    if (options.delay === 0) {
-      shouldSkip = true;
-    }
-  }
-  if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || (element == null ? void 0 : element.shouldSkipAnimations)) {
-    shouldSkip = true;
-    makeAnimationInstant(options);
-    options.delay = 0;
-  }
-  options.allowFlatten = !valueTransition.type && !valueTransition.ease;
-  if (shouldSkip && !isHandoff && value.get() !== void 0) {
-    const finalKeyframe = getFinalKeyframe2(options.keyframes, valueTransition);
-    if (finalKeyframe !== void 0) {
-      frame.update(() => {
-        options.onUpdate(finalKeyframe);
-        options.onComplete();
-      });
-      return;
-    }
-  }
-  return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
-};
-
-// node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
-function getValueState(visualElement) {
-  const state = [{}, {}];
-  visualElement == null ? void 0 : visualElement.values.forEach((value, key) => {
-    state[0][key] = value.get();
-    state[1][key] = value.getVelocity();
-  });
-  return state;
-}
-function resolveVariantFromProps(props, definition, custom, visualElement) {
-  if (typeof definition === "function") {
-    const [current2, velocity] = getValueState(visualElement);
-    definition = definition(custom !== void 0 ? custom : props.custom, current2, velocity);
-  }
-  if (typeof definition === "string") {
-    definition = props.variants && props.variants[definition];
-  }
-  if (typeof definition === "function") {
-    const [current2, velocity] = getValueState(visualElement);
-    definition = definition(custom !== void 0 ? custom : props.custom, current2, velocity);
-  }
-  return definition;
-}
-
-// node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
-function resolveVariant(visualElement, definition, custom) {
-  const props = visualElement.getProps();
-  return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
-}
-
-// node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
-var positionalKeys = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  ...transformPropOrder
-]);
-
-// node_modules/motion-dom/dist/es/value/index.mjs
-var MAX_VELOCITY_DELTA = 30;
-var isFloat = (value) => {
-  return !isNaN(parseFloat(value));
-};
-var collectMotionValues = {
-  current: void 0
-};
-var MotionValue = class {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   */
-  constructor(init, options = {}) {
-    this.canTrackVelocity = null;
-    this.events = {};
-    this.updateAndNotify = (v) => {
-      var _a;
-      const currentTime = time.now();
-      if (this.updatedAt !== currentTime) {
-        this.setPrevFrameValue();
-      }
-      this.prev = this.current;
-      this.setCurrent(v);
-      if (this.current !== this.prev) {
-        (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
-        if (this.dependents) {
-          for (const dependent of this.dependents) {
-            dependent.dirty();
-          }
-        }
-      }
-    };
-    this.hasAnimated = false;
-    this.setCurrent(init);
-    this.owner = options.owner;
-  }
-  setCurrent(current2) {
-    this.current = current2;
-    this.updatedAt = time.now();
-    if (this.canTrackVelocity === null && current2 !== void 0) {
-      this.canTrackVelocity = isFloat(this.current);
-    }
-  }
-  setPrevFrameValue(prevFrameValue = this.current) {
-    this.prevFrameValue = prevFrameValue;
-    this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(subscription) {
-    if (true) {
-      warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on("change", callback).`);
-    }
-    return this.on("change", subscription);
-  }
-  on(eventName, callback) {
-    if (!this.events[eventName]) {
-      this.events[eventName] = new SubscriptionManager();
-    }
-    const unsubscribe = this.events[eventName].add(callback);
-    if (eventName === "change") {
-      return () => {
-        unsubscribe();
-        frame.read(() => {
-          if (!this.events.change.getSize()) {
-            this.stop();
-          }
-        });
-      };
-    }
-    return unsubscribe;
-  }
-  clearListeners() {
-    for (const eventManagers in this.events) {
-      this.events[eventManagers].clear();
-    }
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   */
-  attach(passiveEffect, stopPassiveEffect) {
-    this.passiveEffect = passiveEffect;
-    this.stopPassiveEffect = stopPassiveEffect;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(v) {
-    if (!this.passiveEffect) {
-      this.updateAndNotify(v);
-    } else {
-      this.passiveEffect(v, this.updateAndNotify);
-    }
-  }
-  setWithVelocity(prev, current2, delta) {
-    this.set(current2);
-    this.prev = void 0;
-    this.prevFrameValue = prev;
-    this.prevUpdatedAt = this.updatedAt - delta;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(v, endAnimation = true) {
-    this.updateAndNotify(v);
-    this.prev = v;
-    this.prevUpdatedAt = this.prevFrameValue = void 0;
-    endAnimation && this.stop();
-    if (this.stopPassiveEffect)
-      this.stopPassiveEffect();
-  }
-  dirty() {
-    var _a;
-    (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
-  }
-  addDependent(dependent) {
-    if (!this.dependents) {
-      this.dependents = /* @__PURE__ */ new Set();
-    }
-    this.dependents.add(dependent);
-  }
-  removeDependent(dependent) {
-    if (this.dependents) {
-      this.dependents.delete(dependent);
-    }
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    if (collectMotionValues.current) {
-      collectMotionValues.current.push(this);
-    }
-    return this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    const currentTime = time.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {
-      return 0;
-    }
-    const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);
-    return velocityPerSecond(parseFloat(this.current) - parseFloat(this.prevFrameValue), delta);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   */
-  start(startAnimation) {
-    this.stop();
-    return new Promise((resolve) => {
-      this.hasAnimated = true;
-      this.animation = startAnimation(resolve);
-      if (this.events.animationStart) {
-        this.events.animationStart.notify();
-      }
-    }).then(() => {
-      if (this.events.animationComplete) {
-        this.events.animationComplete.notify();
-      }
-      this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    if (this.animation) {
-      this.animation.stop();
-      if (this.events.animationCancel) {
-        this.events.animationCancel.notify();
-      }
-    }
-    this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    var _a, _b;
-    (_a = this.dependents) == null ? void 0 : _a.clear();
-    (_b = this.events.destroy) == null ? void 0 : _b.notify();
-    this.clearListeners();
-    this.stop();
-    if (this.stopPassiveEffect) {
-      this.stopPassiveEffect();
-    }
-  }
-};
-function motionValue(init, options) {
-  return new MotionValue(init, options);
-}
-
-// node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs
-var isKeyframesTarget = (v) => {
-  return Array.isArray(v);
-};
-
-// node_modules/motion-dom/dist/es/render/utils/setters.mjs
-function setMotionValue(visualElement, key, value) {
-  if (visualElement.hasValue(key)) {
-    visualElement.getValue(key).set(value);
-  } else {
-    visualElement.addValue(key, motionValue(value));
-  }
-}
-function resolveFinalValueInKeyframes(v) {
-  return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
-}
-function setTarget(visualElement, definition) {
-  const resolved = resolveVariant(visualElement, definition);
-  let { transitionEnd = {}, transition = {}, ...target } = resolved || {};
-  target = { ...target, ...transitionEnd };
-  for (const key in target) {
-    const value = resolveFinalValueInKeyframes(target[key]);
-    setMotionValue(visualElement, key, value);
-  }
-}
-
-// node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs
-var isMotionValue = (value) => Boolean(value && value.getVelocity);
-
-// node_modules/motion-dom/dist/es/value/will-change/is.mjs
-function isWillChangeMotionValue(value) {
-  return Boolean(isMotionValue(value) && value.add);
-}
-
-// node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs
-function addValueToWillChange(visualElement, key) {
-  const willChange = visualElement.getValue("willChange");
-  if (isWillChangeMotionValue(willChange)) {
-    return willChange.add(key);
-  } else if (!willChange && MotionGlobalConfig.WillChange) {
-    const newWillChange = new MotionGlobalConfig.WillChange("auto");
-    visualElement.addValue("willChange", newWillChange);
-    newWillChange.add(key);
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
-function camelToDash(str) {
-  return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
-}
-
-// node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs
-var optimizedAppearDataId = "framerAppearId";
-var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-
-// node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs
-function getOptimisedAppearId(visualElement) {
-  return visualElement.props[optimizedAppearDataAttribute];
-}
-
-// node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs
-function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
-  const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
-  needsAnimating[key] = false;
-  return shouldBlock;
-}
-function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0, transitionOverride, type } = {}) {
-  let { transition, transitionEnd, ...target } = targetAndTransition;
-  const defaultTransition = visualElement.getDefaultTransition();
-  transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
-  const reduceMotion = transition == null ? void 0 : transition.reduceMotion;
-  if (transitionOverride)
-    transition = transitionOverride;
-  const animations2 = [];
-  const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
-  for (const key in target) {
-    const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
-    const valueTarget = target[key];
-    if (valueTarget === void 0 || animationTypeState && shouldBlockAnimation(animationTypeState, key)) {
-      continue;
-    }
-    const valueTransition = {
-      delay: delay2,
-      ...getValueTransition(transition || {}, key)
-    };
-    const currentValue = value.get();
-    if (currentValue !== void 0 && !value.isAnimating && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
-      continue;
-    }
-    let isHandoff = false;
-    if (window.MotionHandoffAnimation) {
-      const appearId = getOptimisedAppearId(visualElement);
-      if (appearId) {
-        const startTime = window.MotionHandoffAnimation(appearId, key, frame);
-        if (startTime !== null) {
-          valueTransition.startTime = startTime;
-          isHandoff = true;
-        }
-      }
-    }
-    addValueToWillChange(visualElement, key);
-    const shouldReduceMotion = reduceMotion ?? visualElement.shouldReduceMotion;
-    value.start(animateMotionValue(key, value, valueTarget, shouldReduceMotion && positionalKeys.has(key) ? { type: false } : valueTransition, visualElement, isHandoff));
-    const animation = value.animation;
-    if (animation) {
-      animations2.push(animation);
-    }
-  }
-  if (transitionEnd) {
-    const applyTransitionEnd = () => frame.update(() => {
-      transitionEnd && setTarget(visualElement, transitionEnd);
-    });
-    if (animations2.length) {
-      Promise.all(animations2).then(applyTransitionEnd);
-    } else {
-      applyTransitionEnd();
-    }
-  }
-  return animations2;
-}
-
-// node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs
-function animateVariant(visualElement, variant, options = {}) {
-  var _a;
-  const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? (_a = visualElement.presenceContext) == null ? void 0 : _a.custom : void 0);
-  let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
-  if (options.transitionOverride) {
-    transition = options.transitionOverride;
-  }
-  const getAnimation = resolved ? () => Promise.all(animateTarget(visualElement, resolved, options)) : () => Promise.resolve();
-  const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size ? (forwardDelay = 0) => {
-    const { delayChildren = 0, staggerChildren, staggerDirection } = transition;
-    return animateChildren(visualElement, variant, forwardDelay, delayChildren, staggerChildren, staggerDirection, options);
-  } : () => Promise.resolve();
-  const { when } = transition;
-  if (when) {
-    const [first, last] = when === "beforeChildren" ? [getAnimation, getChildAnimations] : [getChildAnimations, getAnimation];
-    return first().then(() => last());
-  } else {
-    return Promise.all([getAnimation(), getChildAnimations(options.delay)]);
-  }
-}
-function animateChildren(visualElement, variant, delay2 = 0, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {
-  const animations2 = [];
-  for (const child of visualElement.variantChildren) {
-    child.notify("AnimationStart", variant);
-    animations2.push(animateVariant(child, variant, {
-      ...options,
-      delay: delay2 + (typeof delayChildren === "function" ? 0 : delayChildren) + calcChildStagger(visualElement.variantChildren, child, delayChildren, staggerChildren, staggerDirection)
-    }).then(() => child.notify("AnimationComplete", variant)));
-  }
-  return Promise.all(animations2);
-}
-
-// node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs
-function animateVisualElement(visualElement, definition, options = {}) {
-  visualElement.notify("AnimationStart", definition);
-  let animation;
-  if (Array.isArray(definition)) {
-    const animations2 = definition.map((variant) => animateVariant(visualElement, variant, options));
-    animation = Promise.all(animations2);
-  } else if (typeof definition === "string") {
-    animation = animateVariant(visualElement, definition, options);
-  } else {
-    const resolvedDefinition = typeof definition === "function" ? resolveVariant(visualElement, definition, options.custom) : definition;
-    animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));
-  }
-  return animation.then(() => {
-    visualElement.notify("AnimationComplete", definition);
-  });
-}
-
-// node_modules/motion-dom/dist/es/value/types/auto.mjs
-var auto = {
-  test: (v) => v === "auto",
-  parse: (v) => v
-};
-
-// node_modules/motion-dom/dist/es/value/types/test.mjs
-var testValueType = (v) => (type) => type.test(v);
-
-// node_modules/motion-dom/dist/es/value/types/dimensions.mjs
-var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
-var findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
-
-// node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs
-function isNone(value) {
-  if (typeof value === "number") {
-    return value === 0;
-  } else if (value !== null) {
-    return value === "none" || value === "0" || isZeroValueString(value);
-  } else {
-    return true;
-  }
-}
-
-// node_modules/motion-dom/dist/es/value/types/complex/filter.mjs
-var maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function applyDefaultFilter(v) {
-  const [name, value] = v.slice(0, -1).split("(");
-  if (name === "drop-shadow")
-    return v;
-  const [number2] = value.match(floatRegex) || [];
-  if (!number2)
-    return v;
-  const unit = value.replace(number2, "");
-  let defaultValue = maxDefaults.has(name) ? 1 : 0;
-  if (number2 !== value)
-    defaultValue *= 100;
-  return name + "(" + defaultValue + unit + ")";
-}
-var functionRegex = /\b([a-z-]*)\(.*?\)/gu;
-var filter = {
-  ...complex,
-  getAnimatableNone: (v) => {
-    const functions = v.match(functionRegex);
-    return functions ? functions.map(applyDefaultFilter).join(" ") : v;
-  }
-};
-
-// node_modules/motion-dom/dist/es/value/types/complex/mask.mjs
-var mask = {
-  ...complex,
-  getAnimatableNone: (v) => {
-    const parsed = complex.parse(v);
-    const transformer = complex.createTransformer(v);
-    return transformer(parsed.map((v2) => typeof v2 === "number" ? 0 : typeof v2 === "object" ? { ...v2, alpha: 1 } : v2));
-  }
-};
-
-// node_modules/motion-dom/dist/es/value/types/int.mjs
-var int = {
-  ...number,
-  transform: Math.round
-};
-
-// node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
-var transformValueTypes = {
-  rotate: degrees,
-  rotateX: degrees,
-  rotateY: degrees,
-  rotateZ: degrees,
-  scale,
-  scaleX: scale,
-  scaleY: scale,
-  scaleZ: scale,
-  skew: degrees,
-  skewX: degrees,
-  skewY: degrees,
-  distance: px,
-  translateX: px,
-  translateY: px,
-  translateZ: px,
-  x: px,
-  y: px,
-  z: px,
-  perspective: px,
-  transformPerspective: px,
-  opacity: alpha,
-  originX: progressPercentage,
-  originY: progressPercentage,
-  originZ: px
-};
-
-// node_modules/motion-dom/dist/es/value/types/maps/number.mjs
-var numberValueTypes = {
-  // Border props
-  borderWidth: px,
-  borderTopWidth: px,
-  borderRightWidth: px,
-  borderBottomWidth: px,
-  borderLeftWidth: px,
-  borderRadius: px,
-  borderTopLeftRadius: px,
-  borderTopRightRadius: px,
-  borderBottomRightRadius: px,
-  borderBottomLeftRadius: px,
-  // Positioning props
-  width: px,
-  maxWidth: px,
-  height: px,
-  maxHeight: px,
-  top: px,
-  right: px,
-  bottom: px,
-  left: px,
-  inset: px,
-  insetBlock: px,
-  insetBlockStart: px,
-  insetBlockEnd: px,
-  insetInline: px,
-  insetInlineStart: px,
-  insetInlineEnd: px,
-  // Spacing props
-  padding: px,
-  paddingTop: px,
-  paddingRight: px,
-  paddingBottom: px,
-  paddingLeft: px,
-  paddingBlock: px,
-  paddingBlockStart: px,
-  paddingBlockEnd: px,
-  paddingInline: px,
-  paddingInlineStart: px,
-  paddingInlineEnd: px,
-  margin: px,
-  marginTop: px,
-  marginRight: px,
-  marginBottom: px,
-  marginLeft: px,
-  marginBlock: px,
-  marginBlockStart: px,
-  marginBlockEnd: px,
-  marginInline: px,
-  marginInlineStart: px,
-  marginInlineEnd: px,
-  // Typography
-  fontSize: px,
-  // Misc
-  backgroundPositionX: px,
-  backgroundPositionY: px,
-  ...transformValueTypes,
-  zIndex: int,
-  // SVG
-  fillOpacity: alpha,
-  strokeOpacity: alpha,
-  numOctaves: int
-};
-
-// node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
-var defaultValueTypes = {
-  ...numberValueTypes,
-  // Color props
-  color,
-  backgroundColor: color,
-  outlineColor: color,
-  fill: color,
-  stroke: color,
-  // Border props
-  borderColor: color,
-  borderTopColor: color,
-  borderRightColor: color,
-  borderBottomColor: color,
-  borderLeftColor: color,
-  filter,
-  WebkitFilter: filter,
-  mask,
-  WebkitMask: mask
-};
-var getDefaultValueType = (key) => defaultValueTypes[key];
-
-// node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
-var customTypes = /* @__PURE__ */ new Set([filter, mask]);
-function getAnimatableNone2(key, value) {
-  let defaultValueType = getDefaultValueType(key);
-  if (!customTypes.has(defaultValueType))
-    defaultValueType = complex;
-  return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs
-var invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
-  let i = 0;
-  let animatableTemplate = void 0;
-  while (i < unresolvedKeyframes.length && !animatableTemplate) {
-    const keyframe = unresolvedKeyframes[i];
-    if (typeof keyframe === "string" && !invalidTemplates.has(keyframe) && analyseComplexValue(keyframe).values.length) {
-      animatableTemplate = unresolvedKeyframes[i];
-    }
-    i++;
-  }
-  if (animatableTemplate && name) {
-    for (const noneIndex of noneKeyframeIndexes) {
-      unresolvedKeyframes[noneIndex] = getAnimatableNone2(name, animatableTemplate);
-    }
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs
-var DOMKeyframesResolver = class extends KeyframeResolver {
-  constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
-    super(unresolvedKeyframes, onComplete, name, motionValue2, element, true);
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes, element, name } = this;
-    if (!element || !element.current)
-      return;
-    super.readKeyframes();
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      let keyframe = unresolvedKeyframes[i];
-      if (typeof keyframe === "string") {
-        keyframe = keyframe.trim();
-        if (isCSSVariableToken(keyframe)) {
-          const resolved = getVariableValue(keyframe, element.current);
-          if (resolved !== void 0) {
-            unresolvedKeyframes[i] = resolved;
-          }
-          if (i === unresolvedKeyframes.length - 1) {
-            this.finalKeyframe = keyframe;
-          }
-        }
-      }
-    }
-    this.resolveNoneKeyframes();
-    if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {
-      return;
-    }
-    const [origin, target] = unresolvedKeyframes;
-    const originType = findDimensionValueType(origin);
-    const targetType = findDimensionValueType(target);
-    const originHasVar = containsCSSVariable(origin);
-    const targetHasVar = containsCSSVariable(target);
-    if (originHasVar !== targetHasVar && positionalValues[name]) {
-      this.needsMeasurement = true;
-      return;
-    }
-    if (originType === targetType)
-      return;
-    if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {
-      for (let i = 0; i < unresolvedKeyframes.length; i++) {
-        const value = unresolvedKeyframes[i];
-        if (typeof value === "string") {
-          unresolvedKeyframes[i] = parseFloat(value);
-        }
-      }
-    } else if (positionalValues[name]) {
-      this.needsMeasurement = true;
-    }
-  }
-  resolveNoneKeyframes() {
-    const { unresolvedKeyframes, name } = this;
-    const noneKeyframeIndexes = [];
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (unresolvedKeyframes[i] === null || isNone(unresolvedKeyframes[i])) {
-        noneKeyframeIndexes.push(i);
-      }
-    }
-    if (noneKeyframeIndexes.length) {
-      makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name);
-    }
-  }
-  measureInitialState() {
-    const { element, unresolvedKeyframes, name } = this;
-    if (!element || !element.current)
-      return;
-    if (name === "height") {
-      this.suspendedScrollY = window.pageYOffset;
-    }
-    this.measuredOrigin = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));
-    unresolvedKeyframes[0] = this.measuredOrigin;
-    const measureKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
-    if (measureKeyframe !== void 0) {
-      element.getValue(name, measureKeyframe).jump(measureKeyframe, false);
-    }
-  }
-  measureEndState() {
-    var _a;
-    const { element, name, unresolvedKeyframes } = this;
-    if (!element || !element.current)
-      return;
-    const value = element.getValue(name);
-    value && value.jump(this.measuredOrigin, false);
-    const finalKeyframeIndex = unresolvedKeyframes.length - 1;
-    const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex];
-    unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));
-    if (finalKeyframe !== null && this.finalKeyframe === void 0) {
-      this.finalKeyframe = finalKeyframe;
-    }
-    if ((_a = this.removedTransforms) == null ? void 0 : _a.length) {
-      this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {
-        element.getValue(unsetTransformName).set(unsetTransformValue);
-      });
-    }
-    this.resolveNoneKeyframes();
-  }
-};
-
-// node_modules/motion-dom/dist/es/animation/waapi/utils/px-values.mjs
-var pxValues = /* @__PURE__ */ new Set([
-  // Border props
-  "borderWidth",
-  "borderTopWidth",
-  "borderRightWidth",
-  "borderBottomWidth",
-  "borderLeftWidth",
-  "borderRadius",
-  "borderTopLeftRadius",
-  "borderTopRightRadius",
-  "borderBottomRightRadius",
-  "borderBottomLeftRadius",
-  // Positioning props
-  "width",
-  "maxWidth",
-  "height",
-  "maxHeight",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "inset",
-  "insetBlock",
-  "insetBlockStart",
-  "insetBlockEnd",
-  "insetInline",
-  "insetInlineStart",
-  "insetInlineEnd",
-  // Spacing props
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingBlock",
-  "paddingBlockStart",
-  "paddingBlockEnd",
-  "paddingInline",
-  "paddingInlineStart",
-  "paddingInlineEnd",
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "marginBlock",
-  "marginBlockStart",
-  "marginBlockEnd",
-  "marginInline",
-  "marginInlineStart",
-  "marginInlineEnd",
-  // Typography
-  "fontSize",
-  // Misc
-  "backgroundPositionX",
-  "backgroundPositionY"
-]);
-
-// node_modules/motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs
-function applyPxDefaults(keyframes2, name) {
-  for (let i = 0; i < keyframes2.length; i++) {
-    if (typeof keyframes2[i] === "number" && pxValues.has(name)) {
-      keyframes2[i] = keyframes2[i] + "px";
-    }
-  }
-}
-
-// node_modules/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs
-function isWaapiSupportedEasing(easing) {
-  return Boolean(typeof easing === "function" && supportsLinearEasing() || !easing || typeof easing === "string" && (easing in supportedWaapiEasing || supportsLinearEasing()) || isBezierDefinition(easing) || Array.isArray(easing) && easing.every(isWaapiSupportedEasing));
-}
-
-// node_modules/motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs
-var supportsPartialKeyframes = memo(() => {
-  try {
-    document.createElement("div").animate({ opacity: [1] });
-  } catch (e) {
-    return false;
-  }
-  return true;
-});
-
-// node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs
-var acceleratedValues2 = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform"
-  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
-  // or until we implement support for linear() easing.
-  // "background-color"
-]);
-
-// node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
-function resolveElements(elementOrSelector, scope, selectorCache) {
-  if (elementOrSelector == null) {
-    return [];
-  }
-  if (elementOrSelector instanceof EventTarget) {
-    return [elementOrSelector];
-  } else if (typeof elementOrSelector === "string") {
-    let root = document;
-    if (scope) {
-      root = scope.current;
-    }
-    const elements = (selectorCache == null ? void 0 : selectorCache[elementOrSelector]) ?? root.querySelectorAll(elementOrSelector);
-    return elements ? Array.from(elements) : [];
-  }
-  return Array.from(elementOrSelector).filter((element) => element != null);
-}
-
-// node_modules/motion-dom/dist/es/effects/utils/create-dom-effect.mjs
-function createSelectorEffect(subjectEffect) {
-  return (subject, values) => {
-    const elements = resolveElements(subject);
-    const subscriptions = [];
-    for (const element of elements) {
-      const remove = subjectEffect(element, values);
-      subscriptions.push(remove);
-    }
-    return () => {
-      for (const remove of subscriptions)
-        remove();
-    };
-  };
-}
-
-// node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs
-var getValueAsType = (value, type) => {
-  return type && typeof value === "number" ? type.transform(value) : value;
-};
-
-// node_modules/motion-dom/dist/es/effects/MotionValueState.mjs
-var MotionValueState = class {
-  constructor() {
-    this.latest = {};
-    this.values = /* @__PURE__ */ new Map();
-  }
-  set(name, value, render, computed, useDefaultValueType = true) {
-    const existingValue = this.values.get(name);
-    if (existingValue) {
-      existingValue.onRemove();
-    }
-    const onChange = () => {
-      const v = value.get();
-      if (useDefaultValueType) {
-        this.latest[name] = getValueAsType(v, numberValueTypes[name]);
-      } else {
-        this.latest[name] = v;
-      }
-      render && frame.render(render);
-    };
-    onChange();
-    const cancelOnChange = value.on("change", onChange);
-    computed && value.addDependent(computed);
-    const remove = () => {
-      cancelOnChange();
-      render && cancelFrame(render);
-      this.values.delete(name);
-      computed && value.removeDependent(computed);
-    };
-    this.values.set(name, { value, onRemove: remove });
-    return remove;
-  }
-  get(name) {
-    var _a;
-    return (_a = this.values.get(name)) == null ? void 0 : _a.value;
-  }
-};
-
-// node_modules/motion-dom/dist/es/effects/utils/create-effect.mjs
-function createEffect(addValue) {
-  const stateCache = /* @__PURE__ */ new WeakMap();
-  return (subject, values) => {
-    const state = stateCache.get(subject) ?? new MotionValueState();
-    stateCache.set(subject, state);
-    const subscriptions = [];
-    for (const key in values) {
-      const value = values[key];
-      const remove = addValue(subject, state, key, value);
-      subscriptions.push(remove);
-    }
-    return () => {
-      for (const cancel of subscriptions)
-        cancel();
-    };
-  };
-}
-
-// node_modules/motion-dom/dist/es/effects/attr/index.mjs
-function canSetAsProperty(element, name) {
-  if (!(name in element))
-    return false;
-  const descriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), name) || Object.getOwnPropertyDescriptor(element, name);
-  return descriptor && typeof descriptor.set === "function";
-}
-var addAttrValue = (element, state, key, value) => {
-  const isProp = canSetAsProperty(element, key);
-  const name = isProp ? key : key.startsWith("data") || key.startsWith("aria") ? camelToDash(key) : key;
-  const render = isProp ? () => {
-    element[name] = state.latest[key];
-  } : () => {
-    const v = state.latest[key];
-    if (v === null || v === void 0) {
-      element.removeAttribute(name);
-    } else {
-      element.setAttribute(name, String(v));
-    }
-  };
-  return state.set(key, value, render);
-};
-var attrEffect = createSelectorEffect(
-  createEffect(addAttrValue)
-);
-
-// node_modules/motion-dom/dist/es/effects/prop/index.mjs
-var propEffect = createEffect((subject, state, key, value) => {
-  return state.set(key, value, () => {
-    subject[key] = state.latest[key];
-  }, void 0, false);
-});
-
-// node_modules/motion-dom/dist/es/utils/is-html-element.mjs
-function isHTMLElement(element) {
-  return isObject(element) && "offsetHeight" in element && !("ownerSVGElement" in element);
-}
-
-// node_modules/motion-dom/dist/es/effects/style/transform.mjs
-var translateAlias = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-};
-function buildTransform(state) {
-  let transform2 = "";
-  let transformIsDefault = true;
-  for (let i = 0; i < transformPropOrder.length; i++) {
-    const key = transformPropOrder[i];
-    const value = state.latest[key];
-    if (value === void 0)
-      continue;
-    let valueIsDefault = true;
-    if (typeof value === "number") {
-      valueIsDefault = value === (key.startsWith("scale") ? 1 : 0);
-    } else {
-      const parsed = parseFloat(value);
-      valueIsDefault = key.startsWith("scale") ? parsed === 1 : parsed === 0;
-    }
-    if (!valueIsDefault) {
-      transformIsDefault = false;
-      const transformName = translateAlias[key] || key;
-      transform2 += `${transformName}(${value}) `;
-    }
-  }
-  return transformIsDefault ? "none" : transform2.trim();
-}
-
-// node_modules/motion-dom/dist/es/effects/style/index.mjs
-var originProps = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
-var addStyleValue = (element, state, key, value) => {
-  let render = void 0;
-  let computed = void 0;
-  if (transformProps.has(key)) {
-    if (!state.get("transform")) {
-      if (!isHTMLElement(element) && !state.get("transformBox")) {
-        addStyleValue(element, state, "transformBox", new MotionValue("fill-box"));
-      }
-      state.set("transform", new MotionValue("none"), () => {
-        element.style.transform = buildTransform(state);
-      });
-    }
-    computed = state.get("transform");
-  } else if (originProps.has(key)) {
-    if (!state.get("transformOrigin")) {
-      state.set("transformOrigin", new MotionValue(""), () => {
-        const originX = state.latest.originX ?? "50%";
-        const originY = state.latest.originY ?? "50%";
-        const originZ = state.latest.originZ ?? 0;
-        element.style.transformOrigin = `${originX} ${originY} ${originZ}`;
-      });
-    }
-    computed = state.get("transformOrigin");
-  } else if (isCSSVar(key)) {
-    render = () => {
-      element.style.setProperty(key, state.latest[key]);
-    };
-  } else {
-    render = () => {
-      element.style[key] = state.latest[key];
-    };
-  }
-  return state.set(key, value, render, computed);
-};
-var styleEffect = createSelectorEffect(
-  createEffect(addStyleValue)
-);
-
-// node_modules/motion-dom/dist/es/effects/svg/index.mjs
-function addSVGPathValue(element, state, key, value) {
-  frame.render(() => element.setAttribute("pathLength", "1"));
-  if (key === "pathOffset") {
-    return state.set(key, value, () => {
-      const offset = state.latest[key];
-      element.setAttribute("stroke-dashoffset", `${-offset}`);
-    });
-  } else {
-    if (!state.get("stroke-dasharray")) {
-      state.set("stroke-dasharray", new MotionValue("1 1"), () => {
-        const { pathLength = 1, pathSpacing } = state.latest;
-        element.setAttribute("stroke-dasharray", `${pathLength} ${pathSpacing ?? 1 - Number(pathLength)}`);
-      });
-    }
-    return state.set(key, value, void 0, state.get("stroke-dasharray"));
-  }
-}
-var addSVGValue = (element, state, key, value) => {
-  if (key.startsWith("path")) {
-    return addSVGPathValue(element, state, key, value);
-  } else if (key.startsWith("attr")) {
-    return addAttrValue(element, state, convertAttrKey(key), value);
-  }
-  const handler = key in element.style ? addStyleValue : addAttrValue;
-  return handler(element, state, key, value);
-};
-var svgEffect = createSelectorEffect(
-  createEffect(addSVGValue)
-);
-function convertAttrKey(key) {
-  return key.replace(/^attr([A-Z])/, (_, firstChar) => firstChar.toLowerCase());
-}
-
-// node_modules/motion-dom/dist/es/frameloop/microtask.mjs
-var { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
-
-// node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs
-var isDragging = {
-  x: false,
-  y: false
-};
-function isDragActive() {
-  return isDragging.x || isDragging.y;
-}
-
-// node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs
-function setDragLock(axis) {
-  if (axis === "x" || axis === "y") {
-    if (isDragging[axis]) {
-      return null;
-    } else {
-      isDragging[axis] = true;
-      return () => {
-        isDragging[axis] = false;
-      };
-    }
-  } else {
-    if (isDragging.x || isDragging.y) {
-      return null;
-    } else {
-      isDragging.x = isDragging.y = true;
-      return () => {
-        isDragging.x = isDragging.y = false;
-      };
-    }
-  }
-}
-
-// node_modules/motion-dom/dist/es/gestures/utils/setup.mjs
-function setupGesture(elementOrSelector, options) {
-  const elements = resolveElements(elementOrSelector);
-  const gestureAbortController = new AbortController();
-  const eventOptions = {
-    passive: true,
-    ...options,
-    signal: gestureAbortController.signal
-  };
-  const cancel = () => gestureAbortController.abort();
-  return [elements, eventOptions, cancel];
-}
-
-// node_modules/motion-dom/dist/es/gestures/hover.mjs
-function isValidHover(event) {
-  return !(event.pointerType === "touch" || isDragActive());
-}
-function hover(elementOrSelector, onHoverStart, options = {}) {
-  const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
-  elements.forEach((element) => {
-    let isPressed = false;
-    let deferredHoverEnd = false;
-    let hoverEndCallback;
-    const removePointerLeave = () => {
-      element.removeEventListener("pointerleave", onPointerLeave);
-    };
-    const endHover = (event) => {
-      if (hoverEndCallback) {
-        hoverEndCallback(event);
-        hoverEndCallback = void 0;
-      }
-      removePointerLeave();
-    };
-    const onPointerUp = (event) => {
-      isPressed = false;
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("pointercancel", onPointerUp);
-      if (deferredHoverEnd) {
-        deferredHoverEnd = false;
-        endHover(event);
-      }
-    };
-    const onPointerDown = () => {
-      isPressed = true;
-      window.addEventListener("pointerup", onPointerUp, eventOptions);
-      window.addEventListener("pointercancel", onPointerUp, eventOptions);
-    };
-    const onPointerLeave = (leaveEvent) => {
-      if (leaveEvent.pointerType === "touch")
-        return;
-      if (isPressed) {
-        deferredHoverEnd = true;
-        return;
-      }
-      endHover(leaveEvent);
-    };
-    const onPointerEnter = (enterEvent) => {
-      if (!isValidHover(enterEvent))
-        return;
-      deferredHoverEnd = false;
-      const onHoverEnd = onHoverStart(element, enterEvent);
-      if (typeof onHoverEnd !== "function")
-        return;
-      hoverEndCallback = onHoverEnd;
-      element.addEventListener("pointerleave", onPointerLeave, eventOptions);
-    };
-    element.addEventListener("pointerenter", onPointerEnter, eventOptions);
-    element.addEventListener("pointerdown", onPointerDown, eventOptions);
-  });
-  return cancel;
-}
-
-// node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs
-var isNodeOrChild = (parent, child) => {
-  if (!child) {
-    return false;
-  } else if (parent === child) {
-    return true;
-  } else {
-    return isNodeOrChild(parent, child.parentElement);
-  }
-};
-
-// node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs
-var isPrimaryPointer = (event) => {
-  if (event.pointerType === "mouse") {
-    return typeof event.button !== "number" || event.button <= 0;
-  } else {
-    return event.isPrimary !== false;
-  }
-};
-
-// node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs
-var keyboardAccessibleElements = /* @__PURE__ */ new Set([
-  "BUTTON",
-  "INPUT",
-  "SELECT",
-  "TEXTAREA",
-  "A"
-]);
-function isElementKeyboardAccessible(element) {
-  return keyboardAccessibleElements.has(element.tagName) || element.isContentEditable === true;
-}
-var textInputElements = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
-function isElementTextInput(element) {
-  return textInputElements.has(element.tagName) || element.isContentEditable === true;
-}
-
-// node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs
-var isPressing = /* @__PURE__ */ new WeakSet();
-
-// node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs
-function filterEvents(callback) {
-  return (event) => {
-    if (event.key !== "Enter")
-      return;
-    callback(event);
-  };
-}
-function firePointerEvent(target, type) {
-  target.dispatchEvent(new PointerEvent("pointer" + type, { isPrimary: true, bubbles: true }));
-}
-var enableKeyboardPress = (focusEvent, eventOptions) => {
-  const element = focusEvent.currentTarget;
-  if (!element)
-    return;
-  const handleKeydown = filterEvents(() => {
-    if (isPressing.has(element))
-      return;
-    firePointerEvent(element, "down");
-    const handleKeyup = filterEvents(() => {
-      firePointerEvent(element, "up");
-    });
-    const handleBlur = () => firePointerEvent(element, "cancel");
-    element.addEventListener("keyup", handleKeyup, eventOptions);
-    element.addEventListener("blur", handleBlur, eventOptions);
-  });
-  element.addEventListener("keydown", handleKeydown, eventOptions);
-  element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
-};
-
-// node_modules/motion-dom/dist/es/gestures/press/index.mjs
-function isValidPressEvent(event) {
-  return isPrimaryPointer(event) && !isDragActive();
-}
-var claimedPointerDownEvents = /* @__PURE__ */ new WeakSet();
-function press(targetOrSelector, onPressStart, options = {}) {
-  const [targets, eventOptions, cancelEvents] = setupGesture(targetOrSelector, options);
-  const startPress = (startEvent) => {
-    const target = startEvent.currentTarget;
-    if (!isValidPressEvent(startEvent))
-      return;
-    if (claimedPointerDownEvents.has(startEvent))
-      return;
-    isPressing.add(target);
-    if (options.stopPropagation) {
-      claimedPointerDownEvents.add(startEvent);
-    }
-    const onPressEnd = onPressStart(target, startEvent);
-    const onPointerEnd = (endEvent, success) => {
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("pointercancel", onPointerCancel);
-      if (isPressing.has(target)) {
-        isPressing.delete(target);
-      }
-      if (!isValidPressEvent(endEvent)) {
-        return;
-      }
-      if (typeof onPressEnd === "function") {
-        onPressEnd(endEvent, { success });
-      }
-    };
-    const onPointerUp = (upEvent) => {
-      onPointerEnd(upEvent, target === window || target === document || options.useGlobalTarget || isNodeOrChild(target, upEvent.target));
-    };
-    const onPointerCancel = (cancelEvent) => {
-      onPointerEnd(cancelEvent, false);
-    };
-    window.addEventListener("pointerup", onPointerUp, eventOptions);
-    window.addEventListener("pointercancel", onPointerCancel, eventOptions);
-  };
-  targets.forEach((target) => {
-    const pointerDownTarget = options.useGlobalTarget ? window : target;
-    pointerDownTarget.addEventListener("pointerdown", startPress, eventOptions);
-    if (isHTMLElement(target)) {
-      target.addEventListener("focus", (event) => enableKeyboardPress(event, eventOptions));
-      if (!isElementKeyboardAccessible(target) && !target.hasAttribute("tabindex")) {
-        target.tabIndex = 0;
-      }
-    }
-  });
-  return cancelEvents;
-}
-
-// node_modules/motion-dom/dist/es/render/dom/style-computed.mjs
-function getComputedStyle2(element, name) {
-  const computedStyle = window.getComputedStyle(element);
-  return isCSSVar(name) ? computedStyle.getPropertyValue(name) : computedStyle[name];
-}
-
-// node_modules/motion-dom/dist/es/utils/is-svg-element.mjs
-function isSVGElement(element) {
-  return isObject(element) && "ownerSVGElement" in element;
-}
-
-// node_modules/motion-dom/dist/es/resize/handle-element.mjs
-var resizeHandlers = /* @__PURE__ */ new WeakMap();
-var observer;
-var getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
-  if (borderBoxSize && borderBoxSize[0]) {
-    return borderBoxSize[0][borderBoxAxis + "Size"];
-  } else if (isSVGElement(target) && "getBBox" in target) {
-    return target.getBBox()[svgAxis];
-  } else {
-    return target[htmlAxis];
-  }
-};
-var getWidth = getSize("inline", "width", "offsetWidth");
-var getHeight = getSize("block", "height", "offsetHeight");
-function notifyTarget({ target, borderBoxSize }) {
-  var _a;
-  (_a = resizeHandlers.get(target)) == null ? void 0 : _a.forEach((handler) => {
-    handler(target, {
-      get width() {
-        return getWidth(target, borderBoxSize);
-      },
-      get height() {
-        return getHeight(target, borderBoxSize);
-      }
-    });
-  });
-}
-function notifyAll(entries) {
-  entries.forEach(notifyTarget);
-}
-function createResizeObserver() {
-  if (typeof ResizeObserver === "undefined")
-    return;
-  observer = new ResizeObserver(notifyAll);
-}
-function resizeElement(target, handler) {
-  if (!observer)
-    createResizeObserver();
-  const elements = resolveElements(target);
-  elements.forEach((element) => {
-    let elementHandlers = resizeHandlers.get(element);
-    if (!elementHandlers) {
-      elementHandlers = /* @__PURE__ */ new Set();
-      resizeHandlers.set(element, elementHandlers);
-    }
-    elementHandlers.add(handler);
-    observer == null ? void 0 : observer.observe(element);
-  });
-  return () => {
-    elements.forEach((element) => {
-      const elementHandlers = resizeHandlers.get(element);
-      elementHandlers == null ? void 0 : elementHandlers.delete(handler);
-      if (!(elementHandlers == null ? void 0 : elementHandlers.size)) {
-        observer == null ? void 0 : observer.unobserve(element);
-      }
-    });
-  };
-}
-
-// node_modules/motion-dom/dist/es/resize/handle-window.mjs
-var windowCallbacks = /* @__PURE__ */ new Set();
-var windowResizeHandler;
-function createWindowResizeHandler() {
-  windowResizeHandler = () => {
-    const info = {
-      get width() {
-        return window.innerWidth;
-      },
-      get height() {
-        return window.innerHeight;
-      }
-    };
-    windowCallbacks.forEach((callback) => callback(info));
-  };
-  window.addEventListener("resize", windowResizeHandler);
-}
-function resizeWindow(callback) {
-  windowCallbacks.add(callback);
-  if (!windowResizeHandler)
-    createWindowResizeHandler();
-  return () => {
-    windowCallbacks.delete(callback);
-    if (!windowCallbacks.size && typeof windowResizeHandler === "function") {
-      window.removeEventListener("resize", windowResizeHandler);
-      windowResizeHandler = void 0;
-    }
-  };
-}
-
-// node_modules/motion-dom/dist/es/resize/index.mjs
-function resize(a, b) {
-  return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
-}
-
-// node_modules/motion-dom/dist/es/scroll/observe.mjs
-function observeTimeline(update, timeline) {
-  let prevProgress;
-  const onFrame = () => {
-    const { currentTime } = timeline;
-    const percentage = currentTime === null ? 0 : currentTime.value;
-    const progress2 = percentage / 100;
-    if (prevProgress !== progress2) {
-      update(progress2);
-    }
-    prevProgress = progress2;
-  };
-  frame.preUpdate(onFrame, true);
-  return () => cancelFrame(onFrame);
-}
-
-// node_modules/motion-dom/dist/es/stats/index.mjs
-function record() {
-  const { value } = statsBuffer;
-  if (value === null) {
-    cancelFrame(record);
-    return;
-  }
-  value.frameloop.rate.push(frameData.delta);
-  value.animations.mainThread.push(activeAnimations.mainThread);
-  value.animations.waapi.push(activeAnimations.waapi);
-  value.animations.layout.push(activeAnimations.layout);
-}
-function mean(values) {
-  return values.reduce((acc, value) => acc + value, 0) / values.length;
-}
-function summarise(values, calcAverage = mean) {
-  if (values.length === 0) {
-    return {
-      min: 0,
-      max: 0,
-      avg: 0
-    };
-  }
-  return {
-    min: Math.min(...values),
-    max: Math.max(...values),
-    avg: calcAverage(values)
-  };
-}
-var msToFps = (ms) => Math.round(1e3 / ms);
-function clearStatsBuffer() {
-  statsBuffer.value = null;
-  statsBuffer.addProjectionMetrics = null;
-}
-function reportStats() {
-  const { value } = statsBuffer;
-  if (!value) {
-    throw new Error("Stats are not being measured");
-  }
-  clearStatsBuffer();
-  cancelFrame(record);
-  const summary = {
-    frameloop: {
-      setup: summarise(value.frameloop.setup),
-      rate: summarise(value.frameloop.rate),
-      read: summarise(value.frameloop.read),
-      resolveKeyframes: summarise(value.frameloop.resolveKeyframes),
-      preUpdate: summarise(value.frameloop.preUpdate),
-      update: summarise(value.frameloop.update),
-      preRender: summarise(value.frameloop.preRender),
-      render: summarise(value.frameloop.render),
-      postRender: summarise(value.frameloop.postRender)
-    },
-    animations: {
-      mainThread: summarise(value.animations.mainThread),
-      waapi: summarise(value.animations.waapi),
-      layout: summarise(value.animations.layout)
-    },
-    layoutProjection: {
-      nodes: summarise(value.layoutProjection.nodes),
-      calculatedTargetDeltas: summarise(value.layoutProjection.calculatedTargetDeltas),
-      calculatedProjections: summarise(value.layoutProjection.calculatedProjections)
-    }
-  };
-  const { rate } = summary.frameloop;
-  rate.min = msToFps(rate.min);
-  rate.max = msToFps(rate.max);
-  rate.avg = msToFps(rate.avg);
-  [rate.min, rate.max] = [rate.max, rate.min];
-  return summary;
-}
-function recordStats() {
-  if (statsBuffer.value) {
-    clearStatsBuffer();
-    throw new Error("Stats are already being measured");
-  }
-  const newStatsBuffer = statsBuffer;
-  newStatsBuffer.value = {
-    frameloop: {
-      setup: [],
-      rate: [],
-      read: [],
-      resolveKeyframes: [],
-      preUpdate: [],
-      update: [],
-      preRender: [],
-      render: [],
-      postRender: []
-    },
-    animations: {
-      mainThread: [],
-      waapi: [],
-      layout: []
-    },
-    layoutProjection: {
-      nodes: [],
-      calculatedTargetDeltas: [],
-      calculatedProjections: []
-    }
-  };
-  newStatsBuffer.addProjectionMetrics = (metrics2) => {
-    const { layoutProjection } = newStatsBuffer.value;
-    layoutProjection.nodes.push(metrics2.nodes);
-    layoutProjection.calculatedTargetDeltas.push(metrics2.calculatedTargetDeltas);
-    layoutProjection.calculatedProjections.push(metrics2.calculatedProjections);
-  };
-  frame.postRender(record, true);
-  return reportStats;
-}
-
-// node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs
-function isSVGSVGElement(element) {
-  return isSVGElement(element) && element.tagName === "svg";
-}
-
-// node_modules/motion-dom/dist/es/utils/stagger.mjs
-function getOriginIndex(from, total) {
-  if (from === "first") {
-    return 0;
-  } else {
-    const lastIndex = total - 1;
-    return from === "last" ? lastIndex : lastIndex / 2;
-  }
-}
-function stagger(duration = 0.1, { startDelay = 0, from = 0, ease: ease2 } = {}) {
-  return (i, total) => {
-    const fromIndex = typeof from === "number" ? from : getOriginIndex(from, total);
-    const distance2 = Math.abs(fromIndex - i);
-    let delay2 = duration * distance2;
-    if (ease2) {
-      const maxDelay = total * duration;
-      const easingFunction = easingDefinitionToFunction(ease2);
-      delay2 = easingFunction(delay2 / maxDelay) * maxDelay;
-    }
-    return startDelay + delay2;
-  };
-}
-
-// node_modules/motion-dom/dist/es/utils/transform.mjs
-function transform(...args) {
-  const useImmediate = !Array.isArray(args[0]);
-  const argOffset = useImmediate ? 0 : -1;
-  const inputValue = args[0 + argOffset];
-  const inputRange = args[1 + argOffset];
-  const outputRange = args[2 + argOffset];
-  const options = args[3 + argOffset];
-  const interpolator = interpolate(inputRange, outputRange, options);
-  return useImmediate ? interpolator(inputValue) : interpolator;
-}
-
-// node_modules/motion-dom/dist/es/value/follow-value.mjs
-function followValue(source, options) {
-  const initialValue = isMotionValue(source) ? source.get() : source;
-  const value = motionValue(initialValue);
-  attachFollow(value, source, options);
-  return value;
-}
-function attachFollow(value, source, options = {}) {
-  const initialValue = value.get();
-  let activeAnimation = null;
-  let latestValue = initialValue;
-  let latestSetter;
-  const unit = typeof initialValue === "string" ? initialValue.replace(/[\d.-]/g, "") : void 0;
-  const stopAnimation2 = () => {
-    if (activeAnimation) {
-      activeAnimation.stop();
-      activeAnimation = null;
-    }
-  };
-  const startAnimation = () => {
-    const currentValue = asNumber(value.get());
-    const targetValue = asNumber(latestValue);
-    if (currentValue === targetValue) {
-      stopAnimation2();
-      return;
-    }
-    const velocity = activeAnimation ? activeAnimation.getGeneratorVelocity() : value.getVelocity();
-    stopAnimation2();
-    activeAnimation = new JSAnimation({
-      keyframes: [currentValue, targetValue],
-      velocity,
-      // Default to spring if no type specified (matches useSpring behavior)
-      type: "spring",
-      restDelta: 1e-3,
-      restSpeed: 0.01,
-      ...options,
-      onUpdate: latestSetter
-    });
-  };
-  const scheduleAnimation = () => {
-    var _a;
-    startAnimation();
-    (_a = value["events"].animationStart) == null ? void 0 : _a.notify();
-    activeAnimation == null ? void 0 : activeAnimation.then(() => {
-      var _a2;
-      (_a2 = value["events"].animationComplete) == null ? void 0 : _a2.notify();
-    });
-  };
-  value.attach((v, set) => {
-    latestValue = v;
-    latestSetter = (latest) => set(parseValue(latest, unit));
-    frame.postRender(scheduleAnimation);
-  }, stopAnimation2);
-  if (isMotionValue(source)) {
-    let skipNextAnimation = options.skipInitialAnimation === true;
-    const removeSourceOnChange = source.on("change", (v) => {
-      if (skipNextAnimation) {
-        skipNextAnimation = false;
-        value.jump(parseValue(v, unit), false);
-      } else {
-        value.set(parseValue(v, unit));
-      }
-    });
-    const removeValueOnDestroy = value.on("destroy", removeSourceOnChange);
-    return () => {
-      removeSourceOnChange();
-      removeValueOnDestroy();
-    };
-  }
-  return stopAnimation2;
-}
-function parseValue(v, unit) {
-  return unit ? v + unit : v;
-}
-function asNumber(v) {
-  return typeof v === "number" ? v : parseFloat(v);
-}
-
-// node_modules/motion-dom/dist/es/value/subscribe-value.mjs
-function subscribeValue(inputValues, outputValue, getLatest) {
-  const update = () => outputValue.set(getLatest());
-  const scheduleUpdate = () => frame.preRender(update, false, true);
-  const subscriptions = inputValues.map((v) => v.on("change", scheduleUpdate));
-  outputValue.on("destroy", () => {
-    subscriptions.forEach((unsubscribe) => unsubscribe());
-    cancelFrame(update);
-  });
-}
-
-// node_modules/motion-dom/dist/es/value/transform-value.mjs
-function transformValue(transform2) {
-  const collectedValues = [];
-  collectMotionValues.current = collectedValues;
-  const initialValue = transform2();
-  collectMotionValues.current = void 0;
-  const value = motionValue(initialValue);
-  subscribeValue(collectedValues, value, transform2);
-  return value;
-}
-
-// node_modules/motion-dom/dist/es/value/map-value.mjs
-function mapValue(inputValue, inputRange, outputRange, options) {
-  const map = transform(inputRange, outputRange, options);
-  return transformValue(() => map(inputValue.get()));
-}
-
-// node_modules/motion-dom/dist/es/value/spring-value.mjs
-function springValue(source, options) {
-  return followValue(source, { type: "spring", ...options });
-}
-function attachSpring(value, source, options) {
-  return attachFollow(value, source, { type: "spring", ...options });
-}
-
-// node_modules/motion-dom/dist/es/value/types/utils/find.mjs
-var valueTypes = [...dimensionValueTypes, color, complex];
-var findValueType = (v) => valueTypes.find(testValueType(v));
-
-// node_modules/motion-dom/dist/es/view/utils/choose-layer-type.mjs
-function chooseLayerType(valueName) {
-  if (valueName === "layout")
-    return "group";
-  if (valueName === "enter" || valueName === "new")
-    return "new";
-  if (valueName === "exit" || valueName === "old")
-    return "old";
-  return "group";
-}
-
-// node_modules/motion-dom/dist/es/view/utils/css.mjs
-var pendingRules = {};
-var style = null;
-var css = {
-  set: (selector, values) => {
-    pendingRules[selector] = values;
-  },
-  commit: () => {
-    if (!style) {
-      style = document.createElement("style");
-      style.id = "motion-view";
-    }
-    let cssText = "";
-    for (const selector in pendingRules) {
-      const rule = pendingRules[selector];
-      cssText += `${selector} {
-`;
-      for (const [property, value] of Object.entries(rule)) {
-        cssText += `  ${property}: ${value};
-`;
-      }
-      cssText += "}\n";
-    }
-    style.textContent = cssText;
-    document.head.appendChild(style);
-    pendingRules = {};
-  },
-  remove: () => {
-    if (style && style.parentElement) {
-      style.parentElement.removeChild(style);
-    }
-  }
-};
-
-// node_modules/motion-dom/dist/es/view/utils/get-layer-info.mjs
-function getViewAnimationLayerInfo(pseudoElement) {
-  const match = pseudoElement.match(/::view-transition-(old|new|group|image-pair)\((.*?)\)/);
-  if (!match)
-    return null;
-  return { layer: match[2], type: match[1] };
-}
-
-// node_modules/motion-dom/dist/es/view/utils/get-view-animations.mjs
-function filterViewAnimations(animation) {
-  var _a;
-  const { effect } = animation;
-  if (!effect)
-    return false;
-  return effect.target === document.documentElement && ((_a = effect.pseudoElement) == null ? void 0 : _a.startsWith("::view-transition"));
-}
-function getViewAnimations() {
-  return document.getAnimations().filter(filterViewAnimations);
-}
-
-// node_modules/motion-dom/dist/es/view/utils/has-target.mjs
-function hasTarget(target, targets) {
-  return targets.has(target) && Object.keys(targets.get(target)).length > 0;
-}
-
-// node_modules/motion-dom/dist/es/view/start.mjs
-var definitionNames = ["layout", "enter", "exit", "new", "old"];
-function startViewAnimation(builder) {
-  const { update, targets, options: defaultOptions } = builder;
-  if (!document.startViewTransition) {
-    return new Promise(async (resolve) => {
-      await update();
-      resolve(new GroupAnimation([]));
-    });
-  }
-  if (!hasTarget("root", targets)) {
-    css.set(":root", {
-      "view-transition-name": "none"
-    });
-  }
-  css.set("::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*)", { "animation-timing-function": "linear !important" });
-  css.commit();
-  const transition = document.startViewTransition(async () => {
-    await update();
-  });
-  transition.finished.finally(() => {
-    css.remove();
-  });
-  return new Promise((resolve) => {
-    transition.ready.then(() => {
-      const generatedViewAnimations = getViewAnimations();
-      const animations2 = [];
-      targets.forEach((definition, target) => {
-        for (const key of definitionNames) {
-          if (!definition[key])
-            continue;
-          const { keyframes: keyframes2, options } = definition[key];
-          for (let [valueName, valueKeyframes] of Object.entries(keyframes2)) {
-            if (!valueKeyframes)
-              continue;
-            const valueOptions = {
-              ...getValueTransition(defaultOptions, valueName),
-              ...getValueTransition(options, valueName)
-            };
-            const type = chooseLayerType(key);
-            if (valueName === "opacity" && !Array.isArray(valueKeyframes)) {
-              const initialValue = type === "new" ? 0 : 1;
-              valueKeyframes = [initialValue, valueKeyframes];
-            }
-            if (typeof valueOptions.delay === "function") {
-              valueOptions.delay = valueOptions.delay(0, 1);
-            }
-            valueOptions.duration && (valueOptions.duration = secondsToMilliseconds(valueOptions.duration));
-            valueOptions.delay && (valueOptions.delay = secondsToMilliseconds(valueOptions.delay));
-            const animation = new NativeAnimation({
-              ...valueOptions,
-              element: document.documentElement,
-              name: valueName,
-              pseudoElement: `::view-transition-${type}(${target})`,
-              keyframes: valueKeyframes
-            });
-            animations2.push(animation);
-          }
-        }
-      });
-      for (const animation of generatedViewAnimations) {
-        if (animation.playState === "finished")
-          continue;
-        const { effect } = animation;
-        if (!effect || !(effect instanceof KeyframeEffect))
-          continue;
-        const { pseudoElement } = effect;
-        if (!pseudoElement)
-          continue;
-        const name = getViewAnimationLayerInfo(pseudoElement);
-        if (!name)
-          continue;
-        const targetDefinition = targets.get(name.layer);
-        if (!targetDefinition) {
-          const transitionName = name.type === "group" ? "layout" : "";
-          let animationTransition = {
-            ...getValueTransition(defaultOptions, transitionName)
-          };
-          animationTransition.duration && (animationTransition.duration = secondsToMilliseconds(animationTransition.duration));
-          animationTransition = applyGeneratorOptions(animationTransition);
-          const easing = mapEasingToNativeEasing(animationTransition.ease, animationTransition.duration);
-          effect.updateTiming({
-            delay: secondsToMilliseconds(animationTransition.delay ?? 0),
-            duration: animationTransition.duration,
-            easing
-          });
-          animations2.push(new NativeAnimationWrapper(animation));
-        } else if (hasOpacity(targetDefinition, "enter") && hasOpacity(targetDefinition, "exit") && effect.getKeyframes().some((keyframe) => keyframe.mixBlendMode)) {
-          animations2.push(new NativeAnimationWrapper(animation));
-        } else {
-          animation.cancel();
-        }
-      }
-      resolve(new GroupAnimation(animations2));
-    });
-  });
-}
-function hasOpacity(target, key) {
-  var _a;
-  return (_a = target == null ? void 0 : target[key]) == null ? void 0 : _a.keyframes.opacity;
-}
-
-// node_modules/motion-dom/dist/es/view/queue.mjs
-var builders = [];
-var current = null;
-function next() {
-  current = null;
-  const [nextBuilder] = builders;
-  if (nextBuilder)
-    start(nextBuilder);
-}
-function start(builder) {
-  removeItem(builders, builder);
-  current = builder;
-  startViewAnimation(builder).then((animation) => {
-    builder.notifyReady(animation);
-    animation.finished.finally(next);
-  });
-}
-function processQueue() {
-  var _a;
-  for (let i = builders.length - 1; i >= 0; i--) {
-    const builder = builders[i];
-    const { interrupt } = builder.options;
-    if (interrupt === "immediate") {
-      const batchedUpdates = builders.slice(0, i + 1).map((b) => b.update);
-      const remaining = builders.slice(i + 1);
-      builder.update = () => {
-        batchedUpdates.forEach((update) => update());
-      };
-      builders = [builder, ...remaining];
-      break;
-    }
-  }
-  if (!current || ((_a = builders[0]) == null ? void 0 : _a.options.interrupt) === "immediate") {
-    next();
-  }
-}
-function addToQueue(builder) {
-  builders.push(builder);
-  microtask.render(processQueue);
-}
-
-// node_modules/motion-dom/dist/es/view/index.mjs
-var ViewTransitionBuilder = class {
-  constructor(update, options = {}) {
-    this.currentSubject = "root";
-    this.targets = /* @__PURE__ */ new Map();
-    this.notifyReady = noop;
-    this.readyPromise = new Promise((resolve) => {
-      this.notifyReady = resolve;
-    });
-    this.update = update;
-    this.options = {
-      interrupt: "wait",
-      ...options
-    };
-    addToQueue(this);
-  }
-  get(subject) {
-    this.currentSubject = subject;
-    return this;
-  }
-  layout(keyframes2, options) {
-    this.updateTarget("layout", keyframes2, options);
-    return this;
-  }
-  new(keyframes2, options) {
-    this.updateTarget("new", keyframes2, options);
-    return this;
-  }
-  old(keyframes2, options) {
-    this.updateTarget("old", keyframes2, options);
-    return this;
-  }
-  enter(keyframes2, options) {
-    this.updateTarget("enter", keyframes2, options);
-    return this;
-  }
-  exit(keyframes2, options) {
-    this.updateTarget("exit", keyframes2, options);
-    return this;
-  }
-  crossfade(options) {
-    this.updateTarget("enter", { opacity: 1 }, options);
-    this.updateTarget("exit", { opacity: 0 }, options);
-    return this;
-  }
-  updateTarget(target, keyframes2, options = {}) {
-    const { currentSubject, targets } = this;
-    if (!targets.has(currentSubject)) {
-      targets.set(currentSubject, {});
-    }
-    const targetData = targets.get(currentSubject);
-    targetData[target] = { keyframes: keyframes2, options };
-  }
-  then(resolve, reject) {
-    return this.readyPromise.then(resolve, reject);
-  }
-};
-function animateView(update, defaultOptions = {}) {
-  return new ViewTransitionBuilder(update, defaultOptions);
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/models.mjs
-var createAxisDelta = () => ({
-  translate: 0,
-  scale: 1,
-  origin: 0,
-  originPoint: 0
-});
-var createDelta = () => ({
-  x: createAxisDelta(),
-  y: createAxisDelta()
-});
-var createAxis = () => ({ min: 0, max: 0 });
-var createBox = () => ({
-  x: createAxis(),
-  y: createAxis()
-});
-
-// node_modules/motion-dom/dist/es/render/store.mjs
-var visualElementStore = /* @__PURE__ */ new WeakMap();
-
-// node_modules/motion-dom/dist/es/render/utils/is-animation-controls.mjs
-function isAnimationControls(v) {
-  return v !== null && typeof v === "object" && typeof v.start === "function";
-}
-
-// node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs
-function isVariantLabel(v) {
-  return typeof v === "string" || Array.isArray(v);
-}
-
-// node_modules/motion-dom/dist/es/render/utils/variant-props.mjs
-var variantPriorityOrder = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-];
-var variantProps = ["initial", ...variantPriorityOrder];
-
-// node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.mjs
-function isControllingVariants(props) {
-  return isAnimationControls(props.animate) || variantProps.some((name) => isVariantLabel(props[name]));
-}
-function isVariantNode(props) {
-  return Boolean(isControllingVariants(props) || props.variants);
-}
-
-// node_modules/motion-dom/dist/es/render/utils/motion-values.mjs
-function updateMotionValuesFromProps(element, next2, prev) {
-  for (const key in next2) {
-    const nextValue = next2[key];
-    const prevValue = prev[key];
-    if (isMotionValue(nextValue)) {
-      element.addValue(key, nextValue);
-    } else if (isMotionValue(prevValue)) {
-      element.addValue(key, motionValue(nextValue, { owner: element }));
-    } else if (prevValue !== nextValue) {
-      if (element.hasValue(key)) {
-        const existingValue = element.getValue(key);
-        if (existingValue.liveStyle === true) {
-          existingValue.jump(nextValue);
-        } else if (!existingValue.hasAnimated) {
-          existingValue.set(nextValue);
-        }
-      } else {
-        const latestValue = element.getStaticValue(key);
-        element.addValue(key, motionValue(latestValue !== void 0 ? latestValue : nextValue, { owner: element }));
-      }
-    }
-  }
-  for (const key in prev) {
-    if (next2[key] === void 0)
-      element.removeValue(key);
-  }
-  return next2;
-}
-
-// node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs
-var prefersReducedMotion = { current: null };
-var hasReducedMotionListener = { current: false };
-
-// node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs
-var isBrowser2 = typeof window !== "undefined";
-function initPrefersReducedMotion() {
-  hasReducedMotionListener.current = true;
-  if (!isBrowser2)
-    return;
-  if (window.matchMedia) {
-    const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
-    const setReducedMotionPreferences = () => prefersReducedMotion.current = motionMediaQuery.matches;
-    motionMediaQuery.addEventListener("change", setReducedMotionPreferences);
-    setReducedMotionPreferences();
-  } else {
-    prefersReducedMotion.current = false;
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/VisualElement.mjs
-var propEventHandlers = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-var featureDefinitions = {};
-function setFeatureDefinitions(definitions) {
-  featureDefinitions = definitions;
-}
-function getFeatureDefinitions() {
-  return featureDefinitions;
-}
-var VisualElement = class {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(_props, _prevProps, _visualElement) {
-    return {};
-  }
-  constructor({ parent, props, presenceContext, reducedMotionConfig, skipAnimations, blockInitialAnimation, visualState }, options = {}) {
-    this.current = null;
-    this.children = /* @__PURE__ */ new Set();
-    this.isVariantNode = false;
-    this.isControllingVariants = false;
-    this.shouldReduceMotion = null;
-    this.shouldSkipAnimations = false;
-    this.values = /* @__PURE__ */ new Map();
-    this.KeyframeResolver = KeyframeResolver;
-    this.features = {};
-    this.valueSubscriptions = /* @__PURE__ */ new Map();
-    this.prevMotionValues = {};
-    this.hasBeenMounted = false;
-    this.events = {};
-    this.propEventSubscriptions = {};
-    this.notifyUpdate = () => this.notify("Update", this.latestValues);
-    this.render = () => {
-      if (!this.current)
-        return;
-      this.triggerBuild();
-      this.renderInstance(this.current, this.renderState, this.props.style, this.projection);
-    };
-    this.renderScheduledAt = 0;
-    this.scheduleRender = () => {
-      const now2 = time.now();
-      if (this.renderScheduledAt < now2) {
-        this.renderScheduledAt = now2;
-        frame.render(this.render, false, true);
-      }
-    };
-    const { latestValues, renderState } = visualState;
-    this.latestValues = latestValues;
-    this.baseTarget = { ...latestValues };
-    this.initialValues = props.initial ? { ...latestValues } : {};
-    this.renderState = renderState;
-    this.parent = parent;
-    this.props = props;
-    this.presenceContext = presenceContext;
-    this.depth = parent ? parent.depth + 1 : 0;
-    this.reducedMotionConfig = reducedMotionConfig;
-    this.skipAnimationsConfig = skipAnimations;
-    this.options = options;
-    this.blockInitialAnimation = Boolean(blockInitialAnimation);
-    this.isControllingVariants = isControllingVariants(props);
-    this.isVariantNode = isVariantNode(props);
-    if (this.isVariantNode) {
-      this.variantChildren = /* @__PURE__ */ new Set();
-    }
-    this.manuallyAnimateOnMount = Boolean(parent && parent.current);
-    const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {}, this);
-    for (const key in initialMotionValues) {
-      const value = initialMotionValues[key];
-      if (latestValues[key] !== void 0 && isMotionValue(value)) {
-        value.set(latestValues[key]);
-      }
-    }
-  }
-  mount(instance) {
-    var _a, _b;
-    if (this.hasBeenMounted) {
-      for (const key in this.initialValues) {
-        (_a = this.values.get(key)) == null ? void 0 : _a.jump(this.initialValues[key]);
-        this.latestValues[key] = this.initialValues[key];
-      }
-    }
-    this.current = instance;
-    visualElementStore.set(instance, this);
-    if (this.projection && !this.projection.instance) {
-      this.projection.mount(instance);
-    }
-    if (this.parent && this.isVariantNode && !this.isControllingVariants) {
-      this.removeFromVariantTree = this.parent.addVariantChild(this);
-    }
-    this.values.forEach((value, key) => this.bindToMotionValue(key, value));
-    if (this.reducedMotionConfig === "never") {
-      this.shouldReduceMotion = false;
-    } else if (this.reducedMotionConfig === "always") {
-      this.shouldReduceMotion = true;
-    } else {
-      if (!hasReducedMotionListener.current) {
-        initPrefersReducedMotion();
-      }
-      this.shouldReduceMotion = prefersReducedMotion.current;
-    }
-    if (true) {
-      warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
-    }
-    this.shouldSkipAnimations = this.skipAnimationsConfig ?? false;
-    (_b = this.parent) == null ? void 0 : _b.addChild(this);
-    this.update(this.props, this.presenceContext);
-    this.hasBeenMounted = true;
-  }
-  unmount() {
-    var _a;
-    this.projection && this.projection.unmount();
-    cancelFrame(this.notifyUpdate);
-    cancelFrame(this.render);
-    this.valueSubscriptions.forEach((remove) => remove());
-    this.valueSubscriptions.clear();
-    this.removeFromVariantTree && this.removeFromVariantTree();
-    (_a = this.parent) == null ? void 0 : _a.removeChild(this);
-    for (const key in this.events) {
-      this.events[key].clear();
-    }
-    for (const key in this.features) {
-      const feature = this.features[key];
-      if (feature) {
-        feature.unmount();
-        feature.isMounted = false;
-      }
-    }
-    this.current = null;
-  }
-  addChild(child) {
-    this.children.add(child);
-    this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set());
-    this.enteringChildren.add(child);
-  }
-  removeChild(child) {
-    this.children.delete(child);
-    this.enteringChildren && this.enteringChildren.delete(child);
-  }
-  bindToMotionValue(key, value) {
-    if (this.valueSubscriptions.has(key)) {
-      this.valueSubscriptions.get(key)();
-    }
-    if (value.accelerate && acceleratedValues2.has(key) && this.current instanceof HTMLElement) {
-      const { factory, keyframes: keyframes2, times, ease: ease2, duration } = value.accelerate;
-      const animation = new NativeAnimation({
-        element: this.current,
-        name: key,
-        keyframes: keyframes2,
-        times,
-        ease: ease2,
-        duration: secondsToMilliseconds(duration)
-      });
-      const cleanup = factory(animation);
-      this.valueSubscriptions.set(key, () => {
-        cleanup();
-        animation.cancel();
-      });
-      return;
-    }
-    const valueIsTransform = transformProps.has(key);
-    if (valueIsTransform && this.onBindTransform) {
-      this.onBindTransform();
-    }
-    const removeOnChange = value.on("change", (latestValue) => {
-      this.latestValues[key] = latestValue;
-      this.props.onUpdate && frame.preRender(this.notifyUpdate);
-      if (valueIsTransform && this.projection) {
-        this.projection.isTransformDirty = true;
-      }
-      this.scheduleRender();
-    });
-    let removeSyncCheck;
-    if (typeof window !== "undefined" && window.MotionCheckAppearSync) {
-      removeSyncCheck = window.MotionCheckAppearSync(this, key, value);
-    }
-    this.valueSubscriptions.set(key, () => {
-      removeOnChange();
-      if (removeSyncCheck)
-        removeSyncCheck();
-      if (value.owner)
-        value.stop();
-    });
-  }
-  sortNodePosition(other) {
-    if (!this.current || !this.sortInstanceNodePosition || this.type !== other.type) {
-      return 0;
-    }
-    return this.sortInstanceNodePosition(this.current, other.current);
-  }
-  updateFeatures() {
-    let key = "animation";
-    for (key in featureDefinitions) {
-      const featureDefinition = featureDefinitions[key];
-      if (!featureDefinition)
-        continue;
-      const { isEnabled, Feature: FeatureConstructor } = featureDefinition;
-      if (!this.features[key] && FeatureConstructor && isEnabled(this.props)) {
-        this.features[key] = new FeatureConstructor(this);
-      }
-      if (this.features[key]) {
-        const feature = this.features[key];
-        if (feature.isMounted) {
-          feature.update();
-        } else {
-          feature.mount();
-          feature.isMounted = true;
-        }
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : createBox();
-  }
-  getStaticValue(key) {
-    return this.latestValues[key];
-  }
-  setStaticValue(key, value) {
-    this.latestValues[key] = value;
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(props, presenceContext) {
-    if (props.transformTemplate || this.props.transformTemplate) {
-      this.scheduleRender();
-    }
-    this.prevProps = this.props;
-    this.props = props;
-    this.prevPresenceContext = this.presenceContext;
-    this.presenceContext = presenceContext;
-    for (let i = 0; i < propEventHandlers.length; i++) {
-      const key = propEventHandlers[i];
-      if (this.propEventSubscriptions[key]) {
-        this.propEventSubscriptions[key]();
-        delete this.propEventSubscriptions[key];
-      }
-      const listenerName = "on" + key;
-      const listener = props[listenerName];
-      if (listener) {
-        this.propEventSubscriptions[key] = this.on(key, listener);
-      }
-    }
-    this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps || {}, this), this.prevMotionValues);
-    if (this.handleChildMotionValue) {
-      this.handleChildMotionValue();
-    }
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(name) {
-    return this.props.variants ? this.props.variants[name] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(child) {
-    const closestVariantNode = this.getClosestVariantNode();
-    if (closestVariantNode) {
-      closestVariantNode.variantChildren && closestVariantNode.variantChildren.add(child);
-      return () => closestVariantNode.variantChildren.delete(child);
-    }
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(key, value) {
-    const existingValue = this.values.get(key);
-    if (value !== existingValue) {
-      if (existingValue)
-        this.removeValue(key);
-      this.bindToMotionValue(key, value);
-      this.values.set(key, value);
-      this.latestValues[key] = value.get();
-    }
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(key) {
-    this.values.delete(key);
-    const unsubscribe = this.valueSubscriptions.get(key);
-    if (unsubscribe) {
-      unsubscribe();
-      this.valueSubscriptions.delete(key);
-    }
-    delete this.latestValues[key];
-    this.removeValueFromRenderState(key, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(key) {
-    return this.values.has(key);
-  }
-  getValue(key, defaultValue) {
-    if (this.props.values && this.props.values[key]) {
-      return this.props.values[key];
-    }
-    let value = this.values.get(key);
-    if (value === void 0 && defaultValue !== void 0) {
-      value = motionValue(defaultValue === null ? void 0 : defaultValue, { owner: this });
-      this.addValue(key, value);
-    }
-    return value;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(key, target) {
-    let value = this.latestValues[key] !== void 0 || !this.current ? this.latestValues[key] : this.getBaseTargetFromProps(this.props, key) ?? this.readValueFromInstance(this.current, key, this.options);
-    if (value !== void 0 && value !== null) {
-      if (typeof value === "string" && (isNumericalString(value) || isZeroValueString(value))) {
-        value = parseFloat(value);
-      } else if (!findValueType(value) && complex.test(target)) {
-        value = getAnimatableNone2(key, target);
-      }
-      this.setBaseTarget(key, isMotionValue(value) ? value.get() : value);
-    }
-    return isMotionValue(value) ? value.get() : value;
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(key, value) {
-    this.baseTarget[key] = value;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(key) {
-    var _a;
-    const { initial } = this.props;
-    let valueFromInitial;
-    if (typeof initial === "string" || typeof initial === "object") {
-      const variant = resolveVariantFromProps(this.props, initial, (_a = this.presenceContext) == null ? void 0 : _a.custom);
-      if (variant) {
-        valueFromInitial = variant[key];
-      }
-    }
-    if (initial && valueFromInitial !== void 0) {
-      return valueFromInitial;
-    }
-    const target = this.getBaseTargetFromProps(this.props, key);
-    if (target !== void 0 && !isMotionValue(target))
-      return target;
-    return this.initialValues[key] !== void 0 && valueFromInitial === void 0 ? void 0 : this.baseTarget[key];
-  }
-  on(eventName, callback) {
-    if (!this.events[eventName]) {
-      this.events[eventName] = new SubscriptionManager();
-    }
-    return this.events[eventName].add(callback);
-  }
-  notify(eventName, ...args) {
-    if (this.events[eventName]) {
-      this.events[eventName].notify(...args);
-    }
-  }
-  scheduleRenderMicrotask() {
-    microtask.render(this.render);
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
-var DOMVisualElement = class extends VisualElement {
-  constructor() {
-    super(...arguments);
-    this.KeyframeResolver = DOMKeyframesResolver;
-  }
-  sortInstanceNodePosition(a, b) {
-    return a.compareDocumentPosition(b) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(props, key) {
-    const style2 = props.style;
-    return style2 ? style2[key] : void 0;
-  }
-  removeValueFromRenderState(key, { vars, style: style2 }) {
-    delete vars[key];
-    delete style2[key];
-  }
-  handleChildMotionValue() {
-    if (this.childSubscription) {
-      this.childSubscription();
-      delete this.childSubscription;
-    }
-    const { children } = this.props;
-    if (isMotionValue(children)) {
-      this.childSubscription = children.on("change", (latest) => {
-        if (this.current) {
-          this.current.textContent = `${latest}`;
-        }
-      });
-    }
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/Feature.mjs
-var Feature = class {
-  constructor(node) {
-    this.isMounted = false;
-    this.node = node;
-  }
-  update() {
-  }
-};
-
-// node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs
-function convertBoundingBoxToBox({ top, left, right, bottom }) {
-  return {
-    x: { min: left, max: right },
-    y: { min: top, max: bottom }
-  };
-}
-function convertBoxToBoundingBox({ x, y }) {
-  return { top: y.min, right: x.max, bottom: y.max, left: x.min };
-}
-function transformBoxPoints(point2, transformPoint2) {
-  if (!transformPoint2)
-    return point2;
-  const topLeft = transformPoint2({ x: point2.left, y: point2.top });
-  const bottomRight = transformPoint2({ x: point2.right, y: point2.bottom });
-  return {
-    top: topLeft.y,
-    left: topLeft.x,
-    bottom: bottomRight.y,
-    right: bottomRight.x
-  };
-}
-
-// node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
-function isIdentityScale(scale2) {
-  return scale2 === void 0 || scale2 === 1;
-}
-function hasScale({ scale: scale2, scaleX: scaleX2, scaleY: scaleY2 }) {
-  return !isIdentityScale(scale2) || !isIdentityScale(scaleX2) || !isIdentityScale(scaleY2);
-}
-function hasTransform(values) {
-  return hasScale(values) || has2DTranslate(values) || values.z || values.rotate || values.rotateX || values.rotateY || values.skewX || values.skewY;
-}
-function has2DTranslate(values) {
-  return is2DTranslate(values.x) || is2DTranslate(values.y);
-}
-function is2DTranslate(value) {
-  return value && value !== "0%";
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs
-function scalePoint(point2, scale2, originPoint) {
-  const distanceFromOrigin = point2 - originPoint;
-  const scaled = scale2 * distanceFromOrigin;
-  return originPoint + scaled;
-}
-function applyPointDelta(point2, translate, scale2, originPoint, boxScale) {
-  if (boxScale !== void 0) {
-    point2 = scalePoint(point2, boxScale, originPoint);
-  }
-  return scalePoint(point2, scale2, originPoint) + translate;
-}
-function applyAxisDelta(axis, translate = 0, scale2 = 1, originPoint, boxScale) {
-  axis.min = applyPointDelta(axis.min, translate, scale2, originPoint, boxScale);
-  axis.max = applyPointDelta(axis.max, translate, scale2, originPoint, boxScale);
-}
-function applyBoxDelta(box, { x, y }) {
-  applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);
-  applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);
-}
-var TREE_SCALE_SNAP_MIN = 0.999999999999;
-var TREE_SCALE_SNAP_MAX = 1.0000000000001;
-function applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {
-  var _a;
-  const treeLength = treePath.length;
-  if (!treeLength)
-    return;
-  treeScale.x = treeScale.y = 1;
-  let node;
-  let delta;
-  for (let i = 0; i < treeLength; i++) {
-    node = treePath[i];
-    delta = node.projectionDelta;
-    const { visualElement } = node.options;
-    if (visualElement && visualElement.props.style && visualElement.props.style.display === "contents") {
-      continue;
-    }
-    if (isSharedTransition && node.options.layoutScroll && node.scroll && node !== node.root) {
-      transformBox(box, {
-        x: -node.scroll.offset.x,
-        y: -node.scroll.offset.y
-      });
-    }
-    if (delta) {
-      treeScale.x *= delta.x.scale;
-      treeScale.y *= delta.y.scale;
-      applyBoxDelta(box, delta);
-    }
-    if (isSharedTransition && hasTransform(node.latestValues)) {
-      transformBox(box, node.latestValues, (_a = node.layout) == null ? void 0 : _a.layoutBox);
-    }
-  }
-  if (treeScale.x < TREE_SCALE_SNAP_MAX && treeScale.x > TREE_SCALE_SNAP_MIN) {
-    treeScale.x = 1;
-  }
-  if (treeScale.y < TREE_SCALE_SNAP_MAX && treeScale.y > TREE_SCALE_SNAP_MIN) {
-    treeScale.y = 1;
-  }
-}
-function translateAxis(axis, distance2) {
-  axis.min = axis.min + distance2;
-  axis.max = axis.max + distance2;
-}
-function transformAxis(axis, axisTranslate, axisScale, boxScale, axisOrigin = 0.5) {
-  const originPoint = mixNumber(axis.min, axis.max, axisOrigin);
-  applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale);
-}
-function resolveAxisTranslate(value, axis) {
-  if (typeof value === "string") {
-    return parseFloat(value) / 100 * (axis.max - axis.min);
-  }
-  return value;
-}
-function transformBox(box, transform2, sourceBox) {
-  const resolveBox = sourceBox ?? box;
-  transformAxis(box.x, resolveAxisTranslate(transform2.x, resolveBox.x), transform2.scaleX, transform2.scale, transform2.originX);
-  transformAxis(box.y, resolveAxisTranslate(transform2.y, resolveBox.y), transform2.scaleY, transform2.scale, transform2.originY);
-}
-
-// node_modules/motion-dom/dist/es/projection/utils/measure.mjs
-function measureViewportBox(instance, transformPoint2) {
-  return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint2));
-}
-function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
-  const viewportBox = measureViewportBox(element, transformPagePoint);
-  const { scroll: scroll2 } = rootProjectionNode2;
-  if (scroll2) {
-    translateAxis(viewportBox.x, scroll2.offset.x);
-    translateAxis(viewportBox.y, scroll2.offset.y);
-  }
-  return viewportBox;
-}
-
-// node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
-var translateAlias2 = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-};
-var numTransforms = transformPropOrder.length;
-function buildTransform2(latestValues, transform2, transformTemplate) {
-  let transformString = "";
-  let transformIsDefault = true;
-  for (let i = 0; i < numTransforms; i++) {
-    const key = transformPropOrder[i];
-    const value = latestValues[key];
-    if (value === void 0)
-      continue;
-    let valueIsDefault = true;
-    if (typeof value === "number") {
-      valueIsDefault = value === (key.startsWith("scale") ? 1 : 0);
-    } else {
-      const parsed = parseFloat(value);
-      valueIsDefault = key.startsWith("scale") ? parsed === 1 : parsed === 0;
-    }
-    if (!valueIsDefault || transformTemplate) {
-      const valueAsType = getValueAsType(value, numberValueTypes[key]);
-      if (!valueIsDefault) {
-        transformIsDefault = false;
-        const transformName = translateAlias2[key] || key;
-        transformString += `${transformName}(${valueAsType}) `;
-      }
-      if (transformTemplate) {
-        transform2[key] = valueAsType;
-      }
-    }
-  }
-  transformString = transformString.trim();
-  if (transformTemplate) {
-    transformString = transformTemplate(transform2, transformIsDefault ? "" : transformString);
-  } else if (transformIsDefault) {
-    transformString = "none";
-  }
-  return transformString;
-}
-
-// node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
-function buildHTMLStyles(state, latestValues, transformTemplate) {
-  const { style: style2, vars, transformOrigin } = state;
-  let hasTransform2 = false;
-  let hasTransformOrigin = false;
-  for (const key in latestValues) {
-    const value = latestValues[key];
-    if (transformProps.has(key)) {
-      hasTransform2 = true;
-      continue;
-    } else if (isCSSVariableName(key)) {
-      vars[key] = value;
-      continue;
-    } else {
-      const valueAsType = getValueAsType(value, numberValueTypes[key]);
-      if (key.startsWith("origin")) {
-        hasTransformOrigin = true;
-        transformOrigin[key] = valueAsType;
-      } else {
-        style2[key] = valueAsType;
-      }
-    }
-  }
-  if (!latestValues.transform) {
-    if (hasTransform2 || transformTemplate) {
-      style2.transform = buildTransform2(latestValues, state.transform, transformTemplate);
-    } else if (style2.transform) {
-      style2.transform = "none";
-    }
-  }
-  if (hasTransformOrigin) {
-    const { originX = "50%", originY = "50%", originZ = 0 } = transformOrigin;
-    style2.transformOrigin = `${originX} ${originY} ${originZ}`;
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/html/utils/render.mjs
-function renderHTML(element, { style: style2, vars }, styleProp, projection) {
-  const elementStyle = element.style;
-  let key;
-  for (key in style2) {
-    elementStyle[key] = style2[key];
-  }
-  projection == null ? void 0 : projection.applyProjectionStyles(elementStyle, styleProp);
-  for (key in vars) {
-    elementStyle.setProperty(key, vars[key]);
-  }
-}
-
-// node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs
-function pixelsToPercent(pixels, axis) {
-  if (axis.max === axis.min)
-    return 0;
-  return pixels / (axis.max - axis.min) * 100;
-}
-var correctBorderRadius = {
-  correct: (latest, node) => {
-    if (!node.target)
-      return latest;
-    if (typeof latest === "string") {
-      if (px.test(latest)) {
-        latest = parseFloat(latest);
-      } else {
-        return latest;
-      }
-    }
-    const x = pixelsToPercent(latest, node.target.x);
-    const y = pixelsToPercent(latest, node.target.y);
-    return `${x}% ${y}%`;
-  }
-};
-
-// node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs
-var correctBoxShadow = {
-  correct: (latest, { treeScale, projectionDelta }) => {
-    const original = latest;
-    const shadow = complex.parse(latest);
-    if (shadow.length > 5)
-      return original;
-    const template = complex.createTransformer(latest);
-    const offset = typeof shadow[0] !== "number" ? 1 : 0;
-    const xScale = projectionDelta.x.scale * treeScale.x;
-    const yScale = projectionDelta.y.scale * treeScale.y;
-    shadow[0 + offset] /= xScale;
-    shadow[1 + offset] /= yScale;
-    const averageScale = mixNumber(xScale, yScale, 0.5);
-    if (typeof shadow[2 + offset] === "number")
-      shadow[2 + offset] /= averageScale;
-    if (typeof shadow[3 + offset] === "number")
-      shadow[3 + offset] /= averageScale;
-    return template(shadow);
-  }
-};
-
-// node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
-var scaleCorrectors = {
-  borderRadius: {
-    ...correctBorderRadius,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: correctBorderRadius,
-  borderTopRightRadius: correctBorderRadius,
-  borderBottomLeftRadius: correctBorderRadius,
-  borderBottomRightRadius: correctBorderRadius,
-  boxShadow: correctBoxShadow
-};
-function addScaleCorrector(correctors) {
-  for (const key in correctors) {
-    scaleCorrectors[key] = correctors[key];
-    if (isCSSVariableName(key)) {
-      scaleCorrectors[key].isCSSVariable = true;
-    }
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs
-function isForcedMotionValue(key, { layout: layout2, layoutId }) {
-  return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
-}
-
-// node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
-function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
-  var _a;
-  const style2 = props.style;
-  const prevStyle = prevProps == null ? void 0 : prevProps.style;
-  const newValues = {};
-  if (!style2)
-    return newValues;
-  for (const key in style2) {
-    if (isMotionValue(style2[key]) || prevStyle && isMotionValue(prevStyle[key]) || isForcedMotionValue(key, props) || ((_a = visualElement == null ? void 0 : visualElement.getValue(key)) == null ? void 0 : _a.liveStyle) !== void 0) {
-      newValues[key] = style2[key];
-    }
-  }
-  return newValues;
-}
-
-// node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
-function getComputedStyle3(element) {
-  return window.getComputedStyle(element);
-}
-var HTMLVisualElement = class extends DOMVisualElement {
-  constructor() {
-    super(...arguments);
-    this.type = "html";
-    this.renderInstance = renderHTML;
-  }
-  readValueFromInstance(instance, key) {
-    var _a;
-    if (transformProps.has(key)) {
-      return ((_a = this.projection) == null ? void 0 : _a.isProjecting) ? defaultTransformValue(key) : readTransformValue(instance, key);
-    } else {
-      const computedStyle = getComputedStyle3(instance);
-      const value = (isCSSVariableName(key) ? computedStyle.getPropertyValue(key) : computedStyle[key]) || 0;
-      return typeof value === "string" ? value.trim() : value;
-    }
-  }
-  measureInstanceViewportBox(instance, { transformPagePoint }) {
-    return measureViewportBox(instance, transformPagePoint);
-  }
-  build(renderState, latestValues, props) {
-    buildHTMLStyles(renderState, latestValues, props.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(props, prevProps, visualElement) {
-    return scrapeMotionValuesFromProps(props, prevProps, visualElement);
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/object/ObjectVisualElement.mjs
-function isObjectKey(key, object) {
-  return key in object;
-}
-var ObjectVisualElement = class extends VisualElement {
-  constructor() {
-    super(...arguments);
-    this.type = "object";
-  }
-  readValueFromInstance(instance, key) {
-    if (isObjectKey(key, instance)) {
-      const value = instance[key];
-      if (typeof value === "string" || typeof value === "number") {
-        return value;
-      }
-    }
-    return void 0;
-  }
-  getBaseTargetFromProps() {
-    return void 0;
-  }
-  removeValueFromRenderState(key, renderState) {
-    delete renderState.output[key];
-  }
-  measureInstanceViewportBox() {
-    return createBox();
-  }
-  build(renderState, latestValues) {
-    Object.assign(renderState.output, latestValues);
-  }
-  renderInstance(instance, { output }) {
-    Object.assign(instance, output);
-  }
-  sortInstanceNodePosition() {
-    return 0;
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/svg/utils/path.mjs
-var dashKeys = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-};
-var camelKeys = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {
-  attrs.pathLength = 1;
-  const keys2 = useDashCase ? dashKeys : camelKeys;
-  attrs[keys2.offset] = `${-offset}`;
-  attrs[keys2.array] = `${length} ${spacing}`;
-}
-
-// node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
-var cssMotionPathProperties = [
-  "offsetDistance",
-  "offsetPath",
-  "offsetRotate",
-  "offsetAnchor"
-];
-function buildSVGAttrs(state, {
-  attrX,
-  attrY,
-  attrScale,
-  pathLength,
-  pathSpacing = 1,
-  pathOffset = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...latest
-}, isSVGTag2, transformTemplate, styleProp) {
-  buildHTMLStyles(state, latest, transformTemplate);
-  if (isSVGTag2) {
-    if (state.style.viewBox) {
-      state.attrs.viewBox = state.style.viewBox;
-    }
-    return;
-  }
-  state.attrs = state.style;
-  state.style = {};
-  const { attrs, style: style2 } = state;
-  if (attrs.transform) {
-    style2.transform = attrs.transform;
-    delete attrs.transform;
-  }
-  if (style2.transform || attrs.transformOrigin) {
-    style2.transformOrigin = attrs.transformOrigin ?? "50% 50%";
-    delete attrs.transformOrigin;
-  }
-  if (style2.transform) {
-    style2.transformBox = (styleProp == null ? void 0 : styleProp.transformBox) ?? "fill-box";
-    delete attrs.transformBox;
-  }
-  for (const key of cssMotionPathProperties) {
-    if (attrs[key] !== void 0) {
-      style2[key] = attrs[key];
-      delete attrs[key];
-    }
-  }
-  if (attrX !== void 0)
-    attrs.x = attrX;
-  if (attrY !== void 0)
-    attrs.y = attrY;
-  if (attrScale !== void 0)
-    attrs.scale = attrScale;
-  if (pathLength !== void 0) {
-    buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
-var camelCaseAttributes = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
-
-// node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs
-var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
-
-// node_modules/motion-dom/dist/es/render/svg/utils/render.mjs
-function renderSVG(element, renderState, _styleProp, projection) {
-  renderHTML(element, renderState, void 0, projection);
-  for (const key in renderState.attrs) {
-    element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
-  }
-}
-
-// node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs
-function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
-  const newValues = scrapeMotionValuesFromProps(props, prevProps, visualElement);
-  for (const key in props) {
-    if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {
-      const targetKey = transformPropOrder.indexOf(key) !== -1 ? "attr" + key.charAt(0).toUpperCase() + key.substring(1) : key;
-      newValues[targetKey] = props[key];
-    }
-  }
-  return newValues;
-}
-
-// node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
-var SVGVisualElement = class extends DOMVisualElement {
-  constructor() {
-    super(...arguments);
-    this.type = "svg";
-    this.isSVGTag = false;
-    this.measureInstanceViewportBox = createBox;
-  }
-  getBaseTargetFromProps(props, key) {
-    return props[key];
-  }
-  readValueFromInstance(instance, key) {
-    if (transformProps.has(key)) {
-      const defaultType = getDefaultValueType(key);
-      return defaultType ? defaultType.default || 0 : 0;
-    }
-    key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-    return instance.getAttribute(key);
-  }
-  scrapeMotionValuesFromProps(props, prevProps, visualElement) {
-    return scrapeMotionValuesFromProps2(props, prevProps, visualElement);
-  }
-  build(renderState, latestValues, props) {
-    buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate, props.style);
-  }
-  renderInstance(instance, renderState, styleProp, projection) {
-    renderSVG(instance, renderState, styleProp, projection);
-  }
-  mount(instance) {
-    this.isSVGTag = isSVGTag(instance.tagName);
-    super.mount(instance);
-  }
-};
-
-// node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs
-var numVariantProps = variantProps.length;
-function getVariantContext(visualElement) {
-  if (!visualElement)
-    return void 0;
-  if (!visualElement.isControllingVariants) {
-    const context2 = visualElement.parent ? getVariantContext(visualElement.parent) || {} : {};
-    if (visualElement.props.initial !== void 0) {
-      context2.initial = visualElement.props.initial;
-    }
-    return context2;
-  }
-  const context = {};
-  for (let i = 0; i < numVariantProps; i++) {
-    const name = variantProps[i];
-    const prop = visualElement.props[name];
-    if (isVariantLabel(prop) || prop === false) {
-      context[name] = prop;
-    }
-  }
-  return context;
-}
-
-// node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs
-function shallowCompare(next2, prev) {
-  if (!Array.isArray(prev))
-    return false;
-  const prevLength = prev.length;
-  if (prevLength !== next2.length)
-    return false;
-  for (let i = 0; i < prevLength; i++) {
-    if (prev[i] !== next2[i])
-      return false;
-  }
-  return true;
-}
-
-// node_modules/motion-dom/dist/es/render/utils/animation-state.mjs
-var reversePriorityOrder = [...variantPriorityOrder].reverse();
-var numAnimationTypes = variantPriorityOrder.length;
-function createAnimateFunction(visualElement) {
-  return (animations2) => {
-    return Promise.all(animations2.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));
-  };
-}
-function createAnimationState(visualElement) {
-  let animate2 = createAnimateFunction(visualElement);
-  let state = createState();
-  let isInitialRender = true;
-  let wasReset = false;
-  const buildResolvedTypeValues = (type) => (acc, definition) => {
-    var _a;
-    const resolved = resolveVariant(visualElement, definition, type === "exit" ? (_a = visualElement.presenceContext) == null ? void 0 : _a.custom : void 0);
-    if (resolved) {
-      const { transition, transitionEnd, ...target } = resolved;
-      acc = { ...acc, ...target, ...transitionEnd };
-    }
-    return acc;
-  };
-  function setAnimateFunction(makeAnimator) {
-    animate2 = makeAnimator(visualElement);
-  }
-  function animateChanges(changedActiveType) {
-    const { props } = visualElement;
-    const context = getVariantContext(visualElement.parent) || {};
-    const animations2 = [];
-    const removedKeys = /* @__PURE__ */ new Set();
-    let encounteredKeys = {};
-    let removedVariantIndex = Infinity;
-    for (let i = 0; i < numAnimationTypes; i++) {
-      const type = reversePriorityOrder[i];
-      const typeState = state[type];
-      const prop = props[type] !== void 0 ? props[type] : context[type];
-      const propIsVariant = isVariantLabel(prop);
-      const activeDelta = type === changedActiveType ? typeState.isActive : null;
-      if (activeDelta === false)
-        removedVariantIndex = i;
-      let isInherited = prop === context[type] && prop !== props[type] && propIsVariant;
-      if (isInherited && (isInitialRender || wasReset) && visualElement.manuallyAnimateOnMount) {
-        isInherited = false;
-      }
-      typeState.protectedKeys = { ...encounteredKeys };
-      if (
-        // If it isn't active and hasn't *just* been set as inactive
-        !typeState.isActive && activeDelta === null || // If we didn't and don't have any defined prop for this animation type
-        !prop && !typeState.prevProp || // Or if the prop doesn't define an animation
-        isAnimationControls(prop) || typeof prop === "boolean"
-      ) {
-        continue;
-      }
-      if (type === "exit" && typeState.isActive && activeDelta !== true) {
-        if (typeState.prevResolvedValues) {
-          encounteredKeys = {
-            ...encounteredKeys,
-            ...typeState.prevResolvedValues
-          };
-        }
-        continue;
-      }
-      const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);
-      let shouldAnimateType = variantDidChange || // If we're making this variant active, we want to always make it active
-      type === changedActiveType && typeState.isActive && !isInherited && propIsVariant || // If we removed a higher-priority variant (i is in reverse order)
-      i > removedVariantIndex && propIsVariant;
-      let handledRemovedValues = false;
-      const definitionList = Array.isArray(prop) ? prop : [prop];
-      let resolvedValues = definitionList.reduce(buildResolvedTypeValues(type), {});
-      if (activeDelta === false)
-        resolvedValues = {};
-      const { prevResolvedValues = {} } = typeState;
-      const allKeys = {
-        ...prevResolvedValues,
-        ...resolvedValues
-      };
-      const markToAnimate = (key) => {
-        shouldAnimateType = true;
-        if (removedKeys.has(key)) {
-          handledRemovedValues = true;
-          removedKeys.delete(key);
-        }
-        typeState.needsAnimating[key] = true;
-        const motionValue2 = visualElement.getValue(key);
-        if (motionValue2)
-          motionValue2.liveStyle = false;
-      };
-      for (const key in allKeys) {
-        const next2 = resolvedValues[key];
-        const prev = prevResolvedValues[key];
-        if (encounteredKeys.hasOwnProperty(key))
-          continue;
-        let valueHasChanged = false;
-        if (isKeyframesTarget(next2) && isKeyframesTarget(prev)) {
-          valueHasChanged = !shallowCompare(next2, prev);
-        } else {
-          valueHasChanged = next2 !== prev;
-        }
-        if (valueHasChanged) {
-          if (next2 !== void 0 && next2 !== null) {
-            markToAnimate(key);
-          } else {
-            removedKeys.add(key);
-          }
-        } else if (next2 !== void 0 && removedKeys.has(key)) {
-          markToAnimate(key);
-        } else {
-          typeState.protectedKeys[key] = true;
-        }
-      }
-      typeState.prevProp = prop;
-      typeState.prevResolvedValues = resolvedValues;
-      if (typeState.isActive) {
-        encounteredKeys = { ...encounteredKeys, ...resolvedValues };
-      }
-      if ((isInitialRender || wasReset) && visualElement.blockInitialAnimation) {
-        shouldAnimateType = false;
-      }
-      const willAnimateViaParent = isInherited && variantDidChange;
-      const needsAnimating = !willAnimateViaParent || handledRemovedValues;
-      if (shouldAnimateType && needsAnimating) {
-        animations2.push(...definitionList.map((animation) => {
-          const options = { type };
-          if (typeof animation === "string" && (isInitialRender || wasReset) && !willAnimateViaParent && visualElement.manuallyAnimateOnMount && visualElement.parent) {
-            const { parent } = visualElement;
-            const parentVariant = resolveVariant(parent, animation);
-            if (parent.enteringChildren && parentVariant) {
-              const { delayChildren } = parentVariant.transition || {};
-              options.delay = calcChildStagger(parent.enteringChildren, visualElement, delayChildren);
-            }
-          }
-          return {
-            animation,
-            options
-          };
-        }));
-      }
-    }
-    if (removedKeys.size) {
-      const fallbackAnimation = {};
-      if (typeof props.initial !== "boolean") {
-        const initialTransition = resolveVariant(visualElement, Array.isArray(props.initial) ? props.initial[0] : props.initial);
-        if (initialTransition && initialTransition.transition) {
-          fallbackAnimation.transition = initialTransition.transition;
-        }
-      }
-      removedKeys.forEach((key) => {
-        const fallbackTarget = visualElement.getBaseTarget(key);
-        const motionValue2 = visualElement.getValue(key);
-        if (motionValue2)
-          motionValue2.liveStyle = true;
-        fallbackAnimation[key] = fallbackTarget ?? null;
-      });
-      animations2.push({ animation: fallbackAnimation });
-    }
-    let shouldAnimate = Boolean(animations2.length);
-    if (isInitialRender && (props.initial === false || props.initial === props.animate) && !visualElement.manuallyAnimateOnMount) {
-      shouldAnimate = false;
-    }
-    isInitialRender = false;
-    wasReset = false;
-    return shouldAnimate ? animate2(animations2) : Promise.resolve();
-  }
-  function setActive(type, isActive) {
-    var _a;
-    if (state[type].isActive === isActive)
-      return Promise.resolve();
-    (_a = visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
-      var _a2;
-      return (_a2 = child.animationState) == null ? void 0 : _a2.setActive(type, isActive);
-    });
-    state[type].isActive = isActive;
-    const animations2 = animateChanges(type);
-    for (const key in state) {
-      state[key].protectedKeys = {};
-    }
-    return animations2;
-  }
-  return {
-    animateChanges,
-    setActive,
-    setAnimateFunction,
-    getState: () => state,
-    reset: () => {
-      state = createState();
-      wasReset = true;
-    }
-  };
-}
-function checkVariantsDidChange(prev, next2) {
-  if (typeof next2 === "string") {
-    return next2 !== prev;
-  } else if (Array.isArray(next2)) {
-    return !shallowCompare(next2, prev);
-  }
-  return false;
-}
-function createTypeState(isActive = false) {
-  return {
-    isActive,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-}
-function createState() {
-  return {
-    animate: createTypeState(true),
-    whileInView: createTypeState(),
-    whileHover: createTypeState(),
-    whileTap: createTypeState(),
-    whileDrag: createTypeState(),
-    whileFocus: createTypeState(),
-    exit: createTypeState()
-  };
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/copy.mjs
-function copyAxisInto(axis, originAxis) {
-  axis.min = originAxis.min;
-  axis.max = originAxis.max;
-}
-function copyBoxInto(box, originBox) {
-  copyAxisInto(box.x, originBox.x);
-  copyAxisInto(box.y, originBox.y);
-}
-function copyAxisDeltaInto(delta, originDelta) {
-  delta.translate = originDelta.translate;
-  delta.scale = originDelta.scale;
-  delta.originPoint = originDelta.originPoint;
-  delta.origin = originDelta.origin;
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs
-var SCALE_PRECISION = 1e-4;
-var SCALE_MIN = 1 - SCALE_PRECISION;
-var SCALE_MAX = 1 + SCALE_PRECISION;
-var TRANSLATE_PRECISION = 0.01;
-var TRANSLATE_MIN = 0 - TRANSLATE_PRECISION;
-var TRANSLATE_MAX = 0 + TRANSLATE_PRECISION;
-function calcLength(axis) {
-  return axis.max - axis.min;
-}
-function isNear(value, target, maxDistance) {
-  return Math.abs(value - target) <= maxDistance;
-}
-function calcAxisDelta(delta, source, target, origin = 0.5) {
-  delta.origin = origin;
-  delta.originPoint = mixNumber(source.min, source.max, delta.origin);
-  delta.scale = calcLength(target) / calcLength(source);
-  delta.translate = mixNumber(target.min, target.max, delta.origin) - delta.originPoint;
-  if (delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX || isNaN(delta.scale)) {
-    delta.scale = 1;
-  }
-  if (delta.translate >= TRANSLATE_MIN && delta.translate <= TRANSLATE_MAX || isNaN(delta.translate)) {
-    delta.translate = 0;
-  }
-}
-function calcBoxDelta(delta, source, target, origin) {
-  calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : void 0);
-  calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : void 0);
-}
-function calcRelativeAxis(target, relative, parent) {
-  target.min = parent.min + relative.min;
-  target.max = target.min + calcLength(relative);
-}
-function calcRelativeBox(target, relative, parent) {
-  calcRelativeAxis(target.x, relative.x, parent.x);
-  calcRelativeAxis(target.y, relative.y, parent.y);
-}
-function calcRelativeAxisPosition(target, layout2, parent) {
-  target.min = layout2.min - parent.min;
-  target.max = target.min + calcLength(layout2);
-}
-function calcRelativePosition(target, layout2, parent) {
-  calcRelativeAxisPosition(target.x, layout2.x, parent.x);
-  calcRelativeAxisPosition(target.y, layout2.y, parent.y);
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
-function removePointDelta(point2, translate, scale2, originPoint, boxScale) {
-  point2 -= translate;
-  point2 = scalePoint(point2, 1 / scale2, originPoint);
-  if (boxScale !== void 0) {
-    point2 = scalePoint(point2, 1 / boxScale, originPoint);
-  }
-  return point2;
-}
-function removeAxisDelta(axis, translate = 0, scale2 = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {
-  if (percent.test(translate)) {
-    translate = parseFloat(translate);
-    const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);
-    translate = relativeProgress - sourceAxis.min;
-  }
-  if (typeof translate !== "number")
-    return;
-  let originPoint = mixNumber(originAxis.min, originAxis.max, origin);
-  if (axis === originAxis)
-    originPoint -= translate;
-  axis.min = removePointDelta(axis.min, translate, scale2, originPoint, boxScale);
-  axis.max = removePointDelta(axis.max, translate, scale2, originPoint, boxScale);
-}
-function removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {
-  removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);
-}
-var xKeys = ["x", "scaleX", "originX"];
-var yKeys = ["y", "scaleY", "originY"];
-function removeBoxTransforms(box, transforms, originBox, sourceBox) {
-  removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : void 0, sourceBox ? sourceBox.x : void 0);
-  removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : void 0, sourceBox ? sourceBox.y : void 0);
-}
-
-// node_modules/motion-dom/dist/es/projection/geometry/utils.mjs
-function isAxisDeltaZero(delta) {
-  return delta.translate === 0 && delta.scale === 1;
-}
-function isDeltaZero(delta) {
-  return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);
-}
-function axisEquals(a, b) {
-  return a.min === b.min && a.max === b.max;
-}
-function boxEquals(a, b) {
-  return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);
-}
-function axisEqualsRounded(a, b) {
-  return Math.round(a.min) === Math.round(b.min) && Math.round(a.max) === Math.round(b.max);
-}
-function boxEqualsRounded(a, b) {
-  return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);
-}
-function aspectRatio(box) {
-  return calcLength(box.x) / calcLength(box.y);
-}
-function axisDeltaEquals(a, b) {
-  return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
-}
-
-// node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
-function eachAxis(callback) {
-  return [callback("x"), callback("y")];
-}
-
-// node_modules/motion-dom/dist/es/projection/styles/transform.mjs
-function buildProjectionTransform(delta, treeScale, latestTransform) {
-  let transform2 = "";
-  const xTranslate = delta.x.translate / treeScale.x;
-  const yTranslate = delta.y.translate / treeScale.y;
-  const zTranslate = (latestTransform == null ? void 0 : latestTransform.z) || 0;
-  if (xTranslate || yTranslate || zTranslate) {
-    transform2 = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
-  }
-  if (treeScale.x !== 1 || treeScale.y !== 1) {
-    transform2 += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
-  }
-  if (latestTransform) {
-    const { transformPerspective, rotate: rotate2, rotateX, rotateY, skewX, skewY } = latestTransform;
-    if (transformPerspective)
-      transform2 = `perspective(${transformPerspective}px) ${transform2}`;
-    if (rotate2)
-      transform2 += `rotate(${rotate2}deg) `;
-    if (rotateX)
-      transform2 += `rotateX(${rotateX}deg) `;
-    if (rotateY)
-      transform2 += `rotateY(${rotateY}deg) `;
-    if (skewX)
-      transform2 += `skewX(${skewX}deg) `;
-    if (skewY)
-      transform2 += `skewY(${skewY}deg) `;
-  }
-  const elementScaleX = delta.x.scale * treeScale.x;
-  const elementScaleY = delta.y.scale * treeScale.y;
-  if (elementScaleX !== 1 || elementScaleY !== 1) {
-    transform2 += `scale(${elementScaleX}, ${elementScaleY})`;
-  }
-  return transform2 || "none";
-}
-
-// node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs
-var borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
-var numBorders = borders.length;
-var asNumber2 = (value) => typeof value === "string" ? parseFloat(value) : value;
-var isPx = (value) => typeof value === "number" || px.test(value);
-function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
-  if (shouldCrossfadeOpacity) {
-    target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress2));
-    target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress2));
-  } else if (isOnlyMember) {
-    target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
-  }
-  for (let i = 0; i < numBorders; i++) {
-    const borderLabel = `border${borders[i]}Radius`;
-    let followRadius = getRadius(follow, borderLabel);
-    let leadRadius = getRadius(lead, borderLabel);
-    if (followRadius === void 0 && leadRadius === void 0)
-      continue;
-    followRadius || (followRadius = 0);
-    leadRadius || (leadRadius = 0);
-    const canMix = followRadius === 0 || leadRadius === 0 || isPx(followRadius) === isPx(leadRadius);
-    if (canMix) {
-      target[borderLabel] = Math.max(mixNumber(asNumber2(followRadius), asNumber2(leadRadius), progress2), 0);
-      if (percent.test(leadRadius) || percent.test(followRadius)) {
-        target[borderLabel] += "%";
-      }
-    } else {
-      target[borderLabel] = leadRadius;
-    }
-  }
-  if (follow.rotate || lead.rotate) {
-    target.rotate = mixNumber(follow.rotate || 0, lead.rotate || 0, progress2);
-  }
-}
-function getRadius(values, radiusName) {
-  return values[radiusName] !== void 0 ? values[radiusName] : values.borderRadius;
-}
-var easeCrossfadeIn = compress(0, 0.5, circOut);
-var easeCrossfadeOut = compress(0.5, 0.95, noop);
-function compress(min, max, easing) {
-  return (p) => {
-    if (p < min)
-      return 0;
-    if (p > max)
-      return 1;
-    return easing(progress(min, max, p));
-  };
-}
-
-// node_modules/motion-dom/dist/es/animation/animate/single-value.mjs
-function animateSingleValue(value, keyframes2, options) {
-  const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
-  motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options));
-  return motionValue$1.animation;
-}
-
-// node_modules/motion-dom/dist/es/events/add-dom-event.mjs
-function addDomEvent(target, eventName, handler, options = { passive: true }) {
-  target.addEventListener(eventName, handler, options);
-  return () => target.removeEventListener(eventName, handler);
-}
-
-// node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
-var compareByDepth = (a, b) => a.depth - b.depth;
-
-// node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
-var FlatTree = class {
-  constructor() {
-    this.children = [];
-    this.isDirty = false;
-  }
-  add(child) {
-    addUniqueItem(this.children, child);
-    this.isDirty = true;
-  }
-  remove(child) {
-    removeItem(this.children, child);
-    this.isDirty = true;
-  }
-  forEach(callback) {
-    this.isDirty && this.children.sort(compareByDepth);
-    this.isDirty = false;
-    this.children.forEach(callback);
-  }
-};
-
-// node_modules/motion-dom/dist/es/utils/delay.mjs
-function delay(callback, timeout) {
-  const start2 = time.now();
-  const checkElapsed = ({ timestamp }) => {
-    const elapsed = timestamp - start2;
-    if (elapsed >= timeout) {
-      cancelFrame(checkElapsed);
-      callback(elapsed - timeout);
-    }
-  };
-  frame.setup(checkElapsed, true);
-  return () => cancelFrame(checkElapsed);
-}
-function delayInSeconds(callback, timeout) {
-  return delay(callback, secondsToMilliseconds(timeout));
-}
-
-// node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.mjs
-function resolveMotionValue(value) {
-  return isMotionValue(value) ? value.get() : value;
-}
-
-// node_modules/motion-dom/dist/es/projection/shared/stack.mjs
-var NodeStack = class {
-  constructor() {
-    this.members = [];
-  }
-  add(node) {
-    addUniqueItem(this.members, node);
-    for (let i = this.members.length - 1; i >= 0; i--) {
-      const member = this.members[i];
-      if (member === node || member === this.lead || member === this.prevLead)
-        continue;
-      const inst = member.instance;
-      if ((!inst || inst.isConnected === false) && !member.snapshot) {
-        removeItem(this.members, member);
-        member.unmount();
-      }
-    }
-    node.scheduleRender();
-  }
-  remove(node) {
-    removeItem(this.members, node);
-    if (node === this.prevLead)
-      this.prevLead = void 0;
-    if (node === this.lead) {
-      const prevLead = this.members[this.members.length - 1];
-      if (prevLead)
-        this.promote(prevLead);
-    }
-  }
-  relegate(node) {
-    var _a;
-    for (let i = this.members.indexOf(node) - 1; i >= 0; i--) {
-      const member = this.members[i];
-      if (member.isPresent !== false && ((_a = member.instance) == null ? void 0 : _a.isConnected) !== false) {
-        this.promote(member);
-        return true;
-      }
-    }
-    return false;
-  }
-  promote(node, preserveFollowOpacity) {
-    var _a;
-    const prevLead = this.lead;
-    if (node === prevLead)
-      return;
-    this.prevLead = prevLead;
-    this.lead = node;
-    node.show();
-    if (prevLead) {
-      prevLead.updateSnapshot();
-      node.scheduleRender();
-      const { layoutDependency: prevDep } = prevLead.options;
-      const { layoutDependency: nextDep } = node.options;
-      if (prevDep === void 0 || prevDep !== nextDep) {
-        node.resumeFrom = prevLead;
-        if (preserveFollowOpacity)
-          prevLead.preserveOpacity = true;
-        if (prevLead.snapshot) {
-          node.snapshot = prevLead.snapshot;
-          node.snapshot.latestValues = prevLead.animationValues || prevLead.latestValues;
-        }
-        if ((_a = node.root) == null ? void 0 : _a.isUpdating)
-          node.isLayoutDirty = true;
-      }
-      if (node.options.crossfade === false)
-        prevLead.hide();
-    }
-  }
-  exitAnimationComplete() {
-    this.members.forEach((member) => {
-      var _a, _b, _c, _d, _e;
-      (_b = (_a = member.options).onExitComplete) == null ? void 0 : _b.call(_a);
-      (_e = (_c = member.resumingFrom) == null ? void 0 : (_d = _c.options).onExitComplete) == null ? void 0 : _e.call(_d);
-    });
-  }
-  scheduleRender() {
-    this.members.forEach((member) => member.instance && member.scheduleRender(false));
-  }
-  removeLeadSnapshot() {
-    var _a;
-    if ((_a = this.lead) == null ? void 0 : _a.snapshot)
-      this.lead.snapshot = void 0;
-  }
-};
-
-// node_modules/motion-dom/dist/es/projection/node/state.mjs
-var globalProjectionState = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: true,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: false
-};
-
-// node_modules/motion-dom/dist/es/projection/node/create-projection-node.mjs
-var metrics = {
-  nodes: 0,
-  calculatedTargetDeltas: 0,
-  calculatedProjections: 0
-};
-var transformAxes = ["", "X", "Y", "Z"];
-var animationTarget = 1e3;
-var id = 0;
-function resetDistortingTransform(key, visualElement, values, sharedAnimationValues) {
-  const { latestValues } = visualElement;
-  if (latestValues[key]) {
-    values[key] = latestValues[key];
-    visualElement.setStaticValue(key, 0);
-    if (sharedAnimationValues) {
-      sharedAnimationValues[key] = 0;
-    }
-  }
-}
-function cancelTreeOptimisedTransformAnimations(projectionNode) {
-  projectionNode.hasCheckedOptimisedAppear = true;
-  if (projectionNode.root === projectionNode)
-    return;
-  const { visualElement } = projectionNode.options;
-  if (!visualElement)
-    return;
-  const appearId = getOptimisedAppearId(visualElement);
-  if (window.MotionHasOptimisedAnimation(appearId, "transform")) {
-    const { layout: layout2, layoutId } = projectionNode.options;
-    window.MotionCancelOptimisedAnimation(appearId, "transform", frame, !(layout2 || layoutId));
-  }
-  const { parent } = projectionNode;
-  if (parent && !parent.hasCheckedOptimisedAppear) {
-    cancelTreeOptimisedTransformAnimations(parent);
-  }
-}
-function createProjectionNode({ attachResizeListener, defaultParent, measureScroll, checkIsScrollRoot, resetTransform }) {
-  return class ProjectionNode {
-    constructor(latestValues = {}, parent = defaultParent == null ? void 0 : defaultParent()) {
-      this.id = id++;
-      this.animationId = 0;
-      this.animationCommitId = 0;
-      this.children = /* @__PURE__ */ new Set();
-      this.options = {};
-      this.isTreeAnimating = false;
-      this.isAnimationBlocked = false;
-      this.isLayoutDirty = false;
-      this.isProjectionDirty = false;
-      this.isSharedProjectionDirty = false;
-      this.isTransformDirty = false;
-      this.updateManuallyBlocked = false;
-      this.updateBlockedByResize = false;
-      this.isUpdating = false;
-      this.isSVG = false;
-      this.needsReset = false;
-      this.shouldResetTransform = false;
-      this.hasCheckedOptimisedAppear = false;
-      this.treeScale = { x: 1, y: 1 };
-      this.eventHandlers = /* @__PURE__ */ new Map();
-      this.hasTreeAnimated = false;
-      this.layoutVersion = 0;
-      this.updateScheduled = false;
-      this.scheduleUpdate = () => this.update();
-      this.projectionUpdateScheduled = false;
-      this.checkUpdateFailed = () => {
-        if (this.isUpdating) {
-          this.isUpdating = false;
-          this.clearAllSnapshots();
-        }
-      };
-      this.updateProjection = () => {
-        this.projectionUpdateScheduled = false;
-        if (statsBuffer.value) {
-          metrics.nodes = metrics.calculatedTargetDeltas = metrics.calculatedProjections = 0;
-        }
-        this.nodes.forEach(propagateDirtyNodes);
-        this.nodes.forEach(resolveTargetDelta);
-        this.nodes.forEach(calcProjection);
-        this.nodes.forEach(cleanDirtyNodes);
-        if (statsBuffer.addProjectionMetrics) {
-          statsBuffer.addProjectionMetrics(metrics);
-        }
-      };
-      this.resolvedRelativeTargetAt = 0;
-      this.linkedParentVersion = 0;
-      this.hasProjected = false;
-      this.isVisible = true;
-      this.animationProgress = 0;
-      this.sharedNodes = /* @__PURE__ */ new Map();
-      this.latestValues = latestValues;
-      this.root = parent ? parent.root || parent : this;
-      this.path = parent ? [...parent.path, parent] : [];
-      this.parent = parent;
-      this.depth = parent ? parent.depth + 1 : 0;
-      for (let i = 0; i < this.path.length; i++) {
-        this.path[i].shouldResetTransform = true;
-      }
-      if (this.root === this)
-        this.nodes = new FlatTree();
-    }
-    addEventListener(name, handler) {
-      if (!this.eventHandlers.has(name)) {
-        this.eventHandlers.set(name, new SubscriptionManager());
-      }
-      return this.eventHandlers.get(name).add(handler);
-    }
-    notifyListeners(name, ...args) {
-      const subscriptionManager = this.eventHandlers.get(name);
-      subscriptionManager && subscriptionManager.notify(...args);
-    }
-    hasListeners(name) {
-      return this.eventHandlers.has(name);
-    }
-    /**
-     * Lifecycles
-     */
-    mount(instance) {
-      if (this.instance)
-        return;
-      this.isSVG = isSVGElement(instance) && !isSVGSVGElement(instance);
-      this.instance = instance;
-      const { layoutId, layout: layout2, visualElement } = this.options;
-      if (visualElement && !visualElement.current) {
-        visualElement.mount(instance);
-      }
-      this.root.nodes.add(this);
-      this.parent && this.parent.children.add(this);
-      if (this.root.hasTreeAnimated && (layout2 || layoutId)) {
-        this.isLayoutDirty = true;
-      }
-      if (attachResizeListener) {
-        let cancelDelay;
-        let innerWidth = 0;
-        const resizeUnblockUpdate = () => this.root.updateBlockedByResize = false;
-        frame.read(() => {
-          innerWidth = window.innerWidth;
-        });
-        attachResizeListener(instance, () => {
-          const newInnerWidth = window.innerWidth;
-          if (newInnerWidth === innerWidth)
-            return;
-          innerWidth = newInnerWidth;
-          this.root.updateBlockedByResize = true;
-          cancelDelay && cancelDelay();
-          cancelDelay = delay(resizeUnblockUpdate, 250);
-          if (globalProjectionState.hasAnimatedSinceResize) {
-            globalProjectionState.hasAnimatedSinceResize = false;
-            this.nodes.forEach(finishAnimation);
-          }
-        });
-      }
-      if (layoutId) {
-        this.root.registerSharedNode(layoutId, this);
-      }
-      if (this.options.animate !== false && visualElement && (layoutId || layout2)) {
-        this.addEventListener("didUpdate", ({ delta, hasLayoutChanged, hasRelativeLayoutChanged, layout: newLayout }) => {
-          if (this.isTreeAnimationBlocked()) {
-            this.target = void 0;
-            this.relativeTarget = void 0;
-            return;
-          }
-          const layoutTransition = this.options.transition || visualElement.getDefaultTransition() || defaultLayoutTransition;
-          const { onLayoutAnimationStart, onLayoutAnimationComplete } = visualElement.getProps();
-          const hasTargetChanged = !this.targetLayout || !boxEqualsRounded(this.targetLayout, newLayout);
-          const hasOnlyRelativeTargetChanged = !hasLayoutChanged && hasRelativeLayoutChanged;
-          if (this.options.layoutRoot || this.resumeFrom || hasOnlyRelativeTargetChanged || hasLayoutChanged && (hasTargetChanged || !this.currentAnimation)) {
-            if (this.resumeFrom) {
-              this.resumingFrom = this.resumeFrom;
-              this.resumingFrom.resumingFrom = void 0;
-            }
-            const animationOptions = {
-              ...getValueTransition(layoutTransition, "layout"),
-              onPlay: onLayoutAnimationStart,
-              onComplete: onLayoutAnimationComplete
-            };
-            if (visualElement.shouldReduceMotion || this.options.layoutRoot) {
-              animationOptions.delay = 0;
-              animationOptions.type = false;
-            }
-            this.startAnimation(animationOptions);
-            this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
-          } else {
-            if (!hasLayoutChanged) {
-              finishAnimation(this);
-            }
-            if (this.isLead() && this.options.onExitComplete) {
-              this.options.onExitComplete();
-            }
-          }
-          this.targetLayout = newLayout;
-        });
-      }
-    }
-    unmount() {
-      this.options.layoutId && this.willUpdate();
-      this.root.nodes.remove(this);
-      const stack = this.getStack();
-      stack && stack.remove(this);
-      this.parent && this.parent.children.delete(this);
-      this.instance = void 0;
-      this.eventHandlers.clear();
-      cancelFrame(this.updateProjection);
-    }
-    // only on the root
-    blockUpdate() {
-      this.updateManuallyBlocked = true;
-    }
-    unblockUpdate() {
-      this.updateManuallyBlocked = false;
-    }
-    isUpdateBlocked() {
-      return this.updateManuallyBlocked || this.updateBlockedByResize;
-    }
-    isTreeAnimationBlocked() {
-      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || false;
-    }
-    // Note: currently only running on root node
-    startUpdate() {
-      if (this.isUpdateBlocked())
-        return;
-      this.isUpdating = true;
-      this.nodes && this.nodes.forEach(resetSkewAndRotation);
-      this.animationId++;
-    }
-    getTransformTemplate() {
-      const { visualElement } = this.options;
-      return visualElement && visualElement.getProps().transformTemplate;
-    }
-    willUpdate(shouldNotifyListeners = true) {
-      this.root.hasTreeAnimated = true;
-      if (this.root.isUpdateBlocked()) {
-        this.options.onExitComplete && this.options.onExitComplete();
-        return;
-      }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear) {
-        cancelTreeOptimisedTransformAnimations(this);
-      }
-      !this.root.isUpdating && this.root.startUpdate();
-      if (this.isLayoutDirty)
-        return;
-      this.isLayoutDirty = true;
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
-        node.shouldResetTransform = true;
-        if (typeof node.latestValues.x === "string" || typeof node.latestValues.y === "string") {
-          node.isLayoutDirty = true;
-        }
-        node.updateScroll("snapshot");
-        if (node.options.layoutRoot) {
-          node.willUpdate(false);
-        }
-      }
-      const { layoutId, layout: layout2 } = this.options;
-      if (layoutId === void 0 && !layout2)
-        return;
-      const transformTemplate = this.getTransformTemplate();
-      this.prevTransformTemplateValue = transformTemplate ? transformTemplate(this.latestValues, "") : void 0;
-      this.updateSnapshot();
-      shouldNotifyListeners && this.notifyListeners("willUpdate");
-    }
-    update() {
-      this.updateScheduled = false;
-      const updateWasBlocked = this.isUpdateBlocked();
-      if (updateWasBlocked) {
-        this.unblockUpdate();
-        this.clearAllSnapshots();
-        this.nodes.forEach(clearMeasurements);
-        return;
-      }
-      if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(clearIsLayoutDirty);
-        return;
-      }
-      this.animationCommitId = this.animationId;
-      if (!this.isUpdating) {
-        this.nodes.forEach(clearIsLayoutDirty);
-      } else {
-        this.isUpdating = false;
-        this.nodes.forEach(resetTransformStyle);
-        this.nodes.forEach(updateLayout);
-        this.nodes.forEach(notifyLayoutUpdate);
-      }
-      this.clearAllSnapshots();
-      const now2 = time.now();
-      frameData.delta = clamp(0, 1e3 / 60, now2 - frameData.timestamp);
-      frameData.timestamp = now2;
-      frameData.isProcessing = true;
-      frameSteps.update.process(frameData);
-      frameSteps.preRender.process(frameData);
-      frameSteps.render.process(frameData);
-      frameData.isProcessing = false;
-    }
-    didUpdate() {
-      if (!this.updateScheduled) {
-        this.updateScheduled = true;
-        microtask.read(this.scheduleUpdate);
-      }
-    }
-    clearAllSnapshots() {
-      this.nodes.forEach(clearSnapshot);
-      this.sharedNodes.forEach(removeLeadSnapshots);
-    }
-    scheduleUpdateProjection() {
-      if (!this.projectionUpdateScheduled) {
-        this.projectionUpdateScheduled = true;
-        frame.preRender(this.updateProjection, false, true);
-      }
-    }
-    scheduleCheckAfterUnmount() {
-      frame.postRender(() => {
-        if (this.isLayoutDirty) {
-          this.root.didUpdate();
-        } else {
-          this.root.checkUpdateFailed();
-        }
-      });
-    }
-    /**
-     * Update measurements
-     */
-    updateSnapshot() {
-      if (this.snapshot || !this.instance)
-        return;
-      this.snapshot = this.measure();
-      if (this.snapshot && !calcLength(this.snapshot.measuredBox.x) && !calcLength(this.snapshot.measuredBox.y)) {
-        this.snapshot = void 0;
-      }
-    }
-    updateLayout() {
-      if (!this.instance)
-        return;
-      this.updateScroll();
-      if (!(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty) {
-        return;
-      }
-      if (this.resumeFrom && !this.resumeFrom.instance) {
-        for (let i = 0; i < this.path.length; i++) {
-          const node = this.path[i];
-          node.updateScroll();
-        }
-      }
-      const prevLayout = this.layout;
-      this.layout = this.measure(false);
-      this.layoutVersion++;
-      this.layoutCorrected = createBox();
-      this.isLayoutDirty = false;
-      this.projectionDelta = void 0;
-      this.notifyListeners("measure", this.layout.layoutBox);
-      const { visualElement } = this.options;
-      visualElement && visualElement.notify("LayoutMeasure", this.layout.layoutBox, prevLayout ? prevLayout.layoutBox : void 0);
-    }
-    updateScroll(phase = "measure") {
-      let needsMeasurement = Boolean(this.options.layoutScroll && this.instance);
-      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === phase) {
-        needsMeasurement = false;
-      }
-      if (needsMeasurement && this.instance) {
-        const isRoot = checkIsScrollRoot(this.instance);
-        this.scroll = {
-          animationId: this.root.animationId,
-          phase,
-          isRoot,
-          offset: measureScroll(this.instance),
-          wasRoot: this.scroll ? this.scroll.isRoot : isRoot
-        };
-      }
-    }
-    resetTransform() {
-      if (!resetTransform)
-        return;
-      const isResetRequested = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout;
-      const hasProjection = this.projectionDelta && !isDeltaZero(this.projectionDelta);
-      const transformTemplate = this.getTransformTemplate();
-      const transformTemplateValue = transformTemplate ? transformTemplate(this.latestValues, "") : void 0;
-      const transformTemplateHasChanged = transformTemplateValue !== this.prevTransformTemplateValue;
-      if (isResetRequested && this.instance && (hasProjection || hasTransform(this.latestValues) || transformTemplateHasChanged)) {
-        resetTransform(this.instance, transformTemplateValue);
-        this.shouldResetTransform = false;
-        this.scheduleRender();
-      }
-    }
-    measure(removeTransform = true) {
-      const pageBox = this.measurePageBox();
-      let layoutBox = this.removeElementScroll(pageBox);
-      if (removeTransform) {
-        layoutBox = this.removeTransform(layoutBox);
-      }
-      roundBox(layoutBox);
-      return {
-        animationId: this.root.animationId,
-        measuredBox: pageBox,
-        layoutBox,
-        latestValues: {},
-        source: this.id
-      };
-    }
-    measurePageBox() {
-      var _a;
-      const { visualElement } = this.options;
-      if (!visualElement)
-        return createBox();
-      const box = visualElement.measureViewportBox();
-      const wasInScrollRoot = ((_a = this.scroll) == null ? void 0 : _a.wasRoot) || this.path.some(checkNodeWasScrollRoot);
-      if (!wasInScrollRoot) {
-        const { scroll: scroll2 } = this.root;
-        if (scroll2) {
-          translateAxis(box.x, scroll2.offset.x);
-          translateAxis(box.y, scroll2.offset.y);
-        }
-      }
-      return box;
-    }
-    removeElementScroll(box) {
-      var _a;
-      const boxWithoutScroll = createBox();
-      copyBoxInto(boxWithoutScroll, box);
-      if ((_a = this.scroll) == null ? void 0 : _a.wasRoot) {
-        return boxWithoutScroll;
-      }
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
-        const { scroll: scroll2, options } = node;
-        if (node !== this.root && scroll2 && options.layoutScroll) {
-          if (scroll2.wasRoot) {
-            copyBoxInto(boxWithoutScroll, box);
-          }
-          translateAxis(boxWithoutScroll.x, scroll2.offset.x);
-          translateAxis(boxWithoutScroll.y, scroll2.offset.y);
-        }
-      }
-      return boxWithoutScroll;
-    }
-    applyTransform(box, transformOnly = false) {
-      var _a, _b;
-      const withTransforms = createBox();
-      copyBoxInto(withTransforms, box);
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
-        if (!transformOnly && node.options.layoutScroll && node.scroll && node !== node.root) {
-          transformBox(withTransforms, {
-            x: -node.scroll.offset.x,
-            y: -node.scroll.offset.y
-          });
-        }
-        if (!hasTransform(node.latestValues))
-          continue;
-        transformBox(withTransforms, node.latestValues, (_a = node.layout) == null ? void 0 : _a.layoutBox);
-      }
-      if (hasTransform(this.latestValues)) {
-        transformBox(withTransforms, this.latestValues, (_b = this.layout) == null ? void 0 : _b.layoutBox);
-      }
-      return withTransforms;
-    }
-    removeTransform(box) {
-      var _a;
-      const boxWithoutTransform = createBox();
-      copyBoxInto(boxWithoutTransform, box);
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
-        if (!hasTransform(node.latestValues))
-          continue;
-        let sourceBox;
-        if (node.instance) {
-          hasScale(node.latestValues) && node.updateSnapshot();
-          sourceBox = createBox();
-          copyBoxInto(sourceBox, node.measurePageBox());
-        }
-        removeBoxTransforms(boxWithoutTransform, node.latestValues, (_a = node.snapshot) == null ? void 0 : _a.layoutBox, sourceBox);
-      }
-      if (hasTransform(this.latestValues)) {
-        removeBoxTransforms(boxWithoutTransform, this.latestValues);
-      }
-      return boxWithoutTransform;
-    }
-    setTargetDelta(delta) {
-      this.targetDelta = delta;
-      this.root.scheduleUpdateProjection();
-      this.isProjectionDirty = true;
-    }
-    setOptions(options) {
-      this.options = {
-        ...this.options,
-        ...options,
-        crossfade: options.crossfade !== void 0 ? options.crossfade : true
-      };
-    }
-    clearMeasurements() {
-      this.scroll = void 0;
-      this.layout = void 0;
-      this.snapshot = void 0;
-      this.prevTransformTemplateValue = void 0;
-      this.targetDelta = void 0;
-      this.target = void 0;
-      this.isLayoutDirty = false;
-    }
-    forceRelativeParentToResolveTarget() {
-      if (!this.relativeParent)
-        return;
-      if (this.relativeParent.resolvedRelativeTargetAt !== frameData.timestamp) {
-        this.relativeParent.resolveTargetDelta(true);
-      }
-    }
-    resolveTargetDelta(forceRecalculation = false) {
-      var _a;
-      const lead = this.getLead();
-      this.isProjectionDirty || (this.isProjectionDirty = lead.isProjectionDirty);
-      this.isTransformDirty || (this.isTransformDirty = lead.isTransformDirty);
-      this.isSharedProjectionDirty || (this.isSharedProjectionDirty = lead.isSharedProjectionDirty);
-      const isShared = Boolean(this.resumingFrom) || this !== lead;
-      const canSkip = !(forceRecalculation || isShared && this.isSharedProjectionDirty || this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty) || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize);
-      if (canSkip)
-        return;
-      const { layout: layout2, layoutId } = this.options;
-      if (!this.layout || !(layout2 || layoutId))
-        return;
-      this.resolvedRelativeTargetAt = frameData.timestamp;
-      const relativeParent = this.getClosestProjectingParent();
-      if (relativeParent && this.linkedParentVersion !== relativeParent.layoutVersion && !relativeParent.options.layoutRoot) {
-        this.removeRelativeTarget();
-      }
-      if (!this.targetDelta && !this.relativeTarget) {
-        if (relativeParent && relativeParent.layout) {
-          this.createRelativeTarget(relativeParent, this.layout.layoutBox, relativeParent.layout.layoutBox);
-        } else {
-          this.removeRelativeTarget();
-        }
-      }
-      if (!this.relativeTarget && !this.targetDelta)
-        return;
-      if (!this.target) {
-        this.target = createBox();
-        this.targetWithTransforms = createBox();
-      }
-      if (this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target) {
-        this.forceRelativeParentToResolveTarget();
-        calcRelativeBox(this.target, this.relativeTarget, this.relativeParent.target);
-      } else if (this.targetDelta) {
-        if (Boolean(this.resumingFrom)) {
-          this.target = this.applyTransform(this.layout.layoutBox);
-        } else {
-          copyBoxInto(this.target, this.layout.layoutBox);
-        }
-        applyBoxDelta(this.target, this.targetDelta);
-      } else {
-        copyBoxInto(this.target, this.layout.layoutBox);
-      }
-      if (this.attemptToResolveRelativeTarget) {
-        this.attemptToResolveRelativeTarget = false;
-        if (relativeParent && Boolean(relativeParent.resumingFrom) === Boolean(this.resumingFrom) && !relativeParent.options.layoutScroll && relativeParent.target && this.animationProgress !== 1) {
-          this.createRelativeTarget(relativeParent, this.target, relativeParent.target);
-        } else {
-          this.relativeParent = this.relativeTarget = void 0;
-        }
-      }
-      if (statsBuffer.value) {
-        metrics.calculatedTargetDeltas++;
-      }
-    }
-    getClosestProjectingParent() {
-      if (!this.parent || hasScale(this.parent.latestValues) || has2DTranslate(this.parent.latestValues)) {
-        return void 0;
-      }
-      if (this.parent.isProjecting()) {
-        return this.parent;
-      } else {
-        return this.parent.getClosestProjectingParent();
-      }
-    }
-    isProjecting() {
-      return Boolean((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
-    }
-    createRelativeTarget(relativeParent, layout2, parentLayout) {
-      this.relativeParent = relativeParent;
-      this.linkedParentVersion = relativeParent.layoutVersion;
-      this.forceRelativeParentToResolveTarget();
-      this.relativeTarget = createBox();
-      this.relativeTargetOrigin = createBox();
-      calcRelativePosition(this.relativeTargetOrigin, layout2, parentLayout);
-      copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
-    }
-    removeRelativeTarget() {
-      this.relativeParent = this.relativeTarget = void 0;
-    }
-    calcProjection() {
-      var _a;
-      const lead = this.getLead();
-      const isShared = Boolean(this.resumingFrom) || this !== lead;
-      let canSkip = true;
-      if (this.isProjectionDirty || ((_a = this.parent) == null ? void 0 : _a.isProjectionDirty)) {
-        canSkip = false;
-      }
-      if (isShared && (this.isSharedProjectionDirty || this.isTransformDirty)) {
-        canSkip = false;
-      }
-      if (this.resolvedRelativeTargetAt === frameData.timestamp) {
-        canSkip = false;
-      }
-      if (canSkip)
-        return;
-      const { layout: layout2, layoutId } = this.options;
-      this.isTreeAnimating = Boolean(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation);
-      if (!this.isTreeAnimating) {
-        this.targetDelta = this.relativeTarget = void 0;
-      }
-      if (!this.layout || !(layout2 || layoutId))
-        return;
-      copyBoxInto(this.layoutCorrected, this.layout.layoutBox);
-      const prevTreeScaleX = this.treeScale.x;
-      const prevTreeScaleY = this.treeScale.y;
-      applyTreeDeltas(this.layoutCorrected, this.treeScale, this.path, isShared);
-      if (lead.layout && !lead.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1)) {
-        lead.target = lead.layout.layoutBox;
-        lead.targetWithTransforms = createBox();
-      }
-      const { target } = lead;
-      if (!target) {
-        if (this.prevProjectionDelta) {
-          this.createProjectionDeltas();
-          this.scheduleRender();
-        }
-        return;
-      }
-      if (!this.projectionDelta || !this.prevProjectionDelta) {
-        this.createProjectionDeltas();
-      } else {
-        copyAxisDeltaInto(this.prevProjectionDelta.x, this.projectionDelta.x);
-        copyAxisDeltaInto(this.prevProjectionDelta.y, this.projectionDelta.y);
-      }
-      calcBoxDelta(this.projectionDelta, this.layoutCorrected, target, this.latestValues);
-      if (this.treeScale.x !== prevTreeScaleX || this.treeScale.y !== prevTreeScaleY || !axisDeltaEquals(this.projectionDelta.x, this.prevProjectionDelta.x) || !axisDeltaEquals(this.projectionDelta.y, this.prevProjectionDelta.y)) {
-        this.hasProjected = true;
-        this.scheduleRender();
-        this.notifyListeners("projectionUpdate", target);
-      }
-      if (statsBuffer.value) {
-        metrics.calculatedProjections++;
-      }
-    }
-    hide() {
-      this.isVisible = false;
-    }
-    show() {
-      this.isVisible = true;
-    }
-    scheduleRender(notifyAll2 = true) {
-      var _a;
-      (_a = this.options.visualElement) == null ? void 0 : _a.scheduleRender();
-      if (notifyAll2) {
-        const stack = this.getStack();
-        stack && stack.scheduleRender();
-      }
-      if (this.resumingFrom && !this.resumingFrom.instance) {
-        this.resumingFrom = void 0;
-      }
-    }
-    createProjectionDeltas() {
-      this.prevProjectionDelta = createDelta();
-      this.projectionDelta = createDelta();
-      this.projectionDeltaWithTransform = createDelta();
-    }
-    setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
-      const snapshot = this.snapshot;
-      const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
-      const mixedValues = { ...this.latestValues };
-      const targetDelta = createDelta();
-      if (!this.relativeParent || !this.relativeParent.options.layoutRoot) {
-        this.relativeTarget = this.relativeTargetOrigin = void 0;
-      }
-      this.attemptToResolveRelativeTarget = !hasOnlyRelativeTargetChanged;
-      const relativeLayout = createBox();
-      const snapshotSource = snapshot ? snapshot.source : void 0;
-      const layoutSource = this.layout ? this.layout.source : void 0;
-      const isSharedLayoutAnimation = snapshotSource !== layoutSource;
-      const stack = this.getStack();
-      const isOnlyMember = !stack || stack.members.length <= 1;
-      const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation && !isOnlyMember && this.options.crossfade === true && !this.path.some(hasOpacityCrossfade));
-      this.animationProgress = 0;
-      let prevRelativeTarget;
-      this.mixTargetDelta = (latest) => {
-        const progress2 = latest / 1e3;
-        mixAxisDelta(targetDelta.x, delta.x, progress2);
-        mixAxisDelta(targetDelta.y, delta.y, progress2);
-        this.setTargetDelta(targetDelta);
-        if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
-          calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox);
-          mixBox(this.relativeTarget, this.relativeTargetOrigin, relativeLayout, progress2);
-          if (prevRelativeTarget && boxEquals(this.relativeTarget, prevRelativeTarget)) {
-            this.isProjectionDirty = false;
-          }
-          if (!prevRelativeTarget)
-            prevRelativeTarget = createBox();
-          copyBoxInto(prevRelativeTarget, this.relativeTarget);
-        }
-        if (isSharedLayoutAnimation) {
-          this.animationValues = mixedValues;
-          mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress2, shouldCrossfadeOpacity, isOnlyMember);
-        }
-        this.root.scheduleUpdateProjection();
-        this.scheduleRender();
-        this.animationProgress = progress2;
-      };
-      this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
-    }
-    startAnimation(options) {
-      var _a, _b, _c;
-      this.notifyListeners("animationStart");
-      (_a = this.currentAnimation) == null ? void 0 : _a.stop();
-      (_c = (_b = this.resumingFrom) == null ? void 0 : _b.currentAnimation) == null ? void 0 : _c.stop();
-      if (this.pendingAnimation) {
-        cancelFrame(this.pendingAnimation);
-        this.pendingAnimation = void 0;
-      }
-      this.pendingAnimation = frame.update(() => {
-        globalProjectionState.hasAnimatedSinceResize = true;
-        activeAnimations.layout++;
-        this.motionValue || (this.motionValue = motionValue(0));
-        this.motionValue.jump(0, false);
-        this.currentAnimation = animateSingleValue(this.motionValue, [0, 1e3], {
-          ...options,
-          velocity: 0,
-          isSync: true,
-          onUpdate: (latest) => {
-            this.mixTargetDelta(latest);
-            options.onUpdate && options.onUpdate(latest);
-          },
-          onStop: () => {
-            activeAnimations.layout--;
-          },
-          onComplete: () => {
-            activeAnimations.layout--;
-            options.onComplete && options.onComplete();
-            this.completeAnimation();
-          }
-        });
-        if (this.resumingFrom) {
-          this.resumingFrom.currentAnimation = this.currentAnimation;
-        }
-        this.pendingAnimation = void 0;
-      });
-    }
-    completeAnimation() {
-      if (this.resumingFrom) {
-        this.resumingFrom.currentAnimation = void 0;
-        this.resumingFrom.preserveOpacity = void 0;
-      }
-      const stack = this.getStack();
-      stack && stack.exitAnimationComplete();
-      this.resumingFrom = this.currentAnimation = this.animationValues = void 0;
-      this.notifyListeners("animationComplete");
-    }
-    finishAnimation() {
-      if (this.currentAnimation) {
-        this.mixTargetDelta && this.mixTargetDelta(animationTarget);
-        this.currentAnimation.stop();
-      }
-      this.completeAnimation();
-    }
-    applyTransformsToTarget() {
-      const lead = this.getLead();
-      let { targetWithTransforms, target, layout: layout2, latestValues } = lead;
-      if (!targetWithTransforms || !target || !layout2)
-        return;
-      if (this !== lead && this.layout && layout2 && shouldAnimatePositionOnly(this.options.animationType, this.layout.layoutBox, layout2.layoutBox)) {
-        target = this.target || createBox();
-        const xLength = calcLength(this.layout.layoutBox.x);
-        target.x.min = lead.target.x.min;
-        target.x.max = target.x.min + xLength;
-        const yLength = calcLength(this.layout.layoutBox.y);
-        target.y.min = lead.target.y.min;
-        target.y.max = target.y.min + yLength;
-      }
-      copyBoxInto(targetWithTransforms, target);
-      transformBox(targetWithTransforms, latestValues);
-      calcBoxDelta(this.projectionDeltaWithTransform, this.layoutCorrected, targetWithTransforms, latestValues);
-    }
-    registerSharedNode(layoutId, node) {
-      if (!this.sharedNodes.has(layoutId)) {
-        this.sharedNodes.set(layoutId, new NodeStack());
-      }
-      const stack = this.sharedNodes.get(layoutId);
-      stack.add(node);
-      const config = node.options.initialPromotionConfig;
-      node.promote({
-        transition: config ? config.transition : void 0,
-        preserveFollowOpacity: config && config.shouldPreserveFollowOpacity ? config.shouldPreserveFollowOpacity(node) : void 0
-      });
-    }
-    isLead() {
-      const stack = this.getStack();
-      return stack ? stack.lead === this : true;
-    }
-    getLead() {
-      var _a;
-      const { layoutId } = this.options;
-      return layoutId ? ((_a = this.getStack()) == null ? void 0 : _a.lead) || this : this;
-    }
-    getPrevLead() {
-      var _a;
-      const { layoutId } = this.options;
-      return layoutId ? (_a = this.getStack()) == null ? void 0 : _a.prevLead : void 0;
-    }
-    getStack() {
-      const { layoutId } = this.options;
-      if (layoutId)
-        return this.root.sharedNodes.get(layoutId);
-    }
-    promote({ needsReset, transition, preserveFollowOpacity } = {}) {
-      const stack = this.getStack();
-      if (stack)
-        stack.promote(this, preserveFollowOpacity);
-      if (needsReset) {
-        this.projectionDelta = void 0;
-        this.needsReset = true;
-      }
-      if (transition)
-        this.setOptions({ transition });
-    }
-    relegate() {
-      const stack = this.getStack();
-      if (stack) {
-        return stack.relegate(this);
-      } else {
-        return false;
-      }
-    }
-    resetSkewAndRotation() {
-      const { visualElement } = this.options;
-      if (!visualElement)
-        return;
-      let hasDistortingTransform = false;
-      const { latestValues } = visualElement;
-      if (latestValues.z || latestValues.rotate || latestValues.rotateX || latestValues.rotateY || latestValues.rotateZ || latestValues.skewX || latestValues.skewY) {
-        hasDistortingTransform = true;
-      }
-      if (!hasDistortingTransform)
-        return;
-      const resetValues = {};
-      if (latestValues.z) {
-        resetDistortingTransform("z", visualElement, resetValues, this.animationValues);
-      }
-      for (let i = 0; i < transformAxes.length; i++) {
-        resetDistortingTransform(`rotate${transformAxes[i]}`, visualElement, resetValues, this.animationValues);
-        resetDistortingTransform(`skew${transformAxes[i]}`, visualElement, resetValues, this.animationValues);
-      }
-      visualElement.render();
-      for (const key in resetValues) {
-        visualElement.setStaticValue(key, resetValues[key]);
-        if (this.animationValues) {
-          this.animationValues[key] = resetValues[key];
-        }
-      }
-      visualElement.scheduleRender();
-    }
-    applyProjectionStyles(targetStyle, styleProp) {
-      if (!this.instance || this.isSVG)
-        return;
-      if (!this.isVisible) {
-        targetStyle.visibility = "hidden";
-        return;
-      }
-      const transformTemplate = this.getTransformTemplate();
-      if (this.needsReset) {
-        this.needsReset = false;
-        targetStyle.visibility = "";
-        targetStyle.opacity = "";
-        targetStyle.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
-        targetStyle.transform = transformTemplate ? transformTemplate(this.latestValues, "") : "none";
-        return;
-      }
-      const lead = this.getLead();
-      if (!this.projectionDelta || !this.layout || !lead.target) {
-        if (this.options.layoutId) {
-          targetStyle.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1;
-          targetStyle.pointerEvents = resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "";
-        }
-        if (this.hasProjected && !hasTransform(this.latestValues)) {
-          targetStyle.transform = transformTemplate ? transformTemplate({}, "") : "none";
-          this.hasProjected = false;
-        }
-        return;
-      }
-      targetStyle.visibility = "";
-      const valuesToRender = lead.animationValues || lead.latestValues;
-      this.applyTransformsToTarget();
-      let transform2 = buildProjectionTransform(this.projectionDeltaWithTransform, this.treeScale, valuesToRender);
-      if (transformTemplate) {
-        transform2 = transformTemplate(valuesToRender, transform2);
-      }
-      targetStyle.transform = transform2;
-      const { x, y } = this.projectionDelta;
-      targetStyle.transformOrigin = `${x.origin * 100}% ${y.origin * 100}% 0`;
-      if (lead.animationValues) {
-        targetStyle.opacity = lead === this ? valuesToRender.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
-      } else {
-        targetStyle.opacity = lead === this ? valuesToRender.opacity !== void 0 ? valuesToRender.opacity : "" : valuesToRender.opacityExit !== void 0 ? valuesToRender.opacityExit : 0;
-      }
-      for (const key in scaleCorrectors) {
-        if (valuesToRender[key] === void 0)
-          continue;
-        const { correct, applyTo, isCSSVariable } = scaleCorrectors[key];
-        const corrected = transform2 === "none" ? valuesToRender[key] : correct(valuesToRender[key], lead);
-        if (applyTo) {
-          const num = applyTo.length;
-          for (let i = 0; i < num; i++) {
-            targetStyle[applyTo[i]] = corrected;
-          }
-        } else {
-          if (isCSSVariable) {
-            this.options.visualElement.renderState.vars[key] = corrected;
-          } else {
-            targetStyle[key] = corrected;
-          }
-        }
-      }
-      if (this.options.layoutId) {
-        targetStyle.pointerEvents = lead === this ? resolveMotionValue(styleProp == null ? void 0 : styleProp.pointerEvents) || "" : "none";
-      }
-    }
-    clearSnapshot() {
-      this.resumeFrom = this.snapshot = void 0;
-    }
-    // Only run on root
-    resetTree() {
-      this.root.nodes.forEach((node) => {
-        var _a;
-        return (_a = node.currentAnimation) == null ? void 0 : _a.stop();
-      });
-      this.root.nodes.forEach(clearMeasurements);
-      this.root.sharedNodes.clear();
-    }
-  };
-}
-function updateLayout(node) {
-  node.updateLayout();
-}
-function notifyLayoutUpdate(node) {
-  var _a;
-  const snapshot = ((_a = node.resumeFrom) == null ? void 0 : _a.snapshot) || node.snapshot;
-  if (node.isLead() && node.layout && snapshot && node.hasListeners("didUpdate")) {
-    const { layoutBox: layout2, measuredBox: measuredLayout } = node.layout;
-    const { animationType } = node.options;
-    const isShared = snapshot.source !== node.layout.source;
-    if (animationType === "size") {
-      eachAxis((axis) => {
-        const axisSnapshot = isShared ? snapshot.measuredBox[axis] : snapshot.layoutBox[axis];
-        const length = calcLength(axisSnapshot);
-        axisSnapshot.min = layout2[axis].min;
-        axisSnapshot.max = axisSnapshot.min + length;
-      });
-    } else if (animationType === "x" || animationType === "y") {
-      const snapAxis = animationType === "x" ? "y" : "x";
-      copyAxisInto(isShared ? snapshot.measuredBox[snapAxis] : snapshot.layoutBox[snapAxis], layout2[snapAxis]);
-    } else if (shouldAnimatePositionOnly(animationType, snapshot.layoutBox, layout2)) {
-      eachAxis((axis) => {
-        const axisSnapshot = isShared ? snapshot.measuredBox[axis] : snapshot.layoutBox[axis];
-        const length = calcLength(layout2[axis]);
-        axisSnapshot.max = axisSnapshot.min + length;
-        if (node.relativeTarget && !node.currentAnimation) {
-          node.isProjectionDirty = true;
-          node.relativeTarget[axis].max = node.relativeTarget[axis].min + length;
-        }
-      });
-    }
-    const layoutDelta = createDelta();
-    calcBoxDelta(layoutDelta, layout2, snapshot.layoutBox);
-    const visualDelta = createDelta();
-    if (isShared) {
-      calcBoxDelta(visualDelta, node.applyTransform(measuredLayout, true), snapshot.measuredBox);
-    } else {
-      calcBoxDelta(visualDelta, layout2, snapshot.layoutBox);
-    }
-    const hasLayoutChanged = !isDeltaZero(layoutDelta);
-    let hasRelativeLayoutChanged = false;
-    if (!node.resumeFrom) {
-      const relativeParent = node.getClosestProjectingParent();
-      if (relativeParent && !relativeParent.resumeFrom) {
-        const { snapshot: parentSnapshot, layout: parentLayout } = relativeParent;
-        if (parentSnapshot && parentLayout) {
-          const relativeSnapshot = createBox();
-          calcRelativePosition(relativeSnapshot, snapshot.layoutBox, parentSnapshot.layoutBox);
-          const relativeLayout = createBox();
-          calcRelativePosition(relativeLayout, layout2, parentLayout.layoutBox);
-          if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) {
-            hasRelativeLayoutChanged = true;
-          }
-          if (relativeParent.options.layoutRoot) {
-            node.relativeTarget = relativeLayout;
-            node.relativeTargetOrigin = relativeSnapshot;
-            node.relativeParent = relativeParent;
-          }
-        }
-      }
-    }
-    node.notifyListeners("didUpdate", {
-      layout: layout2,
-      snapshot,
-      delta: visualDelta,
-      layoutDelta,
-      hasLayoutChanged,
-      hasRelativeLayoutChanged
-    });
-  } else if (node.isLead()) {
-    const { onExitComplete } = node.options;
-    onExitComplete && onExitComplete();
-  }
-  node.options.transition = void 0;
-}
-function propagateDirtyNodes(node) {
-  if (statsBuffer.value) {
-    metrics.nodes++;
-  }
-  if (!node.parent)
-    return;
-  if (!node.isProjecting()) {
-    node.isProjectionDirty = node.parent.isProjectionDirty;
-  }
-  node.isSharedProjectionDirty || (node.isSharedProjectionDirty = Boolean(node.isProjectionDirty || node.parent.isProjectionDirty || node.parent.isSharedProjectionDirty));
-  node.isTransformDirty || (node.isTransformDirty = node.parent.isTransformDirty);
-}
-function cleanDirtyNodes(node) {
-  node.isProjectionDirty = node.isSharedProjectionDirty = node.isTransformDirty = false;
-}
-function clearSnapshot(node) {
-  node.clearSnapshot();
-}
-function clearMeasurements(node) {
-  node.clearMeasurements();
-}
-function clearIsLayoutDirty(node) {
-  node.isLayoutDirty = false;
-}
-function resetTransformStyle(node) {
-  const { visualElement } = node.options;
-  if (visualElement && visualElement.getProps().onBeforeLayoutMeasure) {
-    visualElement.notify("BeforeLayoutMeasure");
-  }
-  node.resetTransform();
-}
-function finishAnimation(node) {
-  node.finishAnimation();
-  node.targetDelta = node.relativeTarget = node.target = void 0;
-  node.isProjectionDirty = true;
-}
-function resolveTargetDelta(node) {
-  node.resolveTargetDelta();
-}
-function calcProjection(node) {
-  node.calcProjection();
-}
-function resetSkewAndRotation(node) {
-  node.resetSkewAndRotation();
-}
-function removeLeadSnapshots(stack) {
-  stack.removeLeadSnapshot();
-}
-function mixAxisDelta(output, delta, p) {
-  output.translate = mixNumber(delta.translate, 0, p);
-  output.scale = mixNumber(delta.scale, 1, p);
-  output.origin = delta.origin;
-  output.originPoint = delta.originPoint;
-}
-function mixAxis(output, from, to, p) {
-  output.min = mixNumber(from.min, to.min, p);
-  output.max = mixNumber(from.max, to.max, p);
-}
-function mixBox(output, from, to, p) {
-  mixAxis(output.x, from.x, to.x, p);
-  mixAxis(output.y, from.y, to.y, p);
-}
-function hasOpacityCrossfade(node) {
-  return node.animationValues && node.animationValues.opacityExit !== void 0;
-}
-var defaultLayoutTransition = {
-  duration: 0.45,
-  ease: [0.4, 0, 0.1, 1]
-};
-var userAgentContains = (string) => typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(string);
-var roundPoint = userAgentContains("applewebkit/") && !userAgentContains("chrome/") ? Math.round : noop;
-function roundAxis(axis) {
-  axis.min = roundPoint(axis.min);
-  axis.max = roundPoint(axis.max);
-}
-function roundBox(box) {
-  roundAxis(box.x);
-  roundAxis(box.y);
-}
-function shouldAnimatePositionOnly(animationType, snapshot, layout2) {
-  return animationType === "position" || animationType === "preserve-aspect" && !isNear(aspectRatio(snapshot), aspectRatio(layout2), 0.2);
-}
-function checkNodeWasScrollRoot(node) {
-  var _a;
-  return node !== node.root && ((_a = node.scroll) == null ? void 0 : _a.wasRoot);
-}
-
-// node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs
-var DocumentProjectionNode = createProjectionNode({
-  attachResizeListener: (ref, notify2) => addDomEvent(ref, "resize", notify2),
-  measureScroll: () => {
-    var _a, _b;
-    return {
-      x: document.documentElement.scrollLeft || ((_a = document.body) == null ? void 0 : _a.scrollLeft) || 0,
-      y: document.documentElement.scrollTop || ((_b = document.body) == null ? void 0 : _b.scrollTop) || 0
-    };
-  },
-  checkIsScrollRoot: () => true
-});
-
-// node_modules/motion-dom/dist/es/projection/node/group.mjs
-var notify = (node) => !node.isLayoutDirty && node.willUpdate(false);
-function nodeGroup() {
-  const nodes = /* @__PURE__ */ new Set();
-  const subscriptions = /* @__PURE__ */ new WeakMap();
-  const dirtyAll = () => nodes.forEach(notify);
-  return {
-    add: (node) => {
-      nodes.add(node);
-      subscriptions.set(node, node.addEventListener("willUpdate", dirtyAll));
-    },
-    remove: (node) => {
-      nodes.delete(node);
-      const unsubscribe = subscriptions.get(node);
-      if (unsubscribe) {
-        unsubscribe();
-        subscriptions.delete(node);
-      }
-      dirtyAll();
-    },
-    dirty: dirtyAll
-  };
-}
-
-// node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs
-var rootProjectionNode = {
-  current: void 0
-};
-var HTMLProjectionNode = createProjectionNode({
-  measureScroll: (instance) => ({
-    x: instance.scrollLeft,
-    y: instance.scrollTop
-  }),
-  defaultParent: () => {
-    if (!rootProjectionNode.current) {
-      const documentNode = new DocumentProjectionNode({});
-      documentNode.mount(window);
-      documentNode.setOptions({ layoutScroll: true });
-      rootProjectionNode.current = documentNode;
-    }
-    return rootProjectionNode.current;
-  },
-  resetTransform: (instance, value) => {
-    instance.style.transform = value !== void 0 ? value : "none";
-  },
-  checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === "fixed")
-});
-
-// node_modules/motion-dom/dist/es/layout/LayoutAnimationBuilder.mjs
-var layoutSelector = "[data-layout], [data-layout-id]";
-var noop2 = () => {
-};
-function snapshotFromTarget(projection) {
-  var _a;
-  const target = projection.targetWithTransforms || projection.target;
-  if (!target)
-    return void 0;
-  const measuredBox = createBox();
-  const layoutBox = createBox();
-  copyBoxInto(measuredBox, target);
-  copyBoxInto(layoutBox, target);
-  return {
-    animationId: ((_a = projection.root) == null ? void 0 : _a.animationId) ?? 0,
-    measuredBox,
-    layoutBox,
-    latestValues: projection.animationValues || projection.latestValues || {},
-    source: projection.id
-  };
-}
-var LayoutAnimationBuilder = class {
-  constructor(scope, updateDom, defaultOptions) {
-    this.sharedTransitions = /* @__PURE__ */ new Map();
-    this.notifyReady = noop2;
-    this.rejectReady = noop2;
-    this.scope = scope;
-    this.updateDom = updateDom;
-    this.defaultOptions = defaultOptions;
-    this.readyPromise = new Promise((resolve, reject) => {
-      this.notifyReady = resolve;
-      this.rejectReady = reject;
-    });
-    frame.postRender(() => {
-      this.start().then(this.notifyReady).catch(this.rejectReady);
-    });
-  }
-  shared(id4, transition) {
-    this.sharedTransitions.set(id4, transition);
-    return this;
-  }
-  then(resolve, reject) {
-    return this.readyPromise.then(resolve, reject);
-  }
-  async start() {
-    const beforeElements = collectLayoutElements(this.scope);
-    const beforeRecords = this.buildRecords(beforeElements);
-    beforeRecords.forEach(({ projection }) => {
-      const hasCurrentAnimation = Boolean(projection.currentAnimation);
-      const isSharedLayout = Boolean(projection.options.layoutId);
-      if (hasCurrentAnimation && isSharedLayout) {
-        const snapshot = snapshotFromTarget(projection);
-        if (snapshot) {
-          projection.snapshot = snapshot;
-        } else if (projection.snapshot) {
-          projection.snapshot = void 0;
-        }
-      } else if (projection.snapshot && (projection.currentAnimation || projection.isProjecting())) {
-        projection.snapshot = void 0;
-      }
-      projection.isPresent = true;
-      projection.willUpdate();
-    });
-    await this.updateDom();
-    const afterElements = collectLayoutElements(this.scope);
-    const afterRecords = this.buildRecords(afterElements);
-    this.handleExitingElements(beforeRecords, afterRecords);
-    afterRecords.forEach(({ projection }) => {
-      var _a;
-      const instance = projection.instance;
-      const resumeFromInstance = (_a = projection.resumeFrom) == null ? void 0 : _a.instance;
-      if (!instance || !resumeFromInstance)
-        return;
-      if (!("style" in instance))
-        return;
-      const currentTransform = instance.style.transform;
-      const resumeFromTransform = resumeFromInstance.style.transform;
-      if (currentTransform && resumeFromTransform && currentTransform === resumeFromTransform) {
-        instance.style.transform = "";
-        instance.style.transformOrigin = "";
-      }
-    });
-    afterRecords.forEach(({ projection }) => {
-      projection.isPresent = true;
-    });
-    const root = getProjectionRoot(afterRecords, beforeRecords);
-    root == null ? void 0 : root.didUpdate();
-    await new Promise((resolve) => {
-      frame.postRender(() => resolve());
-    });
-    const animations2 = collectAnimations(afterRecords);
-    const animation = new GroupAnimation(animations2);
-    return animation;
-  }
-  buildRecords(elements) {
-    const records = [];
-    const recordMap = /* @__PURE__ */ new Map();
-    for (const element of elements) {
-      const parentRecord = findParentRecord(element, recordMap, this.scope);
-      const { layout: layout2, layoutId } = readLayoutAttributes(element);
-      const override = layoutId ? this.sharedTransitions.get(layoutId) : void 0;
-      const transition = override || this.defaultOptions;
-      const record2 = getOrCreateRecord(element, parentRecord == null ? void 0 : parentRecord.projection, {
-        layout: layout2,
-        layoutId,
-        animationType: typeof layout2 === "string" ? layout2 : "both",
-        transition
-      });
-      recordMap.set(element, record2);
-      records.push(record2);
-    }
-    return records;
-  }
-  handleExitingElements(beforeRecords, afterRecords) {
-    const afterElementsSet = new Set(afterRecords.map((record2) => record2.element));
-    beforeRecords.forEach((record2) => {
-      if (afterElementsSet.has(record2.element))
-        return;
-      if (record2.projection.options.layoutId) {
-        record2.projection.isPresent = false;
-        record2.projection.relegate();
-      }
-      record2.visualElement.unmount();
-      visualElementStore.delete(record2.element);
-    });
-    const beforeElementsSet = new Set(beforeRecords.map((record2) => record2.element));
-    afterRecords.forEach(({ element, projection }) => {
-      if (beforeElementsSet.has(element) && projection.resumeFrom && !projection.resumeFrom.instance && !projection.isLead()) {
-        projection.resumeFrom = void 0;
-        projection.snapshot = void 0;
-      }
-    });
-  }
-};
-function parseAnimateLayoutArgs(scopeOrUpdateDom, updateDomOrOptions, options) {
-  if (typeof scopeOrUpdateDom === "function") {
-    return {
-      scope: document,
-      updateDom: scopeOrUpdateDom,
-      defaultOptions: updateDomOrOptions
-    };
-  }
-  const elements = resolveElements(scopeOrUpdateDom);
-  const scope = elements[0] || document;
-  return {
-    scope,
-    updateDom: updateDomOrOptions,
-    defaultOptions: options
-  };
-}
-function collectLayoutElements(scope) {
-  const elements = Array.from(scope.querySelectorAll(layoutSelector));
-  if (scope instanceof Element && scope.matches(layoutSelector)) {
-    if (!elements.includes(scope)) {
-      elements.unshift(scope);
-    }
-  }
-  return elements;
-}
-function readLayoutAttributes(element) {
-  const layoutId = element.getAttribute("data-layout-id") || void 0;
-  const rawLayout = element.getAttribute("data-layout");
-  let layout2;
-  if (rawLayout === "" || rawLayout === "true") {
-    layout2 = true;
-  } else if (rawLayout) {
-    layout2 = rawLayout;
-  }
-  return {
-    layout: layout2,
-    layoutId
-  };
-}
-function createVisualState() {
-  return {
-    latestValues: {},
-    renderState: {
-      transform: {},
-      transformOrigin: {},
-      style: {},
-      vars: {}
-    }
-  };
-}
-function getOrCreateRecord(element, parentProjection, projectionOptions) {
-  const existing = visualElementStore.get(element);
-  const visualElement = existing ?? new HTMLVisualElement({
-    props: {},
-    presenceContext: null,
-    visualState: createVisualState()
-  }, { allowProjection: true });
-  if (!existing || !visualElement.projection) {
-    visualElement.projection = new HTMLProjectionNode(visualElement.latestValues, parentProjection);
-  }
-  visualElement.projection.setOptions({
-    ...projectionOptions,
-    visualElement
-  });
-  if (!visualElement.current) {
-    visualElement.mount(element);
-  } else if (!visualElement.projection.instance) {
-    visualElement.projection.mount(element);
-  }
-  if (!existing) {
-    visualElementStore.set(element, visualElement);
-  }
-  return {
-    element,
-    visualElement,
-    projection: visualElement.projection
-  };
-}
-function findParentRecord(element, recordMap, scope) {
-  let parent = element.parentElement;
-  while (parent) {
-    const record2 = recordMap.get(parent);
-    if (record2)
-      return record2;
-    if (parent === scope)
-      break;
-    parent = parent.parentElement;
-  }
-  return void 0;
-}
-function getProjectionRoot(afterRecords, beforeRecords) {
-  const record2 = afterRecords[0] || beforeRecords[0];
-  return record2 == null ? void 0 : record2.projection.root;
-}
-function collectAnimations(afterRecords) {
-  const animations2 = /* @__PURE__ */ new Set();
-  afterRecords.forEach((record2) => {
-    const animation = record2.projection.currentAnimation;
-    if (animation)
-      animations2.add(animation);
-  });
-  return Array.from(animations2);
-}
-
-// node_modules/motion-dom/dist/es/frameloop/index-legacy.mjs
-var sync = frame;
-var cancelSync = stepsOrder.reduce((acc, key) => {
-  acc[key] = (process2) => cancelFrame(process2);
-  return acc;
-}, {});
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var React2 = __toESM(require_react(), 1);
-var import_react6 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
-var import_react5 = __toESM(require_react(), 1);
-var MotionConfigContext = (0, import_react5.createContext)({
-  transformPagePoint: (p) => p,
-  isStatic: false,
-  reducedMotion: "never"
-});
-
-// node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs
-var React = __toESM(require_react(), 1);
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup === "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup === "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
-}
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React2.Component {
-  getSnapshotBeforeUpdate(prevProps) {
-    const element = this.props.childRef.current;
-    if (isHTMLElement(element) && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {
-      const parent = element.offsetParent;
-      const parentWidth = isHTMLElement(parent) ? parent.offsetWidth || 0 : 0;
-      const parentHeight = isHTMLElement(parent) ? parent.offsetHeight || 0 : 0;
-      const computedStyle = getComputedStyle(element);
-      const size = this.props.sizeRef.current;
-      size.height = parseFloat(computedStyle.height);
-      size.width = parseFloat(computedStyle.width);
-      size.top = element.offsetTop;
-      size.left = element.offsetLeft;
-      size.right = parentWidth - size.width - size.left;
-      size.bottom = parentHeight - size.height - size.top;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-};
-function PopChild({ children, isPresent: isPresent2, anchorX, anchorY, root, pop }) {
-  var _a;
-  const id4 = (0, import_react6.useId)();
-  const ref = (0, import_react6.useRef)(null);
-  const size = (0, import_react6.useRef)({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  });
-  const { nonce } = (0, import_react6.useContext)(MotionConfigContext);
-  const childRef = ((_a = children.props) == null ? void 0 : _a.ref) ?? (children == null ? void 0 : children.ref);
-  const composedRef = useComposedRefs(ref, childRef);
-  (0, import_react6.useInsertionEffect)(() => {
-    const { width, height, top, left, right, bottom } = size.current;
-    if (isPresent2 || pop === false || !ref.current || !width || !height)
-      return;
-    const x = anchorX === "left" ? `left: ${left}` : `right: ${right}`;
-    const y = anchorY === "bottom" ? `bottom: ${bottom}` : `top: ${top}`;
-    ref.current.dataset.motionPopId = id4;
-    const style2 = document.createElement("style");
-    if (nonce)
-      style2.nonce = nonce;
-    const parent = root ?? document.head;
-    parent.appendChild(style2);
-    if (style2.sheet) {
-      style2.sheet.insertRule(`
-          [data-motion-pop-id="${id4}"] {
-            position: absolute !important;
-            width: ${width}px !important;
-            height: ${height}px !important;
-            ${x}px !important;
-            ${y}px !important;
-          }
-        `);
-    }
-    return () => {
-      var _a2;
-      (_a2 = ref.current) == null ? void 0 : _a2.removeAttribute("data-motion-pop-id");
-      if (parent.contains(style2)) {
-        parent.removeChild(style2);
-      }
-    };
-  }, [isPresent2]);
-  return (0, import_jsx_runtime.jsx)(PopChildMeasure, { isPresent: isPresent2, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React2.cloneElement(children, { ref: composedRef }) });
-}
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
-var PresenceChild = ({ children, initial, isPresent: isPresent2, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, anchorY, root }) => {
-  const presenceChildren = useConstant(newChildrenMap);
-  const id4 = (0, import_react7.useId)();
-  let isReusedContext = true;
-  let context = (0, import_react7.useMemo)(() => {
-    isReusedContext = false;
-    return {
-      id: id4,
-      initial,
-      isPresent: isPresent2,
-      custom,
-      onExitComplete: (childId) => {
-        presenceChildren.set(childId, true);
-        for (const isComplete of presenceChildren.values()) {
-          if (!isComplete)
-            return;
-        }
-        onExitComplete && onExitComplete();
-      },
-      register: (childId) => {
-        presenceChildren.set(childId, false);
-        return () => presenceChildren.delete(childId);
-      }
-    };
-  }, [isPresent2, presenceChildren, onExitComplete]);
-  if (presenceAffectsLayout && isReusedContext) {
-    context = { ...context };
-  }
-  (0, import_react7.useMemo)(() => {
-    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
-  }, [isPresent2]);
-  React3.useEffect(() => {
-    !isPresent2 && !presenceChildren.size && onExitComplete && onExitComplete();
-  }, [isPresent2]);
-  children = (0, import_jsx_runtime2.jsx)(PopChild, { pop: mode === "popLayout", isPresent: isPresent2, anchorX, anchorY, root, children });
-  return (0, import_jsx_runtime2.jsx)(PresenceContext.Provider, { value: context, children });
-};
-function newChildrenMap() {
-  return /* @__PURE__ */ new Map();
-}
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
-var import_react8 = __toESM(require_react(), 1);
-function usePresence(subscribe = true) {
-  const context = (0, import_react8.useContext)(PresenceContext);
-  if (context === null)
-    return [true, null];
-  const { isPresent: isPresent2, onExitComplete, register } = context;
-  const id4 = (0, import_react8.useId)();
-  (0, import_react8.useEffect)(() => {
-    if (subscribe) {
-      return register(id4);
-    }
-  }, [subscribe]);
-  const safeToRemove = (0, import_react8.useCallback)(() => subscribe && onExitComplete && onExitComplete(id4), [id4, onExitComplete, subscribe]);
-  return !isPresent2 && onExitComplete ? [false, safeToRemove] : [true];
-}
-function useIsPresent() {
-  return isPresent((0, import_react8.useContext)(PresenceContext));
-}
-function isPresent(context) {
-  return context === null ? true : context.isPresent;
-}
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs
-var import_react9 = __toESM(require_react(), 1);
-var getChildKey = (child) => child.key || "";
-function onlyElements(children) {
-  const filtered = [];
-  import_react9.Children.forEach(children, (child) => {
-    if ((0, import_react9.isValidElement)(child))
-      filtered.push(child);
-  });
-  return filtered;
-}
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
-var AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", propagate = false, anchorX = "left", anchorY = "top", root }) => {
-  const [isParentPresent, safeToRemove] = usePresence(propagate);
-  const presentChildren = (0, import_react10.useMemo)(() => onlyElements(children), [children]);
-  const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);
-  const isInitialRender = (0, import_react10.useRef)(true);
-  const pendingPresentChildren = (0, import_react10.useRef)(presentChildren);
-  const exitComplete = useConstant(() => /* @__PURE__ */ new Map());
-  const exitingComponents = (0, import_react10.useRef)(/* @__PURE__ */ new Set());
-  const [diffedChildren, setDiffedChildren] = (0, import_react10.useState)(presentChildren);
-  const [renderedChildren, setRenderedChildren] = (0, import_react10.useState)(presentChildren);
-  useIsomorphicLayoutEffect(() => {
-    isInitialRender.current = false;
-    pendingPresentChildren.current = presentChildren;
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const key = getChildKey(renderedChildren[i]);
-      if (!presentKeys.includes(key)) {
-        if (exitComplete.get(key) !== true) {
-          exitComplete.set(key, false);
-        }
-      } else {
-        exitComplete.delete(key);
-        exitingComponents.current.delete(key);
-      }
-    }
-  }, [renderedChildren, presentKeys.length, presentKeys.join("-")]);
-  const exitingChildren = [];
-  if (presentChildren !== diffedChildren) {
-    let nextChildren = [...presentChildren];
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const child = renderedChildren[i];
-      const key = getChildKey(child);
-      if (!presentKeys.includes(key)) {
-        nextChildren.splice(i, 0, child);
-        exitingChildren.push(child);
-      }
-    }
-    if (mode === "wait" && exitingChildren.length) {
-      nextChildren = exitingChildren;
-    }
-    setRenderedChildren(onlyElements(nextChildren));
-    setDiffedChildren(presentChildren);
-    return null;
-  }
-  if (mode === "wait" && renderedChildren.length > 1) {
-    console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  }
-  const { forceRender } = (0, import_react10.useContext)(LayoutGroupContext);
-  return (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: renderedChildren.map((child) => {
-    const key = getChildKey(child);
-    const isPresent2 = propagate && !isParentPresent ? false : presentChildren === renderedChildren || presentKeys.includes(key);
-    const onExit = () => {
-      if (exitingComponents.current.has(key)) {
-        return;
-      }
-      if (exitComplete.has(key)) {
-        exitingComponents.current.add(key);
-        exitComplete.set(key, true);
-      } else {
-        return;
-      }
-      let isEveryExitComplete = true;
-      exitComplete.forEach((isExitComplete) => {
-        if (!isExitComplete)
-          isEveryExitComplete = false;
-      });
-      if (isEveryExitComplete) {
-        forceRender == null ? void 0 : forceRender();
-        setRenderedChildren(pendingPresentChildren.current);
-        propagate && (safeToRemove == null ? void 0 : safeToRemove());
-        onExitComplete && onExitComplete();
-      }
-    };
-    return (0, import_jsx_runtime3.jsx)(PresenceChild, { isPresent: isPresent2, initial: !isInitialRender.current || initial ? void 0 : false, custom, presenceAffectsLayout, mode, root, onExitComplete: isPresent2 ? void 0 : onExit, anchorX, anchorY, children: child }, key);
-  }) });
-};
-
-// node_modules/framer-motion/dist/es/components/LayoutGroup/index.mjs
-var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-var import_react14 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs
-var import_react11 = __toESM(require_react(), 1);
-var DeprecatedLayoutGroupContext = (0, import_react11.createContext)(null);
-
-// node_modules/framer-motion/dist/es/utils/use-force-update.mjs
-var import_react13 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs
-var import_react12 = __toESM(require_react(), 1);
-function useIsMounted() {
-  const isMounted = (0, import_react12.useRef)(false);
-  useIsomorphicLayoutEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-}
-
-// node_modules/framer-motion/dist/es/utils/use-force-update.mjs
-function useForceUpdate() {
-  const isMounted = useIsMounted();
-  const [forcedRenderCount, setForcedRenderCount] = (0, import_react13.useState)(0);
-  const forceRender = (0, import_react13.useCallback)(() => {
-    isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
-  }, [forcedRenderCount]);
-  const deferredForceRender = (0, import_react13.useCallback)(() => frame.postRender(forceRender), [forceRender]);
-  return [deferredForceRender, forcedRenderCount];
-}
-
-// node_modules/framer-motion/dist/es/components/LayoutGroup/index.mjs
-var shouldInheritGroup = (inherit) => inherit === true;
-var shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
-var LayoutGroup = ({ children, id: id4, inherit = true }) => {
-  const layoutGroupContext = (0, import_react14.useContext)(LayoutGroupContext);
-  const deprecatedLayoutGroupContext = (0, import_react14.useContext)(DeprecatedLayoutGroupContext);
-  const [forceRender, key] = useForceUpdate();
-  const context = (0, import_react14.useRef)(null);
-  const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
-  if (context.current === null) {
-    if (shouldInheritId(inherit) && upstreamId) {
-      id4 = id4 ? upstreamId + "-" + id4 : upstreamId;
-    }
-    context.current = {
-      id: id4,
-      group: shouldInheritGroup(inherit) ? layoutGroupContext.group || nodeGroup() : nodeGroup()
-    };
-  }
-  const memoizedContext = (0, import_react14.useMemo)(() => ({ ...context.current, forceRender }), [key]);
-  return (0, import_jsx_runtime4.jsx)(LayoutGroupContext.Provider, { value: memoizedContext, children });
-};
-
-// node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs
-var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-var import_react16 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/LazyContext.mjs
-var import_react15 = __toESM(require_react(), 1);
-var LazyContext = (0, import_react15.createContext)({ strict: false });
-
-// node_modules/framer-motion/dist/es/motion/features/definitions.mjs
-var featureProps = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-};
-var isInitialized = false;
-function initFeatureDefinitions() {
-  if (isInitialized)
-    return;
-  const initialFeatureDefinitions = {};
-  for (const key in featureProps) {
-    initialFeatureDefinitions[key] = {
-      isEnabled: (props) => featureProps[key].some((name) => !!props[name])
-    };
-  }
-  setFeatureDefinitions(initialFeatureDefinitions);
-  isInitialized = true;
-}
-function getInitializedFeatureDefinitions() {
-  initFeatureDefinitions();
-  return getFeatureDefinitions();
-}
-
-// node_modules/framer-motion/dist/es/motion/features/load-features.mjs
-function loadFeatures(features) {
-  const featureDefinitions2 = getInitializedFeatureDefinitions();
-  for (const key in features) {
-    featureDefinitions2[key] = {
-      ...featureDefinitions2[key],
-      ...features[key]
-    };
-  }
-  setFeatureDefinitions(featureDefinitions2);
-}
-
-// node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs
-function LazyMotion({ children, features, strict = false }) {
-  const [, setIsLoaded] = (0, import_react16.useState)(!isLazyBundle(features));
-  const loadedRenderer = (0, import_react16.useRef)(void 0);
-  if (!isLazyBundle(features)) {
-    const { renderer, ...loadedFeatures } = features;
-    loadedRenderer.current = renderer;
-    loadFeatures(loadedFeatures);
-  }
-  (0, import_react16.useEffect)(() => {
-    if (isLazyBundle(features)) {
-      features().then(({ renderer, ...loadedFeatures }) => {
-        loadFeatures(loadedFeatures);
-        loadedRenderer.current = renderer;
-        setIsLoaded(true);
-      });
-    }
-  }, []);
-  return (0, import_jsx_runtime5.jsx)(LazyContext.Provider, { value: { renderer: loadedRenderer.current, strict }, children });
-}
-function isLazyBundle(features) {
-  return typeof features === "function";
-}
-
-// node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs
-var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
-var import_react17 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs
-var validMotionProps = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "propagate",
-  "ignoreStrict",
-  "viewport"
-]);
-function isValidMotionProp(key) {
-  return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
-}
-
-// node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs
-var shouldForward = (key) => !isValidMotionProp(key);
-function loadExternalIsValidProp(isValidProp) {
-  if (typeof isValidProp !== "function")
-    return;
-  shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
-}
-try {
-  const emotionPkg = "@emotion/is-prop-valid";
-  loadExternalIsValidProp(__require(emotionPkg).default);
-} catch {
-}
-function filterProps(props, isDom, forwardMotionProps) {
-  const filteredProps = {};
-  for (const key in props) {
-    if (key === "values" && typeof props.values === "object")
-      continue;
-    if (isMotionValue(props[key]))
-      continue;
-    if (shouldForward(key) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
-    props["draggable"] && key.startsWith("onDrag")) {
-      filteredProps[key] = props[key];
-    }
-  }
-  return filteredProps;
-}
-
-// node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs
-function MotionConfig({ children, isValidProp, ...config }) {
-  isValidProp && loadExternalIsValidProp(isValidProp);
-  const parentConfig = (0, import_react17.useContext)(MotionConfigContext);
-  config = { ...parentConfig, ...config };
-  config.transition = resolveTransition(config.transition, parentConfig.transition);
-  config.isStatic = useConstant(() => config.isStatic);
-  const context = (0, import_react17.useMemo)(() => config, [
-    JSON.stringify(config.transition),
-    config.transformPagePoint,
-    config.reducedMotion,
-    config.skipAnimations
-  ]);
-  return (0, import_jsx_runtime6.jsx)(MotionConfigContext.Provider, { value: context, children });
-}
-
-// node_modules/framer-motion/dist/es/motion/index.mjs
-var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
-var import_react27 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/MotionContext/index.mjs
-var import_react18 = __toESM(require_react(), 1);
-var MotionContext = (0, import_react18.createContext)({});
-
-// node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
-var import_react19 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs
-function getCurrentTreeVariants(props, context) {
-  if (isControllingVariants(props)) {
-    const { initial, animate: animate2 } = props;
-    return {
-      initial: initial === false || isVariantLabel(initial) ? initial : void 0,
-      animate: isVariantLabel(animate2) ? animate2 : void 0
-    };
-  }
-  return props.inherit !== false ? context : {};
-}
-
-// node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
-function useCreateMotionContext(props) {
-  const { initial, animate: animate2 } = getCurrentTreeVariants(props, (0, import_react19.useContext)(MotionContext));
-  return (0, import_react19.useMemo)(() => ({ initial, animate: animate2 }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate2)]);
-}
-function variantLabelsAsDependency(prop) {
-  return Array.isArray(prop) ? prop.join(" ") : prop;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/use-render.mjs
-var import_react22 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/render/html/use-props.mjs
-var import_react20 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs
-var createHtmlRenderState = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
-
-// node_modules/framer-motion/dist/es/render/html/use-props.mjs
-function copyRawValuesOnly(target, source, props) {
-  for (const key in source) {
-    if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
-      target[key] = source[key];
-    }
-  }
-}
-function useInitialMotionValues({ transformTemplate }, visualState) {
-  return (0, import_react20.useMemo)(() => {
-    const state = createHtmlRenderState();
-    buildHTMLStyles(state, visualState, transformTemplate);
-    return Object.assign({}, state.vars, state.style);
-  }, [visualState]);
-}
-function useStyle(props, visualState) {
-  const styleProp = props.style || {};
-  const style2 = {};
-  copyRawValuesOnly(style2, styleProp, props);
-  Object.assign(style2, useInitialMotionValues(props, visualState));
-  return style2;
-}
-function useHTMLProps(props, visualState) {
-  const htmlProps = {};
-  const style2 = useStyle(props, visualState);
-  if (props.drag && props.dragListener !== false) {
-    htmlProps.draggable = false;
-    style2.userSelect = style2.WebkitUserSelect = style2.WebkitTouchCallout = "none";
-    style2.touchAction = props.drag === true ? "none" : `pan-${props.drag === "x" ? "y" : "x"}`;
-  }
-  if (props.tabIndex === void 0 && (props.onTap || props.onTapStart || props.whileTap)) {
-    htmlProps.tabIndex = 0;
-  }
-  htmlProps.style = style2;
-  return htmlProps;
-}
-
-// node_modules/framer-motion/dist/es/render/svg/use-props.mjs
-var import_react21 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs
-var createSvgRenderState = () => ({
-  ...createHtmlRenderState(),
-  attrs: {}
-});
-
-// node_modules/framer-motion/dist/es/render/svg/use-props.mjs
-function useSVGProps(props, visualState, _isStatic, Component3) {
-  const visualProps = (0, import_react21.useMemo)(() => {
-    const state = createSvgRenderState();
-    buildSVGAttrs(state, visualState, isSVGTag(Component3), props.transformTemplate, props.style);
-    return {
-      ...state.attrs,
-      style: { ...state.style }
-    };
-  }, [visualState]);
-  if (props.style) {
-    const rawStyles = {};
-    copyRawValuesOnly(rawStyles, props.style, props);
-    visualProps.style = { ...rawStyles, ...visualProps.style };
-  }
-  return visualProps;
-}
-
-// node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs
-var lowercaseSVGElements = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
-
-// node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs
-function isSVGComponent(Component3) {
-  if (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof Component3 !== "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    Component3.includes("-")
-  ) {
-    return false;
-  } else if (
-    /**
-     * If it's in our list of lowercase SVG tags, it's an SVG component
-     */
-    lowercaseSVGElements.indexOf(Component3) > -1 || /**
-     * If it contains a capital letter, it's an SVG component
-     */
-    /[A-Z]/u.test(Component3)
-  ) {
-    return true;
-  }
-  return false;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/use-render.mjs
-function useRender(Component3, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG) {
-  const useVisualProps = isSVG ?? isSVGComponent(Component3) ? useSVGProps : useHTMLProps;
-  const visualProps = useVisualProps(props, latestValues, isStatic, Component3);
-  const filteredProps = filterProps(props, typeof Component3 === "string", forwardMotionProps);
-  const elementProps = Component3 !== import_react22.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
-  const { children } = props;
-  const renderedChildren = (0, import_react22.useMemo)(() => isMotionValue(children) ? children.get() : children, [children]);
-  return (0, import_react22.createElement)(Component3, {
-    ...elementProps,
-    children: renderedChildren
-  });
-}
-
-// node_modules/framer-motion/dist/es/motion/utils/use-visual-state.mjs
-var import_react23 = __toESM(require_react(), 1);
-function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps3, createRenderState }, props, context, presenceContext) {
-  const state = {
-    latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps3),
-    renderState: createRenderState()
-  };
-  return state;
-}
-function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
-  const values = {};
-  const motionValues = scrapeMotionValues(props, {});
-  for (const key in motionValues) {
-    values[key] = resolveMotionValue(motionValues[key]);
-  }
-  let { initial, animate: animate2 } = props;
-  const isControllingVariants$1 = isControllingVariants(props);
-  const isVariantNode$1 = isVariantNode(props);
-  if (context && isVariantNode$1 && !isControllingVariants$1 && props.inherit !== false) {
-    if (initial === void 0)
-      initial = context.initial;
-    if (animate2 === void 0)
-      animate2 = context.animate;
-  }
-  let isInitialAnimationBlocked = presenceContext ? presenceContext.initial === false : false;
-  isInitialAnimationBlocked = isInitialAnimationBlocked || initial === false;
-  const variantToSet = isInitialAnimationBlocked ? animate2 : initial;
-  if (variantToSet && typeof variantToSet !== "boolean" && !isAnimationControls(variantToSet)) {
-    const list = Array.isArray(variantToSet) ? variantToSet : [variantToSet];
-    for (let i = 0; i < list.length; i++) {
-      const resolved = resolveVariantFromProps(props, list[i]);
-      if (resolved) {
-        const { transitionEnd, transition, ...target } = resolved;
-        for (const key in target) {
-          let valueTarget = target[key];
-          if (Array.isArray(valueTarget)) {
-            const index = isInitialAnimationBlocked ? valueTarget.length - 1 : 0;
-            valueTarget = valueTarget[index];
-          }
-          if (valueTarget !== null) {
-            values[key] = valueTarget;
-          }
-        }
-        for (const key in transitionEnd) {
-          values[key] = transitionEnd[key];
-        }
-      }
-    }
-  }
-  return values;
-}
-var makeUseVisualState = (config) => (props, isStatic) => {
-  const context = (0, import_react23.useContext)(MotionContext);
-  const presenceContext = (0, import_react23.useContext)(PresenceContext);
-  const make = () => makeState(config, props, context, presenceContext);
-  return isStatic ? make() : useConstant(make);
-};
-
-// node_modules/framer-motion/dist/es/render/html/use-html-visual-state.mjs
-var useHTMLVisualState = makeUseVisualState({
-  scrapeMotionValuesFromProps,
-  createRenderState: createHtmlRenderState
-});
-
-// node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs
-var useSVGVisualState = makeUseVisualState({
-  scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
-  createRenderState: createSvgRenderState
-});
-
-// node_modules/framer-motion/dist/es/motion/utils/symbol.mjs
-var motionComponentSymbol = Symbol.for("motionComponentSymbol");
-
-// node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
-var import_react24 = __toESM(require_react(), 1);
-function useMotionRef(visualState, visualElement, externalRef) {
-  const externalRefContainer = (0, import_react24.useRef)(externalRef);
-  (0, import_react24.useInsertionEffect)(() => {
-    externalRefContainer.current = externalRef;
-  });
-  const refCleanup = (0, import_react24.useRef)(null);
-  return (0, import_react24.useCallback)((instance) => {
-    var _a;
-    if (instance) {
-      (_a = visualState.onMount) == null ? void 0 : _a.call(visualState, instance);
-    }
-    const ref = externalRefContainer.current;
-    if (typeof ref === "function") {
-      if (instance) {
-        const cleanup = ref(instance);
-        if (typeof cleanup === "function") {
-          refCleanup.current = cleanup;
-        }
-      } else if (refCleanup.current) {
-        refCleanup.current();
-        refCleanup.current = null;
-      } else {
-        ref(instance);
-      }
-    } else if (ref) {
-      ref.current = instance;
-    }
-    if (visualElement) {
-      instance ? visualElement.mount(instance) : visualElement.unmount();
-    }
-  }, [visualElement]);
-}
-
-// node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
-var import_react26 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs
-var import_react25 = __toESM(require_react(), 1);
-var SwitchLayoutGroupContext = (0, import_react25.createContext)({});
-
-// node_modules/framer-motion/dist/es/utils/is-ref-object.mjs
-function isRefObject(ref) {
-  return ref && typeof ref === "object" && Object.prototype.hasOwnProperty.call(ref, "current");
-}
-
-// node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
-function useVisualElement(Component3, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
-  var _a, _b;
-  const { visualElement: parent } = (0, import_react26.useContext)(MotionContext);
-  const lazyContext = (0, import_react26.useContext)(LazyContext);
-  const presenceContext = (0, import_react26.useContext)(PresenceContext);
-  const motionConfig = (0, import_react26.useContext)(MotionConfigContext);
-  const reducedMotionConfig = motionConfig.reducedMotion;
-  const skipAnimations = motionConfig.skipAnimations;
-  const visualElementRef = (0, import_react26.useRef)(null);
-  const hasMountedOnce = (0, import_react26.useRef)(false);
-  createVisualElement = createVisualElement || lazyContext.renderer;
-  if (!visualElementRef.current && createVisualElement) {
-    visualElementRef.current = createVisualElement(Component3, {
-      visualState,
-      parent,
-      props,
-      presenceContext,
-      blockInitialAnimation: presenceContext ? presenceContext.initial === false : false,
-      reducedMotionConfig,
-      skipAnimations,
-      isSVG
-    });
-    if (hasMountedOnce.current && visualElementRef.current) {
-      visualElementRef.current.manuallyAnimateOnMount = true;
-    }
-  }
-  const visualElement = visualElementRef.current;
-  const initialLayoutGroupConfig = (0, import_react26.useContext)(SwitchLayoutGroupContext);
-  if (visualElement && !visualElement.projection && ProjectionNodeConstructor && (visualElement.type === "html" || visualElement.type === "svg")) {
-    createProjectionNode2(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
-  }
-  const isMounted = (0, import_react26.useRef)(false);
-  (0, import_react26.useInsertionEffect)(() => {
-    if (visualElement && isMounted.current) {
-      visualElement.update(props, presenceContext);
-    }
-  });
-  const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = (0, import_react26.useRef)(Boolean(optimisedAppearId) && typeof window !== "undefined" && !((_a = window.MotionHandoffIsComplete) == null ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) == null ? void 0 : _b.call(window, optimisedAppearId)));
-  useIsomorphicLayoutEffect(() => {
-    hasMountedOnce.current = true;
-    if (!visualElement)
-      return;
-    isMounted.current = true;
-    window.MotionIsMounted = true;
-    visualElement.updateFeatures();
-    visualElement.scheduleRenderMicrotask();
-    if (wantsHandoff.current && visualElement.animationState) {
-      visualElement.animationState.animateChanges();
-    }
-  });
-  (0, import_react26.useEffect)(() => {
-    if (!visualElement)
-      return;
-    if (!wantsHandoff.current && visualElement.animationState) {
-      visualElement.animationState.animateChanges();
-    }
-    if (wantsHandoff.current) {
-      queueMicrotask(() => {
-        var _a2;
-        (_a2 = window.MotionHandoffMarkAsComplete) == null ? void 0 : _a2.call(window, optimisedAppearId);
-      });
-      wantsHandoff.current = false;
-    }
-    visualElement.enteringChildren = void 0;
-  });
-  return visualElement;
-}
-function createProjectionNode2(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-  const { layoutId, layout: layout2, drag: drag2, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade } = props;
-  visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent));
-  visualElement.projection.setOptions({
-    layoutId,
-    layout: layout2,
-    alwaysMeasureLayout: Boolean(drag2) || dragConstraints && isRefObject(dragConstraints),
-    visualElement,
-    /**
-     * TODO: Update options in an effect. This could be tricky as it'll be too late
-     * to update by the time layout animations run.
-     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-     * ensuring it gets called if there's no potential layout animations.
-     *
-     */
-    animationType: typeof layout2 === "string" ? layout2 : "both",
-    initialPromotionConfig,
-    crossfade: layoutCrossfade,
-    layoutScroll,
-    layoutRoot
-  });
-}
-function getClosestProjectingNode(visualElement) {
-  if (!visualElement)
-    return void 0;
-  return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
-}
-
-// node_modules/framer-motion/dist/es/motion/index.mjs
-function createMotionComponent(Component3, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
-  preloadedFeatures && loadFeatures(preloadedFeatures);
-  const isSVG = type ? type === "svg" : isSVGComponent(Component3);
-  const useVisualState2 = isSVG ? useSVGVisualState : useHTMLVisualState;
-  function MotionDOMComponent(props, externalRef) {
-    let MeasureLayout2;
-    const configAndProps = {
-      ...(0, import_react27.useContext)(MotionConfigContext),
-      ...props,
-      layoutId: useLayoutId(props)
-    };
-    const { isStatic } = configAndProps;
-    const context = useCreateMotionContext(props);
-    const visualState = useVisualState2(props, isStatic);
-    if (!isStatic && typeof window !== "undefined") {
-      useStrictMode(configAndProps, preloadedFeatures);
-      const layoutProjection = getProjectionFunctionality(configAndProps);
-      MeasureLayout2 = layoutProjection.MeasureLayout;
-      context.visualElement = useVisualElement(Component3, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
-    }
-    return (0, import_jsx_runtime7.jsxs)(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? (0, import_jsx_runtime7.jsx)(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component3, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] });
-  }
-  MotionDOMComponent.displayName = `motion.${typeof Component3 === "string" ? Component3 : `create(${Component3.displayName ?? Component3.name ?? ""})`}`;
-  const ForwardRefMotionComponent = (0, import_react27.forwardRef)(MotionDOMComponent);
-  ForwardRefMotionComponent[motionComponentSymbol] = Component3;
-  return ForwardRefMotionComponent;
-}
-function useLayoutId({ layoutId }) {
-  const layoutGroupId = (0, import_react27.useContext)(LayoutGroupContext).id;
-  return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
-}
-function useStrictMode(configAndProps, preloadedFeatures) {
-  const isStrict = (0, import_react27.useContext)(LazyContext).strict;
-  if (preloadedFeatures && isStrict) {
-    const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    configAndProps.ignoreStrict ? warning(false, strictMessage, "lazy-strict-mode") : invariant(false, strictMessage, "lazy-strict-mode");
-  }
-}
-function getProjectionFunctionality(props) {
-  const featureDefinitions2 = getInitializedFeatureDefinitions();
-  const { drag: drag2, layout: layout2 } = featureDefinitions2;
-  if (!drag2 && !layout2)
-    return {};
-  const combined = { ...drag2, ...layout2 };
-  return {
-    MeasureLayout: (drag2 == null ? void 0 : drag2.isEnabled(props)) || (layout2 == null ? void 0 : layout2.isEnabled(props)) ? combined.MeasureLayout : void 0,
-    ProjectionNode: combined.ProjectionNode
-  };
-}
-
-// node_modules/framer-motion/dist/es/render/components/create-proxy.mjs
-function createMotionProxy(preloadedFeatures, createVisualElement) {
-  if (typeof Proxy === "undefined") {
-    return createMotionComponent;
-  }
-  const componentCache = /* @__PURE__ */ new Map();
-  const factory = (Component3, options) => {
-    return createMotionComponent(Component3, options, preloadedFeatures, createVisualElement);
-  };
-  const deprecatedFactoryFunction = (Component3, options) => {
-    if (true) {
-      warnOnce(false, "motion() is deprecated. Use motion.create() instead.");
-    }
-    return factory(Component3, options);
-  };
-  return new Proxy(deprecatedFactoryFunction, {
-    /**
-     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
-     * The prop name is passed through as `key` and we can use that to generate a `motion`
-     * DOM component with that name.
-     */
-    get: (_target, key) => {
-      if (key === "create")
-        return factory;
-      if (!componentCache.has(key)) {
-        componentCache.set(key, createMotionComponent(key, void 0, preloadedFeatures, createVisualElement));
-      }
-      return componentCache.get(key);
-    }
-  });
-}
-
-// node_modules/framer-motion/dist/es/render/components/m/proxy.mjs
-var m = createMotionProxy();
-
-// node_modules/framer-motion/dist/es/render/dom/create-visual-element.mjs
-var import_react28 = __toESM(require_react(), 1);
-var createDomVisualElement = (Component3, options) => {
-  const isSVG = options.isSVG ?? isSVGComponent(Component3);
-  return isSVG ? new SVGVisualElement(options) : new HTMLVisualElement(options, {
-    allowProjection: Component3 !== import_react28.Fragment
-  });
-};
-
-// node_modules/framer-motion/dist/es/motion/features/animation/index.mjs
-var AnimationFeature = class extends Feature {
-  /**
-   * We dynamically generate the AnimationState manager as it contains a reference
-   * to the underlying animation library. We only want to load that if we load this,
-   * so people can optionally code split it out using the `m` component.
-   */
-  constructor(node) {
-    super(node);
-    node.animationState || (node.animationState = createAnimationState(node));
-  }
-  updateAnimationControlsSubscription() {
-    const { animate: animate2 } = this.node.getProps();
-    if (isAnimationControls(animate2)) {
-      this.unmountControls = animate2.subscribe(this.node);
-    }
-  }
-  /**
-   * Subscribe any provided AnimationControls to the component's VisualElement
-   */
-  mount() {
-    this.updateAnimationControlsSubscription();
-  }
-  update() {
-    const { animate: animate2 } = this.node.getProps();
-    const { animate: prevAnimate } = this.node.prevProps || {};
-    if (animate2 !== prevAnimate) {
-      this.updateAnimationControlsSubscription();
-    }
-  }
-  unmount() {
-    var _a;
-    this.node.animationState.reset();
-    (_a = this.unmountControls) == null ? void 0 : _a.call(this);
-  }
-};
-
-// node_modules/framer-motion/dist/es/motion/features/animation/exit.mjs
-var id2 = 0;
-var ExitAnimationFeature = class extends Feature {
-  constructor() {
-    super(...arguments);
-    this.id = id2++;
-    this.isExitComplete = false;
-  }
-  update() {
-    var _a;
-    if (!this.node.presenceContext)
-      return;
-    const { isPresent: isPresent2, onExitComplete } = this.node.presenceContext;
-    const { isPresent: prevIsPresent } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || isPresent2 === prevIsPresent) {
-      return;
-    }
-    if (isPresent2 && prevIsPresent === false) {
-      if (this.isExitComplete) {
-        const { initial, custom } = this.node.getProps();
-        if (typeof initial === "string") {
-          const resolved = resolveVariant(this.node, initial, custom);
-          if (resolved) {
-            const { transition, transitionEnd, ...target } = resolved;
-            for (const key in target) {
-              (_a = this.node.getValue(key)) == null ? void 0 : _a.jump(target[key]);
-            }
-          }
-        }
-        this.node.animationState.reset();
-        this.node.animationState.animateChanges();
-      } else {
-        this.node.animationState.setActive("exit", false);
-      }
-      this.isExitComplete = false;
-      return;
-    }
-    const exitAnimation = this.node.animationState.setActive("exit", !isPresent2);
-    if (onExitComplete && !isPresent2) {
-      exitAnimation.then(() => {
-        this.isExitComplete = true;
-        onExitComplete(this.id);
-      });
-    }
-  }
-  mount() {
-    const { register, onExitComplete } = this.node.presenceContext || {};
-    if (onExitComplete) {
-      onExitComplete(this.id);
-    }
-    if (register) {
-      this.unmount = register(this.id);
-    }
-  }
-  unmount() {
-  }
-};
-
-// node_modules/framer-motion/dist/es/motion/features/animations.mjs
-var animations = {
-  animation: {
-    Feature: AnimationFeature
-  },
-  exit: {
-    Feature: ExitAnimationFeature
-  }
-};
-
-// node_modules/framer-motion/dist/es/events/event-info.mjs
-function extractEventInfo(event) {
-  return {
-    point: {
-      x: event.pageX,
-      y: event.pageY
-    }
-  };
-}
-var addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
-
-// node_modules/framer-motion/dist/es/events/add-pointer-event.mjs
-function addPointerEvent(target, eventName, handler, options) {
-  return addDomEvent(target, eventName, addPointerInfo(handler), options);
-}
-
-// node_modules/framer-motion/dist/es/utils/get-context-window.mjs
-var getContextWindow = ({ current: current2 }) => {
-  return current2 ? current2.ownerDocument.defaultView : null;
-};
-
-// node_modules/framer-motion/dist/es/utils/distance.mjs
-var distance = (a, b) => Math.abs(a - b);
-function distance2D(a, b) {
-  const xDelta = distance(a.x, b.x);
-  const yDelta = distance(a.y, b.y);
-  return Math.sqrt(xDelta ** 2 + yDelta ** 2);
-}
-
-// node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs
-var overflowStyles = /* @__PURE__ */ new Set(["auto", "scroll"]);
-var PanSession = class {
-  constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element } = {}) {
-    this.startEvent = null;
-    this.lastMoveEvent = null;
-    this.lastMoveEventInfo = null;
-    this.lastRawMoveEventInfo = null;
-    this.handlers = {};
-    this.contextWindow = window;
-    this.scrollPositions = /* @__PURE__ */ new Map();
-    this.removeScrollListeners = null;
-    this.onElementScroll = (event2) => {
-      this.handleScroll(event2.target);
-    };
-    this.onWindowScroll = () => {
-      this.handleScroll(window);
-    };
-    this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      if (this.lastRawMoveEventInfo) {
-        this.lastMoveEventInfo = transformPoint(this.lastRawMoveEventInfo, this.transformPagePoint);
-      }
-      const info2 = getPanInfo(this.lastMoveEventInfo, this.history);
-      const isPanStarted = this.startEvent !== null;
-      const isDistancePastThreshold = distance2D(info2.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!isPanStarted && !isDistancePastThreshold)
-        return;
-      const { point: point3 } = info2;
-      const { timestamp: timestamp2 } = frameData;
-      this.history.push({ ...point3, timestamp: timestamp2 });
-      const { onStart, onMove } = this.handlers;
-      if (!isPanStarted) {
-        onStart && onStart(this.lastMoveEvent, info2);
-        this.startEvent = this.lastMoveEvent;
-      }
-      onMove && onMove(this.lastMoveEvent, info2);
-    };
-    this.handlePointerMove = (event2, info2) => {
-      this.lastMoveEvent = event2;
-      this.lastRawMoveEventInfo = info2;
-      this.lastMoveEventInfo = transformPoint(info2, this.transformPagePoint);
-      frame.update(this.updatePoint, true);
-    };
-    this.handlePointerUp = (event2, info2) => {
-      this.end();
-      const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;
-      if (this.dragSnapToOrigin || !this.startEvent) {
-        resumeAnimation && resumeAnimation();
-      }
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const panInfo = getPanInfo(event2.type === "pointercancel" ? this.lastMoveEventInfo : transformPoint(info2, this.transformPagePoint), this.history);
-      if (this.startEvent && onEnd) {
-        onEnd(event2, panInfo);
-      }
-      onSessionEnd && onSessionEnd(event2, panInfo);
-    };
-    if (!isPrimaryPointer(event))
-      return;
-    this.dragSnapToOrigin = dragSnapToOrigin;
-    this.handlers = handlers;
-    this.transformPagePoint = transformPagePoint;
-    this.distanceThreshold = distanceThreshold;
-    this.contextWindow = contextWindow || window;
-    const info = extractEventInfo(event);
-    const initialInfo = transformPoint(info, this.transformPagePoint);
-    const { point: point2 } = initialInfo;
-    const { timestamp } = frameData;
-    this.history = [{ ...point2, timestamp }];
-    const { onSessionStart } = handlers;
-    onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
-    this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp));
-    if (element) {
-      this.startScrollTracking(element);
-    }
-  }
-  /**
-   * Start tracking scroll on ancestors and window.
-   */
-  startScrollTracking(element) {
-    let current2 = element.parentElement;
-    while (current2) {
-      const style2 = getComputedStyle(current2);
-      if (overflowStyles.has(style2.overflowX) || overflowStyles.has(style2.overflowY)) {
-        this.scrollPositions.set(current2, {
-          x: current2.scrollLeft,
-          y: current2.scrollTop
-        });
-      }
-      current2 = current2.parentElement;
-    }
-    this.scrollPositions.set(window, {
-      x: window.scrollX,
-      y: window.scrollY
-    });
-    window.addEventListener("scroll", this.onElementScroll, {
-      capture: true
-    });
-    window.addEventListener("scroll", this.onWindowScroll);
-    this.removeScrollListeners = () => {
-      window.removeEventListener("scroll", this.onElementScroll, {
-        capture: true
-      });
-      window.removeEventListener("scroll", this.onWindowScroll);
-    };
-  }
-  /**
-   * Handle scroll compensation during drag.
-   *
-   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
-   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
-   */
-  handleScroll(target) {
-    const initial = this.scrollPositions.get(target);
-    if (!initial)
-      return;
-    const isWindow = target === window;
-    const current2 = isWindow ? { x: window.scrollX, y: window.scrollY } : {
-      x: target.scrollLeft,
-      y: target.scrollTop
-    };
-    const delta = { x: current2.x - initial.x, y: current2.y - initial.y };
-    if (delta.x === 0 && delta.y === 0)
-      return;
-    if (isWindow) {
-      if (this.lastMoveEventInfo) {
-        this.lastMoveEventInfo.point.x += delta.x;
-        this.lastMoveEventInfo.point.y += delta.y;
-      }
-    } else {
-      if (this.history.length > 0) {
-        this.history[0].x -= delta.x;
-        this.history[0].y -= delta.y;
-      }
-    }
-    this.scrollPositions.set(target, current2);
-    frame.update(this.updatePoint, true);
-  }
-  updateHandlers(handlers) {
-    this.handlers = handlers;
-  }
-  end() {
-    this.removeListeners && this.removeListeners();
-    this.removeScrollListeners && this.removeScrollListeners();
-    this.scrollPositions.clear();
-    cancelFrame(this.updatePoint);
-  }
-};
-function transformPoint(info, transformPagePoint) {
-  return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
-}
-function subtractPoint(a, b) {
-  return { x: a.x - b.x, y: a.y - b.y };
-}
-function getPanInfo({ point: point2 }, history) {
-  return {
-    point: point2,
-    delta: subtractPoint(point2, lastDevicePoint(history)),
-    offset: subtractPoint(point2, startDevicePoint(history)),
-    velocity: getVelocity(history, 0.1)
-  };
-}
-function startDevicePoint(history) {
-  return history[0];
-}
-function lastDevicePoint(history) {
-  return history[history.length - 1];
-}
-function getVelocity(history, timeDelta) {
-  if (history.length < 2) {
-    return { x: 0, y: 0 };
-  }
-  let i = history.length - 1;
-  let timestampedPoint = null;
-  const lastPoint = lastDevicePoint(history);
-  while (i >= 0) {
-    timestampedPoint = history[i];
-    if (lastPoint.timestamp - timestampedPoint.timestamp > secondsToMilliseconds(timeDelta)) {
-      break;
-    }
-    i--;
-  }
-  if (!timestampedPoint) {
-    return { x: 0, y: 0 };
-  }
-  if (timestampedPoint === history[0] && history.length > 2 && lastPoint.timestamp - timestampedPoint.timestamp > secondsToMilliseconds(timeDelta) * 2) {
-    timestampedPoint = history[1];
-  }
-  const time2 = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);
-  if (time2 === 0) {
-    return { x: 0, y: 0 };
-  }
-  const currentVelocity = {
-    x: (lastPoint.x - timestampedPoint.x) / time2,
-    y: (lastPoint.y - timestampedPoint.y) / time2
-  };
-  if (currentVelocity.x === Infinity) {
-    currentVelocity.x = 0;
-  }
-  if (currentVelocity.y === Infinity) {
-    currentVelocity.y = 0;
-  }
-  return currentVelocity;
-}
-
-// node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.mjs
-function applyConstraints(point2, { min, max }, elastic) {
-  if (min !== void 0 && point2 < min) {
-    point2 = elastic ? mixNumber(min, point2, elastic.min) : Math.max(point2, min);
-  } else if (max !== void 0 && point2 > max) {
-    point2 = elastic ? mixNumber(max, point2, elastic.max) : Math.min(point2, max);
-  }
-  return point2;
-}
-function calcRelativeAxisConstraints(axis, min, max) {
-  return {
-    min: min !== void 0 ? axis.min + min : void 0,
-    max: max !== void 0 ? axis.max + max - (axis.max - axis.min) : void 0
-  };
-}
-function calcRelativeConstraints(layoutBox, { top, left, bottom, right }) {
-  return {
-    x: calcRelativeAxisConstraints(layoutBox.x, left, right),
-    y: calcRelativeAxisConstraints(layoutBox.y, top, bottom)
-  };
-}
-function calcViewportAxisConstraints(layoutAxis, constraintsAxis) {
-  let min = constraintsAxis.min - layoutAxis.min;
-  let max = constraintsAxis.max - layoutAxis.max;
-  if (constraintsAxis.max - constraintsAxis.min < layoutAxis.max - layoutAxis.min) {
-    [min, max] = [max, min];
-  }
-  return { min, max };
-}
-function calcViewportConstraints(layoutBox, constraintsBox) {
-  return {
-    x: calcViewportAxisConstraints(layoutBox.x, constraintsBox.x),
-    y: calcViewportAxisConstraints(layoutBox.y, constraintsBox.y)
-  };
-}
-function calcOrigin(source, target) {
-  let origin = 0.5;
-  const sourceLength = calcLength(source);
-  const targetLength = calcLength(target);
-  if (targetLength > sourceLength) {
-    origin = progress(target.min, target.max - sourceLength, source.min);
-  } else if (sourceLength > targetLength) {
-    origin = progress(source.min, source.max - targetLength, target.min);
-  }
-  return clamp(0, 1, origin);
-}
-function rebaseAxisConstraints(layout2, constraints) {
-  const relativeConstraints = {};
-  if (constraints.min !== void 0) {
-    relativeConstraints.min = constraints.min - layout2.min;
-  }
-  if (constraints.max !== void 0) {
-    relativeConstraints.max = constraints.max - layout2.min;
-  }
-  return relativeConstraints;
-}
-var defaultElastic = 0.35;
-function resolveDragElastic(dragElastic = defaultElastic) {
-  if (dragElastic === false) {
-    dragElastic = 0;
-  } else if (dragElastic === true) {
-    dragElastic = defaultElastic;
-  }
-  return {
-    x: resolveAxisElastic(dragElastic, "left", "right"),
-    y: resolveAxisElastic(dragElastic, "top", "bottom")
-  };
-}
-function resolveAxisElastic(dragElastic, minLabel, maxLabel) {
-  return {
-    min: resolvePointElastic(dragElastic, minLabel),
-    max: resolvePointElastic(dragElastic, maxLabel)
-  };
-}
-function resolvePointElastic(dragElastic, label) {
-  return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
-}
-
-// node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs
-var elementDragControls = /* @__PURE__ */ new WeakMap();
-var VisualElementDragControls = class {
-  constructor(visualElement) {
-    this.openDragLock = null;
-    this.isDragging = false;
-    this.currentDirection = null;
-    this.originPoint = { x: 0, y: 0 };
-    this.constraints = false;
-    this.hasMutatedConstraints = false;
-    this.elastic = createBox();
-    this.latestPointerEvent = null;
-    this.latestPanInfo = null;
-    this.visualElement = visualElement;
-  }
-  start(originEvent, { snapToCursor = false, distanceThreshold } = {}) {
-    const { presenceContext } = this.visualElement;
-    if (presenceContext && presenceContext.isPresent === false)
-      return;
-    const onSessionStart = (event) => {
-      if (snapToCursor) {
-        this.snapToCursor(extractEventInfo(event).point);
-      }
-      this.stopAnimation();
-    };
-    const onStart = (event, info) => {
-      const { drag: drag2, dragPropagation, onDragStart } = this.getProps();
-      if (drag2 && !dragPropagation) {
-        if (this.openDragLock)
-          this.openDragLock();
-        this.openDragLock = setDragLock(drag2);
-        if (!this.openDragLock)
-          return;
-      }
-      this.latestPointerEvent = event;
-      this.latestPanInfo = info;
-      this.isDragging = true;
-      this.currentDirection = null;
-      this.resolveConstraints();
-      if (this.visualElement.projection) {
-        this.visualElement.projection.isAnimationBlocked = true;
-        this.visualElement.projection.target = void 0;
-      }
-      eachAxis((axis) => {
-        let current2 = this.getAxisMotionValue(axis).get() || 0;
-        if (percent.test(current2)) {
-          const { projection } = this.visualElement;
-          if (projection && projection.layout) {
-            const measuredAxis = projection.layout.layoutBox[axis];
-            if (measuredAxis) {
-              const length = calcLength(measuredAxis);
-              current2 = length * (parseFloat(current2) / 100);
-            }
-          }
-        }
-        this.originPoint[axis] = current2;
-      });
-      if (onDragStart) {
-        frame.update(() => onDragStart(event, info), false, true);
-      }
-      addValueToWillChange(this.visualElement, "transform");
-      const { animationState } = this.visualElement;
-      animationState && animationState.setActive("whileDrag", true);
-    };
-    const onMove = (event, info) => {
-      this.latestPointerEvent = event;
-      this.latestPanInfo = info;
-      const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag } = this.getProps();
-      if (!dragPropagation && !this.openDragLock)
-        return;
-      const { offset } = info;
-      if (dragDirectionLock && this.currentDirection === null) {
-        this.currentDirection = getCurrentDirection(offset);
-        if (this.currentDirection !== null) {
-          onDirectionLock && onDirectionLock(this.currentDirection);
-        }
-        return;
-      }
-      this.updateAxis("x", info.point, offset);
-      this.updateAxis("y", info.point, offset);
-      this.visualElement.render();
-      if (onDrag) {
-        frame.update(() => onDrag(event, info), false, true);
-      }
-    };
-    const onSessionEnd = (event, info) => {
-      this.latestPointerEvent = event;
-      this.latestPanInfo = info;
-      this.stop(event, info);
-      this.latestPointerEvent = null;
-      this.latestPanInfo = null;
-    };
-    const resumeAnimation = () => {
-      const { dragSnapToOrigin: snap } = this.getProps();
-      if (snap || this.constraints) {
-        this.startAnimation({ x: 0, y: 0 });
-      }
-    };
-    const { dragSnapToOrigin } = this.getProps();
-    this.panSession = new PanSession(originEvent, {
-      onSessionStart,
-      onStart,
-      onMove,
-      onSessionEnd,
-      resumeAnimation
-    }, {
-      transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin,
-      distanceThreshold,
-      contextWindow: getContextWindow(this.visualElement),
-      element: this.visualElement.current
-    });
-  }
-  /**
-   * @internal
-   */
-  stop(event, panInfo) {
-    const finalEvent = event || this.latestPointerEvent;
-    const finalPanInfo = panInfo || this.latestPanInfo;
-    const isDragging2 = this.isDragging;
-    this.cancel();
-    if (!isDragging2 || !finalPanInfo || !finalEvent)
-      return;
-    const { velocity } = finalPanInfo;
-    this.startAnimation(velocity);
-    const { onDragEnd } = this.getProps();
-    if (onDragEnd) {
-      frame.postRender(() => onDragEnd(finalEvent, finalPanInfo));
-    }
-  }
-  /**
-   * @internal
-   */
-  cancel() {
-    this.isDragging = false;
-    const { projection, animationState } = this.visualElement;
-    if (projection) {
-      projection.isAnimationBlocked = false;
-    }
-    this.endPanSession();
-    const { dragPropagation } = this.getProps();
-    if (!dragPropagation && this.openDragLock) {
-      this.openDragLock();
-      this.openDragLock = null;
-    }
-    animationState && animationState.setActive("whileDrag", false);
-  }
-  /**
-   * Clean up the pan session without modifying other drag state.
-   * This is used during unmount to ensure event listeners are removed
-   * without affecting projection animations or drag locks.
-   * @internal
-   */
-  endPanSession() {
-    this.panSession && this.panSession.end();
-    this.panSession = void 0;
-  }
-  updateAxis(axis, _point, offset) {
-    const { drag: drag2 } = this.getProps();
-    if (!offset || !shouldDrag(axis, drag2, this.currentDirection))
-      return;
-    const axisValue = this.getAxisMotionValue(axis);
-    let next2 = this.originPoint[axis] + offset[axis];
-    if (this.constraints && this.constraints[axis]) {
-      next2 = applyConstraints(next2, this.constraints[axis], this.elastic[axis]);
-    }
-    axisValue.set(next2);
-  }
-  resolveConstraints() {
-    var _a;
-    const { dragConstraints, dragElastic } = this.getProps();
-    const layout2 = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(false) : (_a = this.visualElement.projection) == null ? void 0 : _a.layout;
-    const prevConstraints = this.constraints;
-    if (dragConstraints && isRefObject(dragConstraints)) {
-      if (!this.constraints) {
-        this.constraints = this.resolveRefConstraints();
-      }
-    } else {
-      if (dragConstraints && layout2) {
-        this.constraints = calcRelativeConstraints(layout2.layoutBox, dragConstraints);
-      } else {
-        this.constraints = false;
-      }
-    }
-    this.elastic = resolveDragElastic(dragElastic);
-    if (prevConstraints !== this.constraints && !isRefObject(dragConstraints) && layout2 && this.constraints && !this.hasMutatedConstraints) {
-      eachAxis((axis) => {
-        if (this.constraints !== false && this.getAxisMotionValue(axis)) {
-          this.constraints[axis] = rebaseAxisConstraints(layout2.layoutBox[axis], this.constraints[axis]);
-        }
-      });
-    }
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();
-    if (!constraints || !isRefObject(constraints))
-      return false;
-    const constraintsElement = constraints.current;
-    invariant(constraintsElement !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
-    const { projection } = this.visualElement;
-    if (!projection || !projection.layout)
-      return false;
-    const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());
-    let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);
-    if (onMeasureDragConstraints) {
-      const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));
-      this.hasMutatedConstraints = !!userConstraints;
-      if (userConstraints) {
-        measuredConstraints = convertBoundingBoxToBox(userConstraints);
-      }
-    }
-    return measuredConstraints;
-  }
-  startAnimation(velocity) {
-    const { drag: drag2, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd } = this.getProps();
-    const constraints = this.constraints || {};
-    const momentumAnimations = eachAxis((axis) => {
-      if (!shouldDrag(axis, drag2, this.currentDirection)) {
-        return;
-      }
-      let transition = constraints && constraints[axis] || {};
-      if (dragSnapToOrigin === true || dragSnapToOrigin === axis)
-        transition = { min: 0, max: 0 };
-      const bounceStiffness = dragElastic ? 200 : 1e6;
-      const bounceDamping = dragElastic ? 40 : 1e7;
-      const inertia2 = {
-        type: "inertia",
-        velocity: dragMomentum ? velocity[axis] : 0,
-        bounceStiffness,
-        bounceDamping,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...dragTransition,
-        ...transition
-      };
-      return this.startAxisValueAnimation(axis, inertia2);
-    });
-    return Promise.all(momentumAnimations).then(onDragTransitionEnd);
-  }
-  startAxisValueAnimation(axis, transition) {
-    const axisValue = this.getAxisMotionValue(axis);
-    addValueToWillChange(this.visualElement, axis);
-    return axisValue.start(animateMotionValue(axis, axisValue, 0, transition, this.visualElement, false));
-  }
-  stopAnimation() {
-    eachAxis((axis) => this.getAxisMotionValue(axis).stop());
-  }
-  /**
-   * Drag works differently depending on which props are provided.
-   *
-   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
-   * - Otherwise, we apply the delta to the x/y motion values.
-   */
-  getAxisMotionValue(axis) {
-    const dragKey = `_drag${axis.toUpperCase()}`;
-    const props = this.visualElement.getProps();
-    const externalMotionValue = props[dragKey];
-    return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis, (props.initial ? props.initial[axis] : void 0) || 0);
-  }
-  snapToCursor(point2) {
-    eachAxis((axis) => {
-      const { drag: drag2 } = this.getProps();
-      if (!shouldDrag(axis, drag2, this.currentDirection))
-        return;
-      const { projection } = this.visualElement;
-      const axisValue = this.getAxisMotionValue(axis);
-      if (projection && projection.layout) {
-        const { min, max } = projection.layout.layoutBox[axis];
-        const current2 = axisValue.get() || 0;
-        axisValue.set(point2[axis] - mixNumber(min, max, 0.5) + current2);
-      }
-    });
-  }
-  /**
-   * When the viewport resizes we want to check if the measured constraints
-   * have changed and, if so, reposition the element within those new constraints
-   * relative to where it was before the resize.
-   */
-  scalePositionWithinConstraints() {
-    if (!this.visualElement.current)
-      return;
-    const { drag: drag2, dragConstraints } = this.getProps();
-    const { projection } = this.visualElement;
-    if (!isRefObject(dragConstraints) || !projection || !this.constraints)
-      return;
-    this.stopAnimation();
-    const boxProgress = { x: 0, y: 0 };
-    eachAxis((axis) => {
-      const axisValue = this.getAxisMotionValue(axis);
-      if (axisValue && this.constraints !== false) {
-        const latest = axisValue.get();
-        boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);
-      }
-    });
-    const { transformTemplate } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = transformTemplate ? transformTemplate({}, "") : "none";
-    projection.root && projection.root.updateScroll();
-    projection.updateLayout();
-    this.constraints = false;
-    this.resolveConstraints();
-    eachAxis((axis) => {
-      if (!shouldDrag(axis, drag2, null))
-        return;
-      const axisValue = this.getAxisMotionValue(axis);
-      const { min, max } = this.constraints[axis];
-      axisValue.set(mixNumber(min, max, boxProgress[axis]));
-    });
-    this.visualElement.render();
-  }
-  addListeners() {
-    if (!this.visualElement.current)
-      return;
-    elementDragControls.set(this.visualElement, this);
-    const element = this.visualElement.current;
-    const stopPointerListener = addPointerEvent(element, "pointerdown", (event) => {
-      const { drag: drag2, dragListener = true } = this.getProps();
-      const target = event.target;
-      const isClickingTextInputChild = target !== element && isElementTextInput(target);
-      if (drag2 && dragListener && !isClickingTextInputChild) {
-        this.start(event);
-      }
-    });
-    let stopResizeObservers;
-    const measureDragConstraints = () => {
-      const { dragConstraints } = this.getProps();
-      if (isRefObject(dragConstraints) && dragConstraints.current) {
-        this.constraints = this.resolveRefConstraints();
-        if (!stopResizeObservers) {
-          stopResizeObservers = startResizeObservers(element, dragConstraints.current, () => this.scalePositionWithinConstraints());
-        }
-      }
-    };
-    const { projection } = this.visualElement;
-    const stopMeasureLayoutListener = projection.addEventListener("measure", measureDragConstraints);
-    if (projection && !projection.layout) {
-      projection.root && projection.root.updateScroll();
-      projection.updateLayout();
-    }
-    frame.read(measureDragConstraints);
-    const stopResizeListener = addDomEvent(window, "resize", () => this.scalePositionWithinConstraints());
-    const stopLayoutUpdateListener = projection.addEventListener("didUpdate", (({ delta, hasLayoutChanged }) => {
-      if (this.isDragging && hasLayoutChanged) {
-        eachAxis((axis) => {
-          const motionValue2 = this.getAxisMotionValue(axis);
-          if (!motionValue2)
-            return;
-          this.originPoint[axis] += delta[axis].translate;
-          motionValue2.set(motionValue2.get() + delta[axis].translate);
-        });
-        this.visualElement.render();
-      }
-    }));
-    return () => {
-      stopResizeListener();
-      stopPointerListener();
-      stopMeasureLayoutListener();
-      stopLayoutUpdateListener && stopLayoutUpdateListener();
-      stopResizeObservers && stopResizeObservers();
-    };
-  }
-  getProps() {
-    const props = this.visualElement.getProps();
-    const { drag: drag2 = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true } = props;
-    return {
-      ...props,
-      drag: drag2,
-      dragDirectionLock,
-      dragPropagation,
-      dragConstraints,
-      dragElastic,
-      dragMomentum
-    };
-  }
-};
-function skipFirstCall(callback) {
-  let isFirst = true;
-  return () => {
-    if (isFirst) {
-      isFirst = false;
-      return;
-    }
-    callback();
-  };
-}
-function startResizeObservers(element, constraintsElement, onResize) {
-  const stopElement = resize(element, skipFirstCall(onResize));
-  const stopContainer = resize(constraintsElement, skipFirstCall(onResize));
-  return () => {
-    stopElement();
-    stopContainer();
-  };
-}
-function shouldDrag(direction, drag2, currentDirection) {
-  return (drag2 === true || drag2 === direction) && (currentDirection === null || currentDirection === direction);
-}
-function getCurrentDirection(offset, lockThreshold = 10) {
-  let direction = null;
-  if (Math.abs(offset.y) > lockThreshold) {
-    direction = "y";
-  } else if (Math.abs(offset.x) > lockThreshold) {
-    direction = "x";
-  }
-  return direction;
-}
-
-// node_modules/framer-motion/dist/es/gestures/drag/index.mjs
-var DragGesture = class extends Feature {
-  constructor(node) {
-    super(node);
-    this.removeGroupControls = noop;
-    this.removeListeners = noop;
-    this.controls = new VisualElementDragControls(node);
-  }
-  mount() {
-    const { dragControls } = this.node.getProps();
-    if (dragControls) {
-      this.removeGroupControls = dragControls.subscribe(this.controls);
-    }
-    this.removeListeners = this.controls.addListeners() || noop;
-  }
-  update() {
-    const { dragControls } = this.node.getProps();
-    const { dragControls: prevDragControls } = this.node.prevProps || {};
-    if (dragControls !== prevDragControls) {
-      this.removeGroupControls();
-      if (dragControls) {
-        this.removeGroupControls = dragControls.subscribe(this.controls);
-      }
-    }
-  }
-  unmount() {
-    this.removeGroupControls();
-    this.removeListeners();
-    if (!this.controls.isDragging) {
-      this.controls.endPanSession();
-    }
-  }
-};
-
-// node_modules/framer-motion/dist/es/gestures/pan/index.mjs
-var asyncHandler = (handler) => (event, info) => {
-  if (handler) {
-    frame.update(() => handler(event, info), false, true);
-  }
-};
-var PanGesture = class extends Feature {
-  constructor() {
-    super(...arguments);
-    this.removePointerDownListener = noop;
-  }
-  onPointerDown(pointerDownEvent) {
-    this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {
-      transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: getContextWindow(this.node)
-    });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();
-    return {
-      onSessionStart: asyncHandler(onPanSessionStart),
-      onStart: asyncHandler(onPanStart),
-      onMove: asyncHandler(onPan),
-      onEnd: (event, info) => {
-        delete this.session;
-        if (onPanEnd) {
-          frame.postRender(() => onPanEnd(event, info));
-        }
-      }
-    };
-  }
-  mount() {
-    this.removePointerDownListener = addPointerEvent(this.node.current, "pointerdown", (event) => this.onPointerDown(event));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener();
-    this.session && this.session.end();
-  }
-};
-
-// node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
-var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
-var import_react29 = __toESM(require_react(), 1);
-var hasTakenAnySnapshot = false;
-var MeasureLayoutWithContext = class extends import_react29.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;
-    const { projection } = visualElement;
-    if (projection) {
-      if (layoutGroup.group)
-        layoutGroup.group.add(projection);
-      if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {
-        switchLayoutGroup.register(projection);
-      }
-      if (hasTakenAnySnapshot) {
-        projection.root.didUpdate();
-      }
-      projection.addEventListener("animationComplete", () => {
-        this.safeToRemove();
-      });
-      projection.setOptions({
-        ...projection.options,
-        layoutDependency: this.props.layoutDependency,
-        onExitComplete: () => this.safeToRemove()
-      });
-    }
-    globalProjectionState.hasEverUpdated = true;
-  }
-  getSnapshotBeforeUpdate(prevProps) {
-    const { layoutDependency, visualElement, drag: drag2, isPresent: isPresent2 } = this.props;
-    const { projection } = visualElement;
-    if (!projection)
-      return null;
-    projection.isPresent = isPresent2;
-    if (prevProps.layoutDependency !== layoutDependency) {
-      projection.setOptions({
-        ...projection.options,
-        layoutDependency
-      });
-    }
-    hasTakenAnySnapshot = true;
-    if (drag2 || prevProps.layoutDependency !== layoutDependency || layoutDependency === void 0 || prevProps.isPresent !== isPresent2) {
-      projection.willUpdate();
-    } else {
-      this.safeToRemove();
-    }
-    if (prevProps.isPresent !== isPresent2) {
-      if (isPresent2) {
-        projection.promote();
-      } else if (!projection.relegate()) {
-        frame.postRender(() => {
-          const stack = projection.getStack();
-          if (!stack || !stack.members.length) {
-            this.safeToRemove();
-          }
-        });
-      }
-    }
-    return null;
-  }
-  componentDidUpdate() {
-    const { projection } = this.props.visualElement;
-    if (projection) {
-      projection.root.didUpdate();
-      microtask.postRender(() => {
-        if (!projection.currentAnimation && projection.isLead()) {
-          this.safeToRemove();
-        }
-      });
-    }
-  }
-  componentWillUnmount() {
-    const { visualElement, layoutGroup, switchLayoutGroup: promoteContext } = this.props;
-    const { projection } = visualElement;
-    hasTakenAnySnapshot = true;
-    if (projection) {
-      projection.scheduleCheckAfterUnmount();
-      if (layoutGroup && layoutGroup.group)
-        layoutGroup.group.remove(projection);
-      if (promoteContext && promoteContext.deregister)
-        promoteContext.deregister(projection);
-    }
-  }
-  safeToRemove() {
-    const { safeToRemove } = this.props;
-    safeToRemove && safeToRemove();
-  }
-  render() {
-    return null;
-  }
-};
-function MeasureLayout(props) {
-  const [isPresent2, safeToRemove] = usePresence();
-  const layoutGroup = (0, import_react29.useContext)(LayoutGroupContext);
-  return (0, import_jsx_runtime8.jsx)(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: (0, import_react29.useContext)(SwitchLayoutGroupContext), isPresent: isPresent2, safeToRemove });
-}
-
-// node_modules/framer-motion/dist/es/motion/features/drag.mjs
-var drag = {
-  pan: {
-    Feature: PanGesture
-  },
-  drag: {
-    Feature: DragGesture,
-    ProjectionNode: HTMLProjectionNode,
-    MeasureLayout
-  }
-};
-
-// node_modules/framer-motion/dist/es/gestures/hover.mjs
-function handleHoverEvent(node, event, lifecycle) {
-  const { props } = node;
-  if (node.animationState && props.whileHover) {
-    node.animationState.setActive("whileHover", lifecycle === "Start");
-  }
-  const eventName = "onHover" + lifecycle;
-  const callback = props[eventName];
-  if (callback) {
-    frame.postRender(() => callback(event, extractEventInfo(event)));
-  }
-}
-var HoverGesture = class extends Feature {
-  mount() {
-    const { current: current2 } = this.node;
-    if (!current2)
-      return;
-    this.unmount = hover(current2, (_element, startEvent) => {
-      handleHoverEvent(this.node, startEvent, "Start");
-      return (endEvent) => handleHoverEvent(this.node, endEvent, "End");
-    });
-  }
-  unmount() {
-  }
-};
-
-// node_modules/framer-motion/dist/es/gestures/focus.mjs
-var FocusGesture = class extends Feature {
-  constructor() {
-    super(...arguments);
-    this.isActive = false;
-  }
-  onFocus() {
-    let isFocusVisible = false;
-    try {
-      isFocusVisible = this.node.current.matches(":focus-visible");
-    } catch (e) {
-      isFocusVisible = true;
-    }
-    if (!isFocusVisible || !this.node.animationState)
-      return;
-    this.node.animationState.setActive("whileFocus", true);
-    this.isActive = true;
-  }
-  onBlur() {
-    if (!this.isActive || !this.node.animationState)
-      return;
-    this.node.animationState.setActive("whileFocus", false);
-    this.isActive = false;
-  }
-  mount() {
-    this.unmount = pipe(addDomEvent(this.node.current, "focus", () => this.onFocus()), addDomEvent(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
-};
-
-// node_modules/framer-motion/dist/es/gestures/press.mjs
-function handlePressEvent(node, event, lifecycle) {
-  const { props } = node;
-  if (node.current instanceof HTMLButtonElement && node.current.disabled) {
-    return;
-  }
-  if (node.animationState && props.whileTap) {
-    node.animationState.setActive("whileTap", lifecycle === "Start");
-  }
-  const eventName = "onTap" + (lifecycle === "End" ? "" : lifecycle);
-  const callback = props[eventName];
-  if (callback) {
-    frame.postRender(() => callback(event, extractEventInfo(event)));
-  }
-}
-var PressGesture = class extends Feature {
-  mount() {
-    const { current: current2 } = this.node;
-    if (!current2)
-      return;
-    const { globalTapTarget, propagate } = this.node.props;
-    this.unmount = press(current2, (_element, startEvent) => {
-      handlePressEvent(this.node, startEvent, "Start");
-      return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
-    }, {
-      useGlobalTarget: globalTapTarget,
-      stopPropagation: (propagate == null ? void 0 : propagate.tap) === false
-    });
-  }
-  unmount() {
-  }
-};
-
-// node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs
-var observerCallbacks = /* @__PURE__ */ new WeakMap();
-var observers = /* @__PURE__ */ new WeakMap();
-var fireObserverCallback = (entry) => {
-  const callback = observerCallbacks.get(entry.target);
-  callback && callback(entry);
-};
-var fireAllObserverCallbacks = (entries) => {
-  entries.forEach(fireObserverCallback);
-};
-function initIntersectionObserver({ root, ...options }) {
-  const lookupRoot = root || document;
-  if (!observers.has(lookupRoot)) {
-    observers.set(lookupRoot, {});
-  }
-  const rootObservers = observers.get(lookupRoot);
-  const key = JSON.stringify(options);
-  if (!rootObservers[key]) {
-    rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });
-  }
-  return rootObservers[key];
-}
-function observeIntersection(element, options, callback) {
-  const rootInteresectionObserver = initIntersectionObserver(options);
-  observerCallbacks.set(element, callback);
-  rootInteresectionObserver.observe(element);
-  return () => {
-    observerCallbacks.delete(element);
-    rootInteresectionObserver.unobserve(element);
-  };
-}
-
-// node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs
-var thresholdNames = {
-  some: 0,
-  all: 1
-};
-var InViewFeature = class extends Feature {
-  constructor() {
-    super(...arguments);
-    this.hasEnteredView = false;
-    this.isInView = false;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport = {} } = this.node.getProps();
-    const { root, margin: rootMargin, amount = "some", once } = viewport;
-    const options = {
-      root: root ? root.current : void 0,
-      rootMargin,
-      threshold: typeof amount === "number" ? amount : thresholdNames[amount]
-    };
-    const onIntersectionUpdate = (entry) => {
-      const { isIntersecting } = entry;
-      if (this.isInView === isIntersecting)
-        return;
-      this.isInView = isIntersecting;
-      if (once && !isIntersecting && this.hasEnteredView) {
-        return;
-      } else if (isIntersecting) {
-        this.hasEnteredView = true;
-      }
-      if (this.node.animationState) {
-        this.node.animationState.setActive("whileInView", isIntersecting);
-      }
-      const { onViewportEnter, onViewportLeave } = this.node.getProps();
-      const callback = isIntersecting ? onViewportEnter : onViewportLeave;
-      callback && callback(entry);
-    };
-    return observeIntersection(this.node.current, options, onIntersectionUpdate);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver === "undefined")
-      return;
-    const { props, prevProps } = this.node;
-    const hasOptionsChanged = ["amount", "margin", "root"].some(hasViewportOptionChanged(props, prevProps));
-    if (hasOptionsChanged) {
-      this.startObserver();
-    }
-  }
-  unmount() {
-  }
-};
-function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {
-  return (name) => viewport[name] !== prevViewport[name];
-}
-
-// node_modules/framer-motion/dist/es/motion/features/gestures.mjs
-var gestureAnimations = {
-  inView: {
-    Feature: InViewFeature
-  },
-  tap: {
-    Feature: PressGesture
-  },
-  focus: {
-    Feature: FocusGesture
-  },
-  hover: {
-    Feature: HoverGesture
-  }
-};
-
-// node_modules/framer-motion/dist/es/motion/features/layout.mjs
-var layout = {
-  layout: {
-    ProjectionNode: HTMLProjectionNode,
-    MeasureLayout
-  }
-};
-
-// node_modules/framer-motion/dist/es/render/components/motion/feature-bundle.mjs
-var featureBundle = {
-  ...animations,
-  ...gestureAnimations,
-  ...drag,
-  ...layout
-};
-
-// node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
-var motion = createMotionProxy(featureBundle, createDomVisualElement);
-
-// node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs
-var import_react30 = __toESM(require_react(), 1);
-function useUnmountEffect(callback) {
-  return (0, import_react30.useEffect)(() => () => callback(), []);
-}
-
-// node_modules/framer-motion/dist/es/render/dom/features-animation.mjs
-var domAnimation = {
-  renderer: createDomVisualElement,
-  ...animations,
-  ...gestureAnimations
-};
-
-// node_modules/framer-motion/dist/es/render/dom/features-max.mjs
-var domMax = {
-  ...domAnimation,
-  ...drag,
-  ...layout
-};
-
-// node_modules/framer-motion/dist/es/render/dom/features-min.mjs
-var domMin = {
-  renderer: createDomVisualElement,
-  ...animations
-};
-
-// node_modules/framer-motion/dist/es/utils/use-motion-value-event.mjs
-var import_react31 = __toESM(require_react(), 1);
-function useMotionValueEvent(value, event, callback) {
-  (0, import_react31.useInsertionEffect)(() => value.on(event, callback), [value, event, callback]);
-}
-
-// node_modules/framer-motion/dist/es/value/use-scroll.mjs
-var import_react32 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/utils/can-use-native-timeline.mjs
-function canUseNativeTimeline(target) {
-  if (typeof window === "undefined")
-    return false;
-  return target ? supportsViewTimeline() : supportsScrollTimeline();
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/info.mjs
-var maxElapsed2 = 50;
-var createAxisInfo = () => ({
-  current: 0,
-  offset: [],
-  progress: 0,
-  scrollLength: 0,
-  targetOffset: 0,
-  targetLength: 0,
-  containerLength: 0,
-  velocity: 0
-});
-var createScrollInfo = () => ({
-  time: 0,
-  x: createAxisInfo(),
-  y: createAxisInfo()
-});
-var keys = {
-  x: {
-    length: "Width",
-    position: "Left"
-  },
-  y: {
-    length: "Height",
-    position: "Top"
-  }
-};
-function updateAxisInfo(element, axisName, info, time2) {
-  const axis = info[axisName];
-  const { length, position } = keys[axisName];
-  const prev = axis.current;
-  const prevTime = info.time;
-  axis.current = Math.abs(element[`scroll${position}`]);
-  axis.scrollLength = element[`scroll${length}`] - element[`client${length}`];
-  axis.offset.length = 0;
-  axis.offset[0] = 0;
-  axis.offset[1] = axis.scrollLength;
-  axis.progress = progress(0, axis.scrollLength, axis.current);
-  const elapsed = time2 - prevTime;
-  axis.velocity = elapsed > maxElapsed2 ? 0 : velocityPerSecond(axis.current - prev, elapsed);
-}
-function updateScrollInfo(element, info, time2) {
-  updateAxisInfo(element, "x", info, time2);
-  updateAxisInfo(element, "y", info, time2);
-  info.time = time2;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs
-function calcInset(element, container) {
-  const inset = { x: 0, y: 0 };
-  let current2 = element;
-  while (current2 && current2 !== container) {
-    if (isHTMLElement(current2)) {
-      inset.x += current2.offsetLeft;
-      inset.y += current2.offsetTop;
-      current2 = current2.offsetParent;
-    } else if (current2.tagName === "svg") {
-      const svgBoundingBox = current2.getBoundingClientRect();
-      current2 = current2.parentElement;
-      const parentBoundingBox = current2.getBoundingClientRect();
-      inset.x += svgBoundingBox.left - parentBoundingBox.left;
-      inset.y += svgBoundingBox.top - parentBoundingBox.top;
-    } else if (current2 instanceof SVGGraphicsElement) {
-      const { x, y } = current2.getBBox();
-      inset.x += x;
-      inset.y += y;
-      let svg = null;
-      let parent = current2.parentNode;
-      while (!svg) {
-        if (parent.tagName === "svg") {
-          svg = parent;
-        }
-        parent = current2.parentNode;
-      }
-      current2 = svg;
-    } else {
-      break;
-    }
-  }
-  return inset;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs
-var namedEdges = {
-  start: 0,
-  center: 0.5,
-  end: 1
-};
-function resolveEdge(edge, length, inset = 0) {
-  let delta = 0;
-  if (edge in namedEdges) {
-    edge = namedEdges[edge];
-  }
-  if (typeof edge === "string") {
-    const asNumber3 = parseFloat(edge);
-    if (edge.endsWith("px")) {
-      delta = asNumber3;
-    } else if (edge.endsWith("%")) {
-      edge = asNumber3 / 100;
-    } else if (edge.endsWith("vw")) {
-      delta = asNumber3 / 100 * document.documentElement.clientWidth;
-    } else if (edge.endsWith("vh")) {
-      delta = asNumber3 / 100 * document.documentElement.clientHeight;
-    } else {
-      edge = asNumber3;
-    }
-  }
-  if (typeof edge === "number") {
-    delta = length * edge;
-  }
-  return inset + delta;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs
-var defaultOffset2 = [0, 0];
-function resolveOffset(offset, containerLength, targetLength, targetInset) {
-  let offsetDefinition = Array.isArray(offset) ? offset : defaultOffset2;
-  let targetPoint = 0;
-  let containerPoint = 0;
-  if (typeof offset === "number") {
-    offsetDefinition = [offset, offset];
-  } else if (typeof offset === "string") {
-    offset = offset.trim();
-    if (offset.includes(" ")) {
-      offsetDefinition = offset.split(" ");
-    } else {
-      offsetDefinition = [offset, namedEdges[offset] ? offset : `0`];
-    }
-  }
-  targetPoint = resolveEdge(offsetDefinition[0], targetLength, targetInset);
-  containerPoint = resolveEdge(offsetDefinition[1], containerLength);
-  return targetPoint - containerPoint;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs
-var ScrollOffset = {
-  Enter: [
-    [0, 1],
-    [1, 1]
-  ],
-  Exit: [
-    [0, 0],
-    [1, 0]
-  ],
-  Any: [
-    [1, 0],
-    [0, 1]
-  ],
-  All: [
-    [0, 0],
-    [1, 1]
-  ]
-};
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs
-var point = { x: 0, y: 0 };
-function getTargetSize(target) {
-  return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };
-}
-function resolveOffsets(container, info, options) {
-  const { offset: offsetDefinition = ScrollOffset.All } = options;
-  const { target = container, axis = "y" } = options;
-  const lengthLabel = axis === "y" ? "height" : "width";
-  const inset = target !== container ? calcInset(target, container) : point;
-  const targetSize = target === container ? { width: container.scrollWidth, height: container.scrollHeight } : getTargetSize(target);
-  const containerSize = {
-    width: container.clientWidth,
-    height: container.clientHeight
-  };
-  info[axis].offset.length = 0;
-  let hasChanged = !info[axis].interpolate;
-  const numOffsets = offsetDefinition.length;
-  for (let i = 0; i < numOffsets; i++) {
-    const offset = resolveOffset(offsetDefinition[i], containerSize[lengthLabel], targetSize[lengthLabel], inset[axis]);
-    if (!hasChanged && offset !== info[axis].interpolatorOffsets[i]) {
-      hasChanged = true;
-    }
-    info[axis].offset[i] = offset;
-  }
-  if (hasChanged) {
-    info[axis].interpolate = interpolate(info[axis].offset, defaultOffset(offsetDefinition), { clamp: false });
-    info[axis].interpolatorOffsets = [...info[axis].offset];
-  }
-  info[axis].progress = clamp(0, 1, info[axis].interpolate(info[axis].current));
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs
-function measure(container, target = container, info) {
-  info.x.targetOffset = 0;
-  info.y.targetOffset = 0;
-  if (target !== container) {
-    let node = target;
-    while (node && node !== container) {
-      info.x.targetOffset += node.offsetLeft;
-      info.y.targetOffset += node.offsetTop;
-      node = node.offsetParent;
-    }
-  }
-  info.x.targetLength = target === container ? target.scrollWidth : target.clientWidth;
-  info.y.targetLength = target === container ? target.scrollHeight : target.clientHeight;
-  info.x.containerLength = container.clientWidth;
-  info.y.containerLength = container.clientHeight;
-  if (true) {
-    if (container && target && target !== container) {
-      warnOnce(getComputedStyle(container).position !== "static", "Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.");
-    }
-  }
-}
-function createOnScrollHandler(element, onScroll, info, options = {}) {
-  return {
-    measure: (time2) => {
-      measure(element, options.target, info);
-      updateScrollInfo(element, info, time2);
-      if (options.offset || options.target) {
-        resolveOffsets(element, info, options);
-      }
-    },
-    notify: () => onScroll(info)
-  };
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/track.mjs
-var scrollListeners = /* @__PURE__ */ new WeakMap();
-var resizeListeners = /* @__PURE__ */ new WeakMap();
-var onScrollHandlers = /* @__PURE__ */ new WeakMap();
-var scrollSize = /* @__PURE__ */ new WeakMap();
-var dimensionCheckProcesses = /* @__PURE__ */ new WeakMap();
-var getEventTarget = (element) => element === document.scrollingElement ? window : element;
-function scrollInfo(onScroll, { container = document.scrollingElement, trackContentSize = false, ...options } = {}) {
-  if (!container)
-    return noop;
-  let containerHandlers = onScrollHandlers.get(container);
-  if (!containerHandlers) {
-    containerHandlers = /* @__PURE__ */ new Set();
-    onScrollHandlers.set(container, containerHandlers);
-  }
-  const info = createScrollInfo();
-  const containerHandler = createOnScrollHandler(container, onScroll, info, options);
-  containerHandlers.add(containerHandler);
-  if (!scrollListeners.has(container)) {
-    const measureAll = () => {
-      for (const handler of containerHandlers) {
-        handler.measure(frameData.timestamp);
-      }
-      frame.preUpdate(notifyAll2);
-    };
-    const notifyAll2 = () => {
-      for (const handler of containerHandlers) {
-        handler.notify();
-      }
-    };
-    const listener2 = () => frame.read(measureAll);
-    scrollListeners.set(container, listener2);
-    const target = getEventTarget(container);
-    window.addEventListener("resize", listener2);
-    if (container !== document.documentElement) {
-      resizeListeners.set(container, resize(container, listener2));
-    }
-    target.addEventListener("scroll", listener2);
-    listener2();
-  }
-  if (trackContentSize && !dimensionCheckProcesses.has(container)) {
-    const listener2 = scrollListeners.get(container);
-    const size = {
-      width: container.scrollWidth,
-      height: container.scrollHeight
-    };
-    scrollSize.set(container, size);
-    const checkScrollDimensions = () => {
-      const newWidth = container.scrollWidth;
-      const newHeight = container.scrollHeight;
-      if (size.width !== newWidth || size.height !== newHeight) {
-        listener2();
-        size.width = newWidth;
-        size.height = newHeight;
-      }
-    };
-    const dimensionCheckProcess = frame.read(checkScrollDimensions, true);
-    dimensionCheckProcesses.set(container, dimensionCheckProcess);
-  }
-  const listener = scrollListeners.get(container);
-  frame.read(listener, false, true);
-  return () => {
-    var _a;
-    cancelFrame(listener);
-    const currentHandlers = onScrollHandlers.get(container);
-    if (!currentHandlers)
-      return;
-    currentHandlers.delete(containerHandler);
-    if (currentHandlers.size)
-      return;
-    const scrollListener = scrollListeners.get(container);
-    scrollListeners.delete(container);
-    if (scrollListener) {
-      getEventTarget(container).removeEventListener("scroll", scrollListener);
-      (_a = resizeListeners.get(container)) == null ? void 0 : _a();
-      window.removeEventListener("resize", scrollListener);
-    }
-    const dimensionCheckProcess = dimensionCheckProcesses.get(container);
-    if (dimensionCheckProcess) {
-      cancelFrame(dimensionCheckProcess);
-      dimensionCheckProcesses.delete(container);
-    }
-    scrollSize.delete(container);
-  };
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/utils/offset-to-range.mjs
-var presets = [
-  [ScrollOffset.Enter, "entry"],
-  [ScrollOffset.Exit, "exit"],
-  [ScrollOffset.Any, "cover"],
-  [ScrollOffset.All, "contain"]
-];
-function matchesPreset(offset, preset) {
-  if (offset.length !== 2)
-    return false;
-  for (let i = 0; i < 2; i++) {
-    const o = offset[i];
-    const p = preset[i];
-    if (!Array.isArray(o) || o.length !== 2 || o[0] !== p[0] || o[1] !== p[1])
-      return false;
-  }
-  return true;
-}
-function offsetToViewTimelineRange(offset) {
-  if (!offset) {
-    return { rangeStart: "contain 0%", rangeEnd: "contain 100%" };
-  }
-  for (const [preset, name] of presets) {
-    if (matchesPreset(offset, preset)) {
-      return { rangeStart: `${name} 0%`, rangeEnd: `${name} 100%` };
-    }
-  }
-  return void 0;
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/utils/get-timeline.mjs
-var timelineCache = /* @__PURE__ */ new Map();
-function scrollTimelineFallback(options) {
-  const currentTime = { value: 0 };
-  const cancel = scrollInfo((info) => {
-    currentTime.value = info[options.axis].progress * 100;
-  }, options);
-  return { currentTime, cancel };
-}
-function getTimeline({ source, container, ...options }) {
-  const { axis } = options;
-  if (source)
-    container = source;
-  let containerCache = timelineCache.get(container);
-  if (!containerCache) {
-    containerCache = /* @__PURE__ */ new Map();
-    timelineCache.set(container, containerCache);
-  }
-  const targetKey = options.target ?? "self";
-  let targetCache = containerCache.get(targetKey);
-  if (!targetCache) {
-    targetCache = {};
-    containerCache.set(targetKey, targetCache);
-  }
-  const axisKey = axis + (options.offset ?? []).join(",");
-  if (!targetCache[axisKey]) {
-    if (options.target && canUseNativeTimeline(options.target)) {
-      const range = offsetToViewTimelineRange(options.offset);
-      if (range) {
-        targetCache[axisKey] = new ViewTimeline({
-          subject: options.target,
-          axis
-        });
-      } else {
-        targetCache[axisKey] = scrollTimelineFallback({
-          container,
-          ...options
-        });
-      }
-    } else if (canUseNativeTimeline()) {
-      targetCache[axisKey] = new ScrollTimeline({
-        source: container,
-        axis
-      });
-    } else {
-      targetCache[axisKey] = scrollTimelineFallback({
-        container,
-        ...options
-      });
-    }
-  }
-  return targetCache[axisKey];
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/attach-animation.mjs
-function attachToAnimation(animation, options) {
-  const timeline = getTimeline(options);
-  const range = options.target ? offsetToViewTimelineRange(options.offset) : void 0;
-  const useNative = options.target ? canUseNativeTimeline(options.target) && !!range : canUseNativeTimeline();
-  return animation.attachTimeline({
-    timeline: useNative ? timeline : void 0,
-    ...range && useNative && {
-      rangeStart: range.rangeStart,
-      rangeEnd: range.rangeEnd
-    },
-    observe: (valueAnimation) => {
-      valueAnimation.pause();
-      return observeTimeline((progress2) => {
-        valueAnimation.time = valueAnimation.iterationDuration * progress2;
-      }, timeline);
-    }
-  });
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/attach-function.mjs
-function isOnScrollWithInfo(onScroll) {
-  return onScroll.length === 2;
-}
-function attachToFunction(onScroll, options) {
-  if (isOnScrollWithInfo(onScroll)) {
-    return scrollInfo((info) => {
-      onScroll(info[options.axis].progress, info);
-    }, options);
-  } else {
-    return observeTimeline(onScroll, getTimeline(options));
-  }
-}
-
-// node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs
-function scroll(onScroll, { axis = "y", container = document.scrollingElement, ...options } = {}) {
-  if (!container)
-    return noop;
-  const optionsWithDefaults = { axis, container, ...options };
-  return typeof onScroll === "function" ? attachToFunction(onScroll, optionsWithDefaults) : attachToAnimation(onScroll, optionsWithDefaults);
-}
-
-// node_modules/framer-motion/dist/es/value/use-scroll.mjs
-var createScrollMotionValues = () => ({
-  scrollX: motionValue(0),
-  scrollY: motionValue(0),
-  scrollXProgress: motionValue(0),
-  scrollYProgress: motionValue(0)
-});
-var isRefPending = (ref) => {
-  if (!ref)
-    return false;
-  return !ref.current;
-};
-function makeAccelerateConfig(axis, options, container, target) {
-  return {
-    factory: (animation) => scroll(animation, {
-      ...options,
-      axis,
-      container: (container == null ? void 0 : container.current) || void 0,
-      target: (target == null ? void 0 : target.current) || void 0
-    }),
-    times: [0, 1],
-    keyframes: [0, 1],
-    ease: (v) => v,
-    duration: 1
-  };
-}
-function canAccelerateScroll(target, offset) {
-  if (typeof window === "undefined")
-    return false;
-  return target ? supportsViewTimeline() && !!offsetToViewTimelineRange(offset) : supportsScrollTimeline();
-}
-function useScroll({ container, target, ...options } = {}) {
-  const values = useConstant(createScrollMotionValues);
-  if (canAccelerateScroll(target, options.offset)) {
-    values.scrollXProgress.accelerate = makeAccelerateConfig("x", options, container, target);
-    values.scrollYProgress.accelerate = makeAccelerateConfig("y", options, container, target);
-  }
-  const scrollAnimation = (0, import_react32.useRef)(null);
-  const needsStart = (0, import_react32.useRef)(false);
-  const start2 = (0, import_react32.useCallback)(() => {
-    scrollAnimation.current = scroll((_progress, { x, y }) => {
-      values.scrollX.set(x.current);
-      values.scrollXProgress.set(x.progress);
-      values.scrollY.set(y.current);
-      values.scrollYProgress.set(y.progress);
-    }, {
-      ...options,
-      container: (container == null ? void 0 : container.current) || void 0,
-      target: (target == null ? void 0 : target.current) || void 0
-    });
-    return () => {
-      var _a;
-      (_a = scrollAnimation.current) == null ? void 0 : _a.call(scrollAnimation);
-    };
-  }, [container, target, JSON.stringify(options.offset)]);
-  useIsomorphicLayoutEffect(() => {
-    needsStart.current = false;
-    if (isRefPending(container) || isRefPending(target)) {
-      needsStart.current = true;
-      return;
-    } else {
-      return start2();
-    }
-  }, [start2]);
-  (0, import_react32.useEffect)(() => {
-    if (needsStart.current) {
-      invariant(!isRefPending(container), "Container ref is defined but not hydrated", "use-scroll-ref");
-      invariant(!isRefPending(target), "Target ref is defined but not hydrated", "use-scroll-ref");
-      return start2();
-    } else {
-      return;
-    }
-  }, [start2]);
-  return values;
-}
-
-// node_modules/framer-motion/dist/es/value/scroll/use-element-scroll.mjs
-function useElementScroll(ref) {
-  if (true) {
-    warnOnce(false, "useElementScroll is deprecated. Convert to useScroll({ container: ref }).");
-  }
-  return useScroll({ container: ref });
-}
-
-// node_modules/framer-motion/dist/es/value/scroll/use-viewport-scroll.mjs
-function useViewportScroll() {
-  if (true) {
-    warnOnce(false, "useViewportScroll is deprecated. Convert to useScroll().");
-  }
-  return useScroll();
-}
-
-// node_modules/framer-motion/dist/es/value/use-motion-value.mjs
-var import_react33 = __toESM(require_react(), 1);
-function useMotionValue(initial) {
-  const value = useConstant(() => motionValue(initial));
-  const { isStatic } = (0, import_react33.useContext)(MotionConfigContext);
-  if (isStatic) {
-    const [, setLatest] = (0, import_react33.useState)(initial);
-    (0, import_react33.useEffect)(() => value.on("change", setLatest), []);
-  }
-  return value;
-}
-
-// node_modules/framer-motion/dist/es/value/use-combine-values.mjs
-function useCombineMotionValues(values, combineValues) {
-  const value = useMotionValue(combineValues());
-  const updateValue = () => value.set(combineValues());
-  updateValue();
-  useIsomorphicLayoutEffect(() => {
-    const scheduleUpdate = () => frame.preRender(updateValue, false, true);
-    const subscriptions = values.map((v) => v.on("change", scheduleUpdate));
-    return () => {
-      subscriptions.forEach((unsubscribe) => unsubscribe());
-      cancelFrame(updateValue);
-    };
-  });
-  return value;
-}
-
-// node_modules/framer-motion/dist/es/value/use-motion-template.mjs
-function useMotionTemplate(fragments, ...values) {
-  const numFragments = fragments.length;
-  function buildValue() {
-    let output = ``;
-    for (let i = 0; i < numFragments; i++) {
-      output += fragments[i];
-      const value = values[i];
-      if (value) {
-        output += isMotionValue(value) ? value.get() : value;
-      }
-    }
-    return output;
-  }
-  return useCombineMotionValues(values.filter(isMotionValue), buildValue);
-}
-
-// node_modules/framer-motion/dist/es/value/use-follow-value.mjs
-var import_react34 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/value/use-computed.mjs
-function useComputed(compute) {
-  collectMotionValues.current = [];
-  compute();
-  const value = useCombineMotionValues(collectMotionValues.current, compute);
-  collectMotionValues.current = void 0;
-  return value;
-}
-
-// node_modules/framer-motion/dist/es/value/use-transform.mjs
-function useTransform(input, inputRangeOrTransformer, outputRangeOrMap, options) {
-  if (typeof input === "function") {
-    return useComputed(input);
-  }
-  const isOutputMap = outputRangeOrMap !== void 0 && !Array.isArray(outputRangeOrMap) && typeof inputRangeOrTransformer !== "function";
-  if (isOutputMap) {
-    return useMapTransform(input, inputRangeOrTransformer, outputRangeOrMap, options);
-  }
-  const outputRange = outputRangeOrMap;
-  const transformer = typeof inputRangeOrTransformer === "function" ? inputRangeOrTransformer : transform(inputRangeOrTransformer, outputRange, options);
-  const result = Array.isArray(input) ? useListTransform(input, transformer) : useListTransform([input], ([latest]) => transformer(latest));
-  const inputAccelerate = !Array.isArray(input) ? input.accelerate : void 0;
-  if (inputAccelerate && !inputAccelerate.isTransformed && typeof inputRangeOrTransformer !== "function" && Array.isArray(outputRangeOrMap) && (options == null ? void 0 : options.clamp) !== false) {
-    result.accelerate = {
-      ...inputAccelerate,
-      times: inputRangeOrTransformer,
-      keyframes: outputRangeOrMap,
-      isTransformed: true,
-      ...(options == null ? void 0 : options.ease) ? { ease: options.ease } : {}
-    };
-  }
-  return result;
-}
-function useListTransform(values, transformer) {
-  const latest = useConstant(() => []);
-  return useCombineMotionValues(values, () => {
-    latest.length = 0;
-    const numValues = values.length;
-    for (let i = 0; i < numValues; i++) {
-      latest[i] = values[i].get();
-    }
-    return transformer(latest);
-  });
-}
-function useMapTransform(inputValue, inputRange, outputMap, options) {
-  const keys2 = useConstant(() => Object.keys(outputMap));
-  const output = useConstant(() => ({}));
-  for (const key of keys2) {
-    output[key] = useTransform(inputValue, inputRange, outputMap[key], options);
-  }
-  return output;
-}
-
-// node_modules/framer-motion/dist/es/value/use-follow-value.mjs
-function useFollowValue(source, options = {}) {
-  const { isStatic } = (0, import_react34.useContext)(MotionConfigContext);
-  const getFromSource = () => isMotionValue(source) ? source.get() : source;
-  if (isStatic) {
-    return useTransform(getFromSource);
-  }
-  const value = useMotionValue(getFromSource());
-  (0, import_react34.useInsertionEffect)(() => {
-    return attachFollow(value, source, options);
-  }, [value, JSON.stringify(options)]);
-  return value;
-}
-
-// node_modules/framer-motion/dist/es/value/use-spring.mjs
-function useSpring(source, options = {}) {
-  return useFollowValue(source, { type: "spring", ...options });
-}
-
-// node_modules/framer-motion/dist/es/utils/use-animation-frame.mjs
-var import_react35 = __toESM(require_react(), 1);
-function useAnimationFrame(callback) {
-  const initialTimestamp = (0, import_react35.useRef)(0);
-  const { isStatic } = (0, import_react35.useContext)(MotionConfigContext);
-  (0, import_react35.useEffect)(() => {
-    if (isStatic)
-      return;
-    const provideTimeSinceStart = ({ timestamp, delta }) => {
-      if (!initialTimestamp.current)
-        initialTimestamp.current = timestamp;
-      callback(timestamp - initialTimestamp.current, delta);
-    };
-    frame.update(provideTimeSinceStart, true);
-    return () => cancelFrame(provideTimeSinceStart);
-  }, [callback]);
-}
-
-// node_modules/framer-motion/dist/es/value/use-time.mjs
-function useTime() {
-  const time2 = useMotionValue(0);
-  useAnimationFrame((t) => time2.set(t));
-  return time2;
-}
-
-// node_modules/framer-motion/dist/es/value/use-velocity.mjs
-function useVelocity(value) {
-  const velocity = useMotionValue(value.getVelocity());
-  const updateVelocity = () => {
-    const latest = value.getVelocity();
-    velocity.set(latest);
-    if (latest)
-      frame.update(updateVelocity);
-  };
-  useMotionValueEvent(value, "change", () => {
-    frame.update(updateVelocity, false, true);
-  });
-  return velocity;
-}
-
-// node_modules/framer-motion/dist/es/value/use-will-change/WillChangeMotionValue.mjs
-var WillChangeMotionValue = class extends MotionValue {
-  constructor() {
-    super(...arguments);
-    this.isEnabled = false;
-  }
-  add(name) {
-    if (transformProps.has(name) || acceleratedValues2.has(name)) {
-      this.isEnabled = true;
-      this.update();
-    }
-  }
-  update() {
-    this.set(this.isEnabled ? "transform" : "auto");
-  }
-};
-
-// node_modules/framer-motion/dist/es/value/use-will-change/index.mjs
-function useWillChange() {
-  return useConstant(() => new WillChangeMotionValue("auto"));
-}
-
-// node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs
-var import_react36 = __toESM(require_react(), 1);
-function useReducedMotion() {
-  !hasReducedMotionListener.current && initPrefersReducedMotion();
-  const [shouldReduceMotion] = (0, import_react36.useState)(prefersReducedMotion.current);
-  if (true) {
-    warnOnce(shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
-  }
-  return shouldReduceMotion;
-}
-
-// node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs
-var import_react37 = __toESM(require_react(), 1);
-function useReducedMotionConfig() {
-  const reducedMotionPreference = useReducedMotion();
-  const { reducedMotion } = (0, import_react37.useContext)(MotionConfigContext);
-  if (reducedMotion === "never") {
-    return false;
-  } else if (reducedMotion === "always") {
-    return true;
-  } else {
-    return reducedMotionPreference;
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/hooks/animation-controls.mjs
-function stopAnimation(visualElement) {
-  visualElement.values.forEach((value) => value.stop());
-}
-function setVariants(visualElement, variantLabels) {
-  const reversedLabels = [...variantLabels].reverse();
-  reversedLabels.forEach((key) => {
-    const variant = visualElement.getVariant(key);
-    variant && setTarget(visualElement, variant);
-    if (visualElement.variantChildren) {
-      visualElement.variantChildren.forEach((child) => {
-        setVariants(child, variantLabels);
-      });
-    }
-  });
-}
-function setValues(visualElement, definition) {
-  if (Array.isArray(definition)) {
-    return setVariants(visualElement, definition);
-  } else if (typeof definition === "string") {
-    return setVariants(visualElement, [definition]);
-  } else {
-    setTarget(visualElement, definition);
-  }
-}
-function animationControls() {
-  let hasMounted = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const controls = {
-    subscribe(visualElement) {
-      subscribers.add(visualElement);
-      return () => void subscribers.delete(visualElement);
-    },
-    start(definition, transitionOverride) {
-      invariant(hasMounted, "controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");
-      const animations2 = [];
-      subscribers.forEach((visualElement) => {
-        animations2.push(animateVisualElement(visualElement, definition, {
-          transitionOverride
-        }));
-      });
-      return Promise.all(animations2);
-    },
-    set(definition) {
-      invariant(hasMounted, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook.");
-      return subscribers.forEach((visualElement) => {
-        setValues(visualElement, definition);
-      });
-    },
-    stop() {
-      subscribers.forEach((visualElement) => {
-        stopAnimation(visualElement);
-      });
-    },
-    mount() {
-      hasMounted = true;
-      return () => {
-        hasMounted = false;
-        controls.stop();
-      };
-    }
-  };
-  return controls;
-}
-
-// node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs
-var import_react38 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/animation/utils/is-dom-keyframes.mjs
-function isDOMKeyframes(keyframes2) {
-  return typeof keyframes2 === "object" && !Array.isArray(keyframes2);
-}
-
-// node_modules/framer-motion/dist/es/animation/animate/resolve-subjects.mjs
-function resolveSubjects(subject, keyframes2, scope, selectorCache) {
-  if (subject == null) {
-    return [];
-  }
-  if (typeof subject === "string" && isDOMKeyframes(keyframes2)) {
-    return resolveElements(subject, scope, selectorCache);
-  } else if (subject instanceof NodeList) {
-    return Array.from(subject);
-  } else if (Array.isArray(subject)) {
-    return subject.filter((s) => s != null);
-  } else {
-    return [subject];
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/utils/calc-repeat-duration.mjs
-function calculateRepeatDuration(duration, repeat, _repeatDelay) {
-  return duration * (repeat + 1);
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs
-function calcNextTime(current2, next2, prev, labels) {
-  if (typeof next2 === "number") {
-    return next2;
-  } else if (next2.startsWith("-") || next2.startsWith("+")) {
-    return Math.max(0, current2 + parseFloat(next2));
-  } else if (next2 === "<") {
-    return prev;
-  } else if (next2.startsWith("<")) {
-    return Math.max(0, prev + parseFloat(next2.slice(1)));
-  } else {
-    return labels.get(next2) ?? current2;
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/utils/edit.mjs
-function eraseKeyframes(sequence, startTime, endTime) {
-  for (let i = 0; i < sequence.length; i++) {
-    const keyframe = sequence[i];
-    if (keyframe.at > startTime && keyframe.at < endTime) {
-      removeItem(sequence, keyframe);
-      i--;
-    }
-  }
-}
-function addKeyframes(sequence, keyframes2, easing, offset, startTime, endTime) {
-  eraseKeyframes(sequence, startTime, endTime);
-  for (let i = 0; i < keyframes2.length; i++) {
-    sequence.push({
-      value: keyframes2[i],
-      at: mixNumber(startTime, endTime, offset[i]),
-      easing: getEasingForSegment(easing, i)
-    });
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/utils/normalize-times.mjs
-function normalizeTimes(times, repeat) {
-  for (let i = 0; i < times.length; i++) {
-    times[i] = times[i] / (repeat + 1);
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/utils/sort.mjs
-function compareByTime(a, b) {
-  if (a.at === b.at) {
-    if (a.value === null)
-      return 1;
-    if (b.value === null)
-      return -1;
-    return 0;
-  } else {
-    return a.at - b.at;
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/sequence/create.mjs
-var defaultSegmentEasing = "easeInOut";
-var MAX_REPEAT = 20;
-function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
-  const defaultDuration = defaultTransition.duration || 0.3;
-  const animationDefinitions = /* @__PURE__ */ new Map();
-  const sequences = /* @__PURE__ */ new Map();
-  const elementCache = {};
-  const timeLabels = /* @__PURE__ */ new Map();
-  let prevTime = 0;
-  let currentTime = 0;
-  let totalDuration = 0;
-  for (let i = 0; i < sequence.length; i++) {
-    const segment = sequence[i];
-    if (typeof segment === "string") {
-      timeLabels.set(segment, currentTime);
-      continue;
-    } else if (!Array.isArray(segment)) {
-      timeLabels.set(segment.name, calcNextTime(currentTime, segment.at, prevTime, timeLabels));
-      continue;
-    }
-    let [subject, keyframes2, transition = {}] = segment;
-    if (transition.at !== void 0) {
-      currentTime = calcNextTime(currentTime, transition.at, prevTime, timeLabels);
-    }
-    let maxDuration = 0;
-    const resolveValueSequence = (valueKeyframes, valueTransition, valueSequence, elementIndex = 0, numSubjects = 0) => {
-      const valueKeyframesAsList = keyframesAsList(valueKeyframes);
-      const { delay: delay2 = 0, times = defaultOffset(valueKeyframesAsList), type = defaultTransition.type || "keyframes", repeat, repeatType, repeatDelay = 0, ...remainingTransition } = valueTransition;
-      let { ease: ease2 = defaultTransition.ease || "easeOut", duration } = valueTransition;
-      const calculatedDelay = typeof delay2 === "function" ? delay2(elementIndex, numSubjects) : delay2;
-      const numKeyframes = valueKeyframesAsList.length;
-      const createGenerator = isGenerator(type) ? type : generators == null ? void 0 : generators[type || "keyframes"];
-      if (numKeyframes <= 2 && createGenerator) {
-        let absoluteDelta = 100;
-        if (numKeyframes === 2 && isNumberKeyframesArray(valueKeyframesAsList)) {
-          const delta = valueKeyframesAsList[1] - valueKeyframesAsList[0];
-          absoluteDelta = Math.abs(delta);
-        }
-        const springTransition = {
-          ...defaultTransition,
-          ...remainingTransition
-        };
-        if (duration !== void 0) {
-          springTransition.duration = secondsToMilliseconds(duration);
-        }
-        const springEasing = createGeneratorEasing(springTransition, absoluteDelta, createGenerator);
-        ease2 = springEasing.ease;
-        duration = springEasing.duration;
-      }
-      duration ?? (duration = defaultDuration);
-      const startTime = currentTime + calculatedDelay;
-      if (times.length === 1 && times[0] === 0) {
-        times[1] = 1;
-      }
-      const remainder = times.length - valueKeyframesAsList.length;
-      remainder > 0 && fillOffset(times, remainder);
-      valueKeyframesAsList.length === 1 && valueKeyframesAsList.unshift(null);
-      if (repeat) {
-        invariant(repeat < MAX_REPEAT, "Repeat count too high, must be less than 20", "repeat-count-high");
-        duration = calculateRepeatDuration(duration, repeat);
-        const originalKeyframes = [...valueKeyframesAsList];
-        const originalTimes = [...times];
-        ease2 = Array.isArray(ease2) ? [...ease2] : [ease2];
-        const originalEase = [...ease2];
-        for (let repeatIndex = 0; repeatIndex < repeat; repeatIndex++) {
-          valueKeyframesAsList.push(...originalKeyframes);
-          for (let keyframeIndex = 0; keyframeIndex < originalKeyframes.length; keyframeIndex++) {
-            times.push(originalTimes[keyframeIndex] + (repeatIndex + 1));
-            ease2.push(keyframeIndex === 0 ? "linear" : getEasingForSegment(originalEase, keyframeIndex - 1));
-          }
-        }
-        normalizeTimes(times, repeat);
-      }
-      const targetTime = startTime + duration;
-      addKeyframes(valueSequence, valueKeyframesAsList, ease2, times, startTime, targetTime);
-      maxDuration = Math.max(calculatedDelay + duration, maxDuration);
-      totalDuration = Math.max(targetTime, totalDuration);
-    };
-    if (isMotionValue(subject)) {
-      const subjectSequence = getSubjectSequence(subject, sequences);
-      resolveValueSequence(keyframes2, transition, getValueSequence("default", subjectSequence));
-    } else {
-      const subjects = resolveSubjects(subject, keyframes2, scope, elementCache);
-      const numSubjects = subjects.length;
-      for (let subjectIndex = 0; subjectIndex < numSubjects; subjectIndex++) {
-        keyframes2 = keyframes2;
-        transition = transition;
-        const thisSubject = subjects[subjectIndex];
-        const subjectSequence = getSubjectSequence(thisSubject, sequences);
-        for (const key in keyframes2) {
-          resolveValueSequence(keyframes2[key], getValueTransition2(transition, key), getValueSequence(key, subjectSequence), subjectIndex, numSubjects);
-        }
-      }
-    }
-    prevTime = currentTime;
-    currentTime += maxDuration;
-  }
-  sequences.forEach((valueSequences, element) => {
-    for (const key in valueSequences) {
-      const valueSequence = valueSequences[key];
-      valueSequence.sort(compareByTime);
-      const keyframes2 = [];
-      const valueOffset = [];
-      const valueEasing = [];
-      for (let i = 0; i < valueSequence.length; i++) {
-        const { at, value, easing } = valueSequence[i];
-        keyframes2.push(value);
-        valueOffset.push(progress(0, totalDuration, at));
-        valueEasing.push(easing || "easeOut");
-      }
-      if (valueOffset[0] !== 0) {
-        valueOffset.unshift(0);
-        keyframes2.unshift(keyframes2[0]);
-        valueEasing.unshift(defaultSegmentEasing);
-      }
-      if (valueOffset[valueOffset.length - 1] !== 1) {
-        valueOffset.push(1);
-        keyframes2.push(null);
-      }
-      if (!animationDefinitions.has(element)) {
-        animationDefinitions.set(element, {
-          keyframes: {},
-          transition: {}
-        });
-      }
-      const definition = animationDefinitions.get(element);
-      definition.keyframes[key] = keyframes2;
-      const { type: _type, ...remainingDefaultTransition } = defaultTransition;
-      definition.transition[key] = {
-        ...remainingDefaultTransition,
-        duration: totalDuration,
-        ease: valueEasing,
-        times: valueOffset,
-        ...sequenceTransition
-      };
-    }
-  });
-  return animationDefinitions;
-}
-function getSubjectSequence(subject, sequences) {
-  !sequences.has(subject) && sequences.set(subject, {});
-  return sequences.get(subject);
-}
-function getValueSequence(name, sequences) {
-  if (!sequences[name])
-    sequences[name] = [];
-  return sequences[name];
-}
-function keyframesAsList(keyframes2) {
-  return Array.isArray(keyframes2) ? keyframes2 : [keyframes2];
-}
-function getValueTransition2(transition, key) {
-  return transition && transition[key] ? {
-    ...transition,
-    ...transition[key]
-  } : { ...transition };
-}
-var isNumber = (keyframe) => typeof keyframe === "number";
-var isNumberKeyframesArray = (keyframes2) => keyframes2.every(isNumber);
-
-// node_modules/framer-motion/dist/es/animation/utils/create-visual-element.mjs
-function createDOMVisualElement(element) {
-  const options = {
-    presenceContext: null,
-    props: {},
-    visualState: {
-      renderState: {
-        transform: {},
-        transformOrigin: {},
-        style: {},
-        vars: {},
-        attrs: {}
-      },
-      latestValues: {}
-    }
-  };
-  const node = isSVGElement(element) && !isSVGSVGElement(element) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
-  node.mount(element);
-  visualElementStore.set(element, node);
-}
-function createObjectVisualElement(subject) {
-  const options = {
-    presenceContext: null,
-    props: {},
-    visualState: {
-      renderState: {
-        output: {}
-      },
-      latestValues: {}
-    }
-  };
-  const node = new ObjectVisualElement(options);
-  node.mount(subject);
-  visualElementStore.set(subject, node);
-}
-
-// node_modules/framer-motion/dist/es/animation/animate/subject.mjs
-function isSingleValue(subject, keyframes2) {
-  return isMotionValue(subject) || typeof subject === "number" || typeof subject === "string" && !isDOMKeyframes(keyframes2);
-}
-function animateSubject(subject, keyframes2, options, scope) {
-  const animations2 = [];
-  if (isSingleValue(subject, keyframes2)) {
-    animations2.push(animateSingleValue(subject, isDOMKeyframes(keyframes2) ? keyframes2.default || keyframes2 : keyframes2, options ? options.default || options : options));
-  } else {
-    if (subject == null) {
-      return animations2;
-    }
-    const subjects = resolveSubjects(subject, keyframes2, scope);
-    const numSubjects = subjects.length;
-    invariant(Boolean(numSubjects), "No valid elements provided.", "no-valid-elements");
-    for (let i = 0; i < numSubjects; i++) {
-      const thisSubject = subjects[i];
-      const createVisualElement = thisSubject instanceof Element ? createDOMVisualElement : createObjectVisualElement;
-      if (!visualElementStore.has(thisSubject)) {
-        createVisualElement(thisSubject);
-      }
-      const visualElement = visualElementStore.get(thisSubject);
-      const transition = { ...options };
-      if ("delay" in transition && typeof transition.delay === "function") {
-        transition.delay = transition.delay(i, numSubjects);
-      }
-      animations2.push(...animateTarget(visualElement, { ...keyframes2, transition }, {}));
-    }
-  }
-  return animations2;
-}
-
-// node_modules/framer-motion/dist/es/animation/animate/sequence.mjs
-function animateSequence(sequence, options, scope) {
-  const animations2 = [];
-  const processedSequence = sequence.map((segment) => {
-    if (Array.isArray(segment) && typeof segment[0] === "function") {
-      const callback = segment[0];
-      const mv = motionValue(0);
-      mv.on("change", callback);
-      if (segment.length === 1) {
-        return [mv, [0, 1]];
-      } else if (segment.length === 2) {
-        return [mv, [0, 1], segment[1]];
-      } else {
-        return [mv, segment[1], segment[2]];
-      }
-    }
-    return segment;
-  });
-  const animationDefinitions = createAnimationsFromSequence(processedSequence, options, scope, { spring });
-  animationDefinitions.forEach(({ keyframes: keyframes2, transition }, subject) => {
-    animations2.push(...animateSubject(subject, keyframes2, transition));
-  });
-  return animations2;
-}
-
-// node_modules/framer-motion/dist/es/animation/animate/index.mjs
-function isSequence(value) {
-  return Array.isArray(value) && value.some(Array.isArray);
-}
-function createScopedAnimate(options = {}) {
-  const { scope, reduceMotion } = options;
-  function scopedAnimate(subjectOrSequence, optionsOrKeyframes, options2) {
-    let animations2 = [];
-    let animationOnComplete;
-    if (isSequence(subjectOrSequence)) {
-      const { onComplete, ...sequenceOptions } = optionsOrKeyframes || {};
-      if (typeof onComplete === "function") {
-        animationOnComplete = onComplete;
-      }
-      animations2 = animateSequence(subjectOrSequence, reduceMotion !== void 0 ? { reduceMotion, ...sequenceOptions } : sequenceOptions, scope);
-    } else {
-      const { onComplete, ...rest } = options2 || {};
-      if (typeof onComplete === "function") {
-        animationOnComplete = onComplete;
-      }
-      animations2 = animateSubject(subjectOrSequence, optionsOrKeyframes, reduceMotion !== void 0 ? { reduceMotion, ...rest } : rest, scope);
-    }
-    const animation = new GroupAnimationWithThen(animations2);
-    if (animationOnComplete) {
-      animation.finished.then(animationOnComplete);
-    }
-    if (scope) {
-      scope.animations.push(animation);
-      animation.finished.then(() => {
-        removeItem(scope.animations, animation);
-      });
-    }
-    return animation;
-  }
-  return scopedAnimate;
-}
-var animate = createScopedAnimate();
-
-// node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs
-function useAnimate() {
-  const scope = useConstant(() => ({
-    current: null,
-    // Will be hydrated by React
-    animations: []
-  }));
-  const reduceMotion = useReducedMotionConfig() ?? void 0;
-  const animate2 = (0, import_react38.useMemo)(() => createScopedAnimate({ scope, reduceMotion }), [scope, reduceMotion]);
-  useUnmountEffect(() => {
-    scope.animations.forEach((animation) => animation.stop());
-    scope.animations.length = 0;
-  });
-  return [scope, animate2];
-}
-
-// node_modules/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs
-function animateElements(elementOrSelector, keyframes2, options, scope) {
-  if (elementOrSelector == null) {
-    return [];
-  }
-  const elements = resolveElements(elementOrSelector, scope);
-  const numElements = elements.length;
-  invariant(Boolean(numElements), "No valid elements provided.", "no-valid-elements");
-  const animationDefinitions = [];
-  for (let i = 0; i < numElements; i++) {
-    const element = elements[i];
-    const elementTransition = { ...options };
-    if (typeof elementTransition.delay === "function") {
-      elementTransition.delay = elementTransition.delay(i, numElements);
-    }
-    for (const valueName in keyframes2) {
-      let valueKeyframes = keyframes2[valueName];
-      if (!Array.isArray(valueKeyframes)) {
-        valueKeyframes = [valueKeyframes];
-      }
-      const valueOptions = {
-        ...getValueTransition(elementTransition, valueName)
-      };
-      valueOptions.duration && (valueOptions.duration = secondsToMilliseconds(valueOptions.duration));
-      valueOptions.delay && (valueOptions.delay = secondsToMilliseconds(valueOptions.delay));
-      const map = getAnimationMap(element);
-      const key = animationMapKey(valueName, valueOptions.pseudoElement || "");
-      const currentAnimation = map.get(key);
-      currentAnimation && currentAnimation.stop();
-      animationDefinitions.push({
-        map,
-        key,
-        unresolvedKeyframes: valueKeyframes,
-        options: {
-          ...valueOptions,
-          element,
-          name: valueName,
-          allowFlatten: !elementTransition.type && !elementTransition.ease
-        }
-      });
-    }
-  }
-  for (let i = 0; i < animationDefinitions.length; i++) {
-    const { unresolvedKeyframes, options: animationOptions } = animationDefinitions[i];
-    const { element, name, pseudoElement } = animationOptions;
-    if (!pseudoElement && unresolvedKeyframes[0] === null) {
-      unresolvedKeyframes[0] = getComputedStyle2(element, name);
-    }
-    fillWildcards(unresolvedKeyframes);
-    applyPxDefaults(unresolvedKeyframes, name);
-    if (!pseudoElement && unresolvedKeyframes.length < 2) {
-      unresolvedKeyframes.unshift(getComputedStyle2(element, name));
-    }
-    animationOptions.keyframes = unresolvedKeyframes;
-  }
-  const animations2 = [];
-  for (let i = 0; i < animationDefinitions.length; i++) {
-    const { map, key, options: animationOptions } = animationDefinitions[i];
-    const animation = new NativeAnimation(animationOptions);
-    map.set(key, animation);
-    animation.finished.finally(() => map.delete(key));
-    animations2.push(animation);
-  }
-  return animations2;
-}
-
-// node_modules/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs
-var createScopedWaapiAnimate = (scope) => {
-  function scopedAnimate(elementOrSelector, keyframes2, options) {
-    return new GroupAnimationWithThen(animateElements(elementOrSelector, keyframes2, options, scope));
-  }
-  return scopedAnimate;
-};
-var animateMini = createScopedWaapiAnimate();
-
-// node_modules/framer-motion/dist/es/animation/hooks/use-animate-style.mjs
-function useAnimateMini() {
-  const scope = useConstant(() => ({
-    current: null,
-    // Will be hydrated by React
-    animations: []
-  }));
-  const animate2 = useConstant(() => createScopedWaapiAnimate(scope));
-  useUnmountEffect(() => {
-    scope.animations.forEach((animation) => animation.stop());
-  });
-  return [scope, animate2];
-}
-
-// node_modules/framer-motion/dist/es/animation/hooks/use-animation.mjs
-function useAnimationControls() {
-  const controls = useConstant(animationControls);
-  useIsomorphicLayoutEffect(controls.mount, []);
-  return controls;
-}
-var useAnimation = useAnimationControls;
-
-// node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence-data.mjs
-var import_react39 = __toESM(require_react(), 1);
-function usePresenceData() {
-  const context = (0, import_react39.useContext)(PresenceContext);
-  return context ? context.custom : void 0;
-}
-
-// node_modules/framer-motion/dist/es/events/use-dom-event.mjs
-var import_react40 = __toESM(require_react(), 1);
-function useDomEvent(ref, eventName, handler, options) {
-  (0, import_react40.useEffect)(() => {
-    const element = ref.current;
-    if (handler && element) {
-      return addDomEvent(element, eventName, handler, options);
-    }
-  }, [ref, eventName, handler, options]);
-}
-
-// node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.mjs
-var DragControls = class {
-  constructor() {
-    this.componentControls = /* @__PURE__ */ new Set();
-  }
-  /**
-   * Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
-   *
-   * @internal
-   */
-  subscribe(controls) {
-    this.componentControls.add(controls);
-    return () => this.componentControls.delete(controls);
-  }
-  /**
-   * Start a drag gesture on every `motion` component that has this set of drag controls
-   * passed into it via the `dragControls` prop.
-   *
-   * ```jsx
-   * dragControls.start(e, {
-   *   snapToCursor: true
-   * })
-   * ```
-   *
-   * @param event - PointerEvent
-   * @param options - Options
-   *
-   * @public
-   */
-  start(event, options) {
-    this.componentControls.forEach((controls) => {
-      controls.start(event.nativeEvent || event, options);
-    });
-  }
-  /**
-   * Cancels a drag gesture.
-   *
-   * ```jsx
-   * dragControls.cancel()
-   * ```
-   *
-   * @public
-   */
-  cancel() {
-    this.componentControls.forEach((controls) => {
-      controls.cancel();
-    });
-  }
-  /**
-   * Stops a drag gesture.
-   *
-   * ```jsx
-   * dragControls.stop()
-   * ```
-   *
-   * @public
-   */
-  stop() {
-    this.componentControls.forEach((controls) => {
-      controls.stop();
-    });
-  }
-};
-var createDragControls = () => new DragControls();
-function useDragControls() {
-  return useConstant(createDragControls);
-}
-
-// node_modules/framer-motion/dist/es/motion/utils/is-motion-component.mjs
-function isMotionComponent(component) {
-  return component !== null && typeof component === "object" && motionComponentSymbol in component;
-}
-
-// node_modules/framer-motion/dist/es/motion/utils/unwrap-motion-component.mjs
-function unwrapMotionComponent(component) {
-  if (isMotionComponent(component)) {
-    return component[motionComponentSymbol];
-  }
-  return void 0;
-}
-
-// node_modules/framer-motion/dist/es/projection/use-instant-layout-transition.mjs
-function useInstantLayoutTransition() {
-  return startTransition;
-}
-function startTransition(callback) {
-  if (!rootProjectionNode.current)
-    return;
-  rootProjectionNode.current.isUpdating = false;
-  rootProjectionNode.current.blockUpdate();
-  callback && callback();
-}
-
-// node_modules/framer-motion/dist/es/projection/use-reset-projection.mjs
-var import_react41 = __toESM(require_react(), 1);
-function useResetProjection() {
-  const reset = (0, import_react41.useCallback)(() => {
-    const root = rootProjectionNode.current;
-    if (!root)
-      return;
-    root.resetTree();
-  }, []);
-  return reset;
-}
-
-// node_modules/framer-motion/dist/es/utils/use-cycle.mjs
-var import_react42 = __toESM(require_react(), 1);
-function useCycle(...items) {
-  const index = (0, import_react42.useRef)(0);
-  const [item, setItem] = (0, import_react42.useState)(items[index.current]);
-  const runCycle = (0, import_react42.useCallback)(
-    (next2) => {
-      index.current = typeof next2 !== "number" ? wrap(0, items.length, index.current + 1) : next2;
-      setItem(items[index.current]);
-    },
-    // The array will change on each call, but by putting items.length at
-    // the front of this array, we guarantee the dependency comparison will match up
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [items.length, ...items]
-  );
-  return [item, runCycle];
-}
-
-// node_modules/framer-motion/dist/es/utils/use-in-view.mjs
-var import_react43 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs
-var thresholds = {
-  some: 0,
-  all: 1
-};
-function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount = "some" } = {}) {
-  const elements = resolveElements(elementOrSelector);
-  const activeIntersections = /* @__PURE__ */ new WeakMap();
-  const onIntersectionChange = (entries) => {
-    entries.forEach((entry) => {
-      const onEnd = activeIntersections.get(entry.target);
-      if (entry.isIntersecting === Boolean(onEnd))
-        return;
-      if (entry.isIntersecting) {
-        const newOnEnd = onStart(entry.target, entry);
-        if (typeof newOnEnd === "function") {
-          activeIntersections.set(entry.target, newOnEnd);
-        } else {
-          observer2.unobserve(entry.target);
-        }
-      } else if (typeof onEnd === "function") {
-        onEnd(entry);
-        activeIntersections.delete(entry.target);
-      }
-    });
-  };
-  const observer2 = new IntersectionObserver(onIntersectionChange, {
-    root,
-    rootMargin,
-    threshold: typeof amount === "number" ? amount : thresholds[amount]
-  });
-  elements.forEach((element) => observer2.observe(element));
-  return () => observer2.disconnect();
-}
-
-// node_modules/framer-motion/dist/es/utils/use-in-view.mjs
-function useInView(ref, { root, margin, amount, once = false, initial = false } = {}) {
-  const [isInView, setInView] = (0, import_react43.useState)(initial);
-  (0, import_react43.useEffect)(() => {
-    if (!ref.current || once && isInView)
-      return;
-    const onEnter = () => {
-      setInView(true);
-      return once ? void 0 : () => setInView(false);
-    };
-    const options = {
-      root: root && root.current || void 0,
-      margin,
-      amount
-    };
-    return inView(ref.current, onEnter, options);
-  }, [root, ref, margin, once, amount]);
-  return isInView;
-}
-
-// node_modules/framer-motion/dist/es/utils/use-instant-transition.mjs
-var import_react44 = __toESM(require_react(), 1);
-function useInstantTransition() {
-  const [forceUpdate, forcedRenderCount] = useForceUpdate();
-  const startInstantLayoutTransition = useInstantLayoutTransition();
-  const unlockOnFrameRef = (0, import_react44.useRef)(-1);
-  (0, import_react44.useEffect)(() => {
-    frame.postRender(() => frame.postRender(() => {
-      if (forcedRenderCount !== unlockOnFrameRef.current)
-        return;
-      MotionGlobalConfig.instantAnimations = false;
-    }));
-  }, [forcedRenderCount]);
-  return (callback) => {
-    startInstantLayoutTransition(() => {
-      MotionGlobalConfig.instantAnimations = true;
-      forceUpdate();
-      callback();
-      unlockOnFrameRef.current = forcedRenderCount + 1;
-    });
-  };
-}
-function disableInstantTransitions() {
-  MotionGlobalConfig.instantAnimations = false;
-}
-
-// node_modules/framer-motion/dist/es/utils/use-page-in-view.mjs
-var import_react45 = __toESM(require_react(), 1);
-function usePageInView() {
-  const [isInView, setIsInView] = (0, import_react45.useState)(true);
-  (0, import_react45.useEffect)(() => {
-    const handleVisibilityChange = () => setIsInView(!document.hidden);
-    if (document.hidden) {
-      handleVisibilityChange();
-    }
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-    };
-  }, []);
-  return isInView;
-}
-
-// node_modules/framer-motion/dist/es/utils/transform-viewbox-point.mjs
-function transformViewBoxPoint(svgRef) {
-  return (point2) => {
-    var _a;
-    const svg = svgRef.current;
-    if (!svg) {
-      return point2;
-    }
-    const viewBox = (_a = svg.viewBox) == null ? void 0 : _a.baseVal;
-    if (!viewBox || viewBox.width === 0 && viewBox.height === 0) {
-      return point2;
-    }
-    const bbox = svg.getBoundingClientRect();
-    if (bbox.width === 0 || bbox.height === 0) {
-      return point2;
-    }
-    const scaleX2 = viewBox.width / bbox.width;
-    const scaleY2 = viewBox.height / bbox.height;
-    const svgX = bbox.left + window.scrollX;
-    const svgY = bbox.top + window.scrollY;
-    return {
-      x: (point2.x - svgX) * scaleX2 + svgX,
-      y: (point2.y - svgY) * scaleY2 + svgY
-    };
-  };
-}
-
-// node_modules/framer-motion/dist/es/utils/transform-rotated-parent.mjs
-function correctParentTransform(parentRef) {
-  return (point2) => {
-    const parent = parentRef.current;
-    if (!parent)
-      return point2;
-    const inv = getInverseMatrix(parent);
-    if (!inv)
-      return point2;
-    const rect = parent.getBoundingClientRect();
-    const cx = rect.left + window.scrollX + rect.width / 2;
-    const cy = rect.top + window.scrollY + rect.height / 2;
-    const dx = point2.x - cx;
-    const dy = point2.y - cy;
-    return {
-      x: cx + inv.a * dx + inv.c * dy,
-      y: cy + inv.b * dx + inv.d * dy
-    };
-  };
-}
-function getInverseMatrix(element) {
-  const { transform: transform2 } = getComputedStyle(element);
-  if (!transform2 || transform2 === "none")
-    return null;
-  const match = transform2.match(/^matrix3d\((.*)\)$/u) || transform2.match(/^matrix\((.*)\)$/u);
-  if (!match)
-    return null;
-  const v = match[1].split(",").map(Number);
-  const is3d = transform2.startsWith("matrix3d");
-  const a = v[0], b = v[1];
-  const c = is3d ? v[4] : v[2];
-  const d = is3d ? v[5] : v[3];
-  const det = a * d - b * c;
-  if (Math.abs(det) < 1e-10)
-    return null;
-  return { a: d / det, b: -b / det, c: -c / det, d: a / det };
-}
-
-// node_modules/framer-motion/dist/es/animation/optimized-appear/store.mjs
-var appearAnimationStore = /* @__PURE__ */ new Map();
-var appearComplete = /* @__PURE__ */ new Map();
-
-// node_modules/framer-motion/dist/es/animation/optimized-appear/store-id.mjs
-var appearStoreId = (elementId, valueName) => {
-  const key = transformProps.has(valueName) ? "transform" : valueName;
-  return `${elementId}: ${key}`;
-};
-
-// node_modules/framer-motion/dist/es/animation/optimized-appear/handoff.mjs
-function handoffOptimizedAppearAnimation(elementId, valueName, frame2) {
-  var _a;
-  const storeId = appearStoreId(elementId, valueName);
-  const optimisedAnimation = appearAnimationStore.get(storeId);
-  if (!optimisedAnimation) {
-    return null;
-  }
-  const { animation, startTime } = optimisedAnimation;
-  function cancelAnimation() {
-    var _a2;
-    (_a2 = window.MotionCancelOptimisedAnimation) == null ? void 0 : _a2.call(window, elementId, valueName, frame2);
-  }
-  animation.onfinish = cancelAnimation;
-  if (startTime === null || ((_a = window.MotionHandoffIsComplete) == null ? void 0 : _a.call(window, elementId))) {
-    cancelAnimation();
-    return null;
-  } else {
-    return startTime;
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/optimized-appear/start.mjs
-var startFrameTime;
-var readyAnimation;
-var suspendedAnimations = /* @__PURE__ */ new Set();
-function resumeSuspendedAnimations() {
-  suspendedAnimations.forEach((data) => {
-    data.animation.play();
-    data.animation.startTime = data.startTime;
-  });
-  suspendedAnimations.clear();
-}
-function startOptimizedAppearAnimation(element, name, keyframes2, options, onReady) {
-  if (window.MotionIsMounted) {
-    return;
-  }
-  const id4 = element.dataset[optimizedAppearDataId];
-  if (!id4)
-    return;
-  window.MotionHandoffAnimation = handoffOptimizedAppearAnimation;
-  const storeId = appearStoreId(id4, name);
-  if (!readyAnimation) {
-    readyAnimation = startWaapiAnimation(
-      element,
-      name,
-      [keyframes2[0], keyframes2[0]],
-      /**
-       * 10 secs is basically just a super-safe duration to give Chrome
-       * long enough to get the animation ready.
-       */
-      { duration: 1e4, ease: "linear" }
-    );
-    appearAnimationStore.set(storeId, {
-      animation: readyAnimation,
-      startTime: null
-    });
-    window.MotionHandoffAnimation = handoffOptimizedAppearAnimation;
-    window.MotionHasOptimisedAnimation = (elementId, valueName) => {
-      if (!elementId)
-        return false;
-      if (!valueName) {
-        return appearComplete.has(elementId);
-      }
-      const animationId = appearStoreId(elementId, valueName);
-      return Boolean(appearAnimationStore.get(animationId));
-    };
-    window.MotionHandoffMarkAsComplete = (elementId) => {
-      if (appearComplete.has(elementId)) {
-        appearComplete.set(elementId, true);
-      }
-    };
-    window.MotionHandoffIsComplete = (elementId) => {
-      return appearComplete.get(elementId) === true;
-    };
-    window.MotionCancelOptimisedAnimation = (elementId, valueName, frame2, canResume) => {
-      const animationId = appearStoreId(elementId, valueName);
-      const data = appearAnimationStore.get(animationId);
-      if (!data)
-        return;
-      if (frame2 && canResume === void 0) {
-        frame2.postRender(() => {
-          frame2.postRender(() => {
-            data.animation.cancel();
-          });
-        });
-      } else {
-        data.animation.cancel();
-      }
-      if (frame2 && canResume) {
-        suspendedAnimations.add(data);
-        frame2.render(resumeSuspendedAnimations);
-      } else {
-        appearAnimationStore.delete(animationId);
-        if (!appearAnimationStore.size) {
-          window.MotionCancelOptimisedAnimation = void 0;
-        }
-      }
-    };
-    window.MotionCheckAppearSync = (visualElement, valueName, value) => {
-      var _a, _b;
-      const appearId = getOptimisedAppearId(visualElement);
-      if (!appearId)
-        return;
-      const valueIsOptimised = (_a = window.MotionHasOptimisedAnimation) == null ? void 0 : _a.call(window, appearId, valueName);
-      const externalAnimationValue = (_b = visualElement.props.values) == null ? void 0 : _b[valueName];
-      if (!valueIsOptimised || !externalAnimationValue)
-        return;
-      const removeSyncCheck = value.on("change", (latestValue) => {
-        var _a2;
-        if (externalAnimationValue.get() !== latestValue) {
-          (_a2 = window.MotionCancelOptimisedAnimation) == null ? void 0 : _a2.call(window, appearId, valueName);
-          removeSyncCheck();
-        }
-      });
-      return removeSyncCheck;
-    };
-  }
-  const startAnimation = () => {
-    readyAnimation.cancel();
-    const appearAnimation = startWaapiAnimation(element, name, keyframes2, options);
-    if (startFrameTime === void 0) {
-      startFrameTime = performance.now();
-    }
-    appearAnimation.startTime = startFrameTime;
-    appearAnimationStore.set(storeId, {
-      animation: appearAnimation,
-      startTime: startFrameTime
-    });
-    if (onReady)
-      onReady(appearAnimation);
-  };
-  appearComplete.set(id4, false);
-  if (readyAnimation.ready) {
-    readyAnimation.ready.then(startAnimation).catch(noop);
-  } else {
-    startAnimation();
-  }
-}
-
-// node_modules/framer-motion/dist/es/animation/hooks/use-animated-state.mjs
-var import_react46 = __toESM(require_react(), 1);
-var createObject = () => ({});
-var StateVisualElement = class extends VisualElement {
-  constructor() {
-    super(...arguments);
-    this.measureInstanceViewportBox = createBox;
-  }
-  build() {
-  }
-  resetTransform() {
-  }
-  restoreTransform() {
-  }
-  removeValueFromRenderState() {
-  }
-  renderInstance() {
-  }
-  scrapeMotionValuesFromProps() {
-    return createObject();
-  }
-  getBaseTargetFromProps() {
-    return void 0;
-  }
-  readValueFromInstance(_state, key, options) {
-    return options.initialState[key] || 0;
-  }
-  sortInstanceNodePosition() {
-    return 0;
-  }
-};
-var useVisualState = makeUseVisualState({
-  scrapeMotionValuesFromProps: createObject,
-  createRenderState: createObject
-});
-function useAnimatedState(initialState) {
-  const [animationState, setAnimationState] = (0, import_react46.useState)(initialState);
-  const visualState = useVisualState({}, false);
-  const element = useConstant(() => {
-    return new StateVisualElement({
-      props: {
-        onUpdate: (v) => {
-          setAnimationState({ ...v });
-        }
-      },
-      visualState,
-      presenceContext: null
-    }, { initialState });
-  });
-  (0, import_react46.useLayoutEffect)(() => {
-    element.mount({});
-    return () => element.unmount();
-  }, [element]);
-  const startAnimation = useConstant(() => (animationDefinition) => {
-    return animateVisualElement(element, animationDefinition);
-  });
-  return [animationState, startAnimation];
-}
-
-// node_modules/framer-motion/dist/es/components/AnimateSharedLayout.mjs
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
-var React4 = __toESM(require_react(), 1);
-var id3 = 0;
-var AnimateSharedLayout = ({ children }) => {
-  React4.useEffect(() => {
-    invariant(false, "AnimateSharedLayout is deprecated: https://www.framer.com/docs/guide-upgrade/##shared-layout-animations");
-  }, []);
-  return (0, import_jsx_runtime9.jsx)(LayoutGroup, { id: useConstant(() => `asl-${id3++}`), children });
-};
-
-// node_modules/framer-motion/dist/es/value/use-inverted-scale.mjs
-var import_react47 = __toESM(require_react(), 1);
-var maxScale = 1e5;
-var invertScale = (scale2) => scale2 > 1e-3 ? 1 / scale2 : maxScale;
-var hasWarned2 = false;
-function useInvertedScale(scale2) {
-  let parentScaleX = useMotionValue(1);
-  let parentScaleY = useMotionValue(1);
-  const { visualElement } = (0, import_react47.useContext)(MotionContext);
-  invariant(!!(scale2 || visualElement), "If no scale values are provided, useInvertedScale must be used within a child of another motion component.");
-  warning(hasWarned2, "useInvertedScale is deprecated and will be removed in 3.0. Use the layout prop instead.");
-  hasWarned2 = true;
-  if (scale2) {
-    parentScaleX = scale2.scaleX || parentScaleX;
-    parentScaleY = scale2.scaleY || parentScaleY;
-  } else if (visualElement) {
-    parentScaleX = visualElement.getValue("scaleX", 1);
-    parentScaleY = visualElement.getValue("scaleY", 1);
-  }
-  const scaleX2 = useTransform(parentScaleX, invertScale);
-  const scaleY2 = useTransform(parentScaleY, invertScale);
-  return { scaleX: scaleX2, scaleY: scaleY2 };
-}
-
-// node_modules/framer-motion/dist/es/components/Reorder/namespace.mjs
-var namespace_exports = {};
-__export(namespace_exports, {
-  Group: () => ReorderGroup,
-  Item: () => ReorderItem
-});
-
-// node_modules/framer-motion/dist/es/components/Reorder/Group.mjs
-var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
-var import_react49 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/context/ReorderContext.mjs
-var import_react48 = __toESM(require_react(), 1);
-var ReorderContext = (0, import_react48.createContext)(null);
-
-// node_modules/framer-motion/dist/es/components/Reorder/utils/check-reorder.mjs
-function checkReorder(order, value, offset, velocity) {
-  if (!velocity)
-    return order;
-  const index = order.findIndex((item2) => item2.value === value);
-  if (index === -1)
-    return order;
-  const nextOffset = velocity > 0 ? 1 : -1;
-  const nextItem = order[index + nextOffset];
-  if (!nextItem)
-    return order;
-  const item = order[index];
-  const nextLayout = nextItem.layout;
-  const nextItemCenter = mixNumber(nextLayout.min, nextLayout.max, 0.5);
-  if (nextOffset === 1 && item.layout.max + offset > nextItemCenter || nextOffset === -1 && item.layout.min + offset < nextItemCenter) {
-    return moveItem(order, index, index + nextOffset);
-  }
-  return order;
-}
-
-// node_modules/framer-motion/dist/es/components/Reorder/Group.mjs
-function ReorderGroupComponent({ children, as = "ul", axis = "y", onReorder, values, ...props }, externalRef) {
-  const Component3 = useConstant(() => motion[as]);
-  const order = [];
-  const isReordering = (0, import_react49.useRef)(false);
-  const groupRef = (0, import_react49.useRef)(null);
-  invariant(Boolean(values), "Reorder.Group must be provided a values prop", "reorder-values");
-  const context = {
-    axis,
-    groupRef,
-    registerItem: (value, layout2) => {
-      const idx = order.findIndex((entry) => value === entry.value);
-      if (idx !== -1) {
-        order[idx].layout = layout2[axis];
-      } else {
-        order.push({ value, layout: layout2[axis] });
-      }
-      order.sort(compareMin);
-    },
-    updateOrder: (item, offset, velocity) => {
-      if (isReordering.current)
-        return;
-      const newOrder = checkReorder(order, item, offset, velocity);
-      if (order !== newOrder) {
-        isReordering.current = true;
-        onReorder(newOrder.map(getValue).filter((value) => values.indexOf(value) !== -1));
-      }
-    }
-  };
-  (0, import_react49.useEffect)(() => {
-    isReordering.current = false;
-  });
-  const setRef2 = (element) => {
-    groupRef.current = element;
-    if (typeof externalRef === "function") {
-      externalRef(element);
-    } else if (externalRef) {
-      externalRef.current = element;
-    }
-  };
-  const groupStyle = {
-    overflowAnchor: "none",
-    ...props.style
-  };
-  return (0, import_jsx_runtime10.jsx)(Component3, { ...props, style: groupStyle, ref: setRef2, ignoreStrict: true, children: (0, import_jsx_runtime10.jsx)(ReorderContext.Provider, { value: context, children }) });
-}
-var ReorderGroup = (0, import_react49.forwardRef)(ReorderGroupComponent);
-function getValue(item) {
-  return item.value;
-}
-function compareMin(a, b) {
-  return a.layout.min - b.layout.min;
-}
-
-// node_modules/framer-motion/dist/es/components/Reorder/Item.mjs
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
-var import_react50 = __toESM(require_react(), 1);
-
-// node_modules/framer-motion/dist/es/components/Reorder/utils/auto-scroll.mjs
-var threshold = 50;
-var maxSpeed = 25;
-var overflowStyles2 = /* @__PURE__ */ new Set(["auto", "scroll"]);
-var initialScrollLimits = /* @__PURE__ */ new WeakMap();
-var activeScrollEdge = /* @__PURE__ */ new WeakMap();
-var currentGroupElement = null;
-function resetAutoScrollState() {
-  if (currentGroupElement) {
-    const scrollableAncestor = findScrollableAncestor(currentGroupElement, "y");
-    if (scrollableAncestor) {
-      activeScrollEdge.delete(scrollableAncestor);
-      initialScrollLimits.delete(scrollableAncestor);
-    }
-    const scrollableAncestorX = findScrollableAncestor(currentGroupElement, "x");
-    if (scrollableAncestorX && scrollableAncestorX !== scrollableAncestor) {
-      activeScrollEdge.delete(scrollableAncestorX);
-      initialScrollLimits.delete(scrollableAncestorX);
-    }
-    currentGroupElement = null;
-  }
-}
-function isScrollableElement(element, axis) {
-  const style2 = getComputedStyle(element);
-  const overflow = axis === "x" ? style2.overflowX : style2.overflowY;
-  const isDocumentScroll = element === document.body || element === document.documentElement;
-  return overflowStyles2.has(overflow) || isDocumentScroll;
-}
-function findScrollableAncestor(element, axis) {
-  let current2 = element == null ? void 0 : element.parentElement;
-  while (current2) {
-    if (isScrollableElement(current2, axis)) {
-      return current2;
-    }
-    current2 = current2.parentElement;
-  }
-  return null;
-}
-function getScrollAmount(pointerPosition, scrollElement, axis) {
-  const rect = scrollElement.getBoundingClientRect();
-  const start2 = axis === "x" ? Math.max(0, rect.left) : Math.max(0, rect.top);
-  const end = axis === "x" ? Math.min(window.innerWidth, rect.right) : Math.min(window.innerHeight, rect.bottom);
-  const distanceFromStart = pointerPosition - start2;
-  const distanceFromEnd = end - pointerPosition;
-  if (distanceFromStart < threshold) {
-    const intensity = 1 - distanceFromStart / threshold;
-    return { amount: -maxSpeed * intensity * intensity, edge: "start" };
-  } else if (distanceFromEnd < threshold) {
-    const intensity = 1 - distanceFromEnd / threshold;
-    return { amount: maxSpeed * intensity * intensity, edge: "end" };
-  }
-  return { amount: 0, edge: null };
-}
-function autoScrollIfNeeded(groupElement, pointerPosition, axis, velocity) {
-  if (!groupElement)
-    return;
-  currentGroupElement = groupElement;
-  const scrollableAncestor = findScrollableAncestor(groupElement, axis);
-  if (!scrollableAncestor)
-    return;
-  const viewportPointerPosition = pointerPosition - (axis === "x" ? window.scrollX : window.scrollY);
-  const { amount: scrollAmount, edge } = getScrollAmount(viewportPointerPosition, scrollableAncestor, axis);
-  if (edge === null) {
-    activeScrollEdge.delete(scrollableAncestor);
-    initialScrollLimits.delete(scrollableAncestor);
-    return;
-  }
-  const currentActiveEdge = activeScrollEdge.get(scrollableAncestor);
-  const isDocumentScroll = scrollableAncestor === document.body || scrollableAncestor === document.documentElement;
-  if (currentActiveEdge !== edge) {
-    const shouldStart = edge === "start" && velocity < 0 || edge === "end" && velocity > 0;
-    if (!shouldStart)
-      return;
-    activeScrollEdge.set(scrollableAncestor, edge);
-    const maxScroll = axis === "x" ? scrollableAncestor.scrollWidth - (isDocumentScroll ? window.innerWidth : scrollableAncestor.clientWidth) : scrollableAncestor.scrollHeight - (isDocumentScroll ? window.innerHeight : scrollableAncestor.clientHeight);
-    initialScrollLimits.set(scrollableAncestor, maxScroll);
-  }
-  if (scrollAmount > 0) {
-    const initialLimit = initialScrollLimits.get(scrollableAncestor);
-    const currentScroll = axis === "x" ? isDocumentScroll ? window.scrollX : scrollableAncestor.scrollLeft : isDocumentScroll ? window.scrollY : scrollableAncestor.scrollTop;
-    if (currentScroll >= initialLimit)
-      return;
-  }
-  if (axis === "x") {
-    if (isDocumentScroll) {
-      window.scrollBy({ left: scrollAmount });
-    } else {
-      scrollableAncestor.scrollLeft += scrollAmount;
-    }
-  } else {
-    if (isDocumentScroll) {
-      window.scrollBy({ top: scrollAmount });
-    } else {
-      scrollableAncestor.scrollTop += scrollAmount;
-    }
-  }
-}
-
-// node_modules/framer-motion/dist/es/components/Reorder/Item.mjs
-function useDefaultMotionValue(value, defaultValue = 0) {
-  return isMotionValue(value) ? value : useMotionValue(defaultValue);
-}
-function ReorderItemComponent({ children, style: style2 = {}, value, as = "li", onDrag, onDragEnd, layout: layout2 = true, ...props }, externalRef) {
-  const Component3 = useConstant(() => motion[as]);
-  const context = (0, import_react50.useContext)(ReorderContext);
-  const point2 = {
-    x: useDefaultMotionValue(style2.x),
-    y: useDefaultMotionValue(style2.y)
-  };
-  const zIndex = useTransform([point2.x, point2.y], ([latestX, latestY]) => latestX || latestY ? 1 : "unset");
-  invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group", "reorder-item-child");
-  const { axis, registerItem, updateOrder, groupRef } = context;
-  return (0, import_jsx_runtime11.jsx)(Component3, { drag: axis, ...props, dragSnapToOrigin: true, style: { ...style2, x: point2.x, y: point2.y, zIndex }, layout: layout2, onDrag: (event, gesturePoint) => {
-    const { velocity, point: pointerPoint } = gesturePoint;
-    const offset = point2[axis].get();
-    updateOrder(value, offset, velocity[axis]);
-    autoScrollIfNeeded(groupRef.current, pointerPoint[axis], axis, velocity[axis]);
-    onDrag && onDrag(event, gesturePoint);
-  }, onDragEnd: (event, gesturePoint) => {
-    resetAutoScrollState();
-    onDragEnd && onDragEnd(event, gesturePoint);
-  }, onLayoutMeasure: (measured) => {
-    registerItem(value, measured);
-  }, ref: externalRef, ignoreStrict: true, children });
-}
-var ReorderItem = (0, import_react50.forwardRef)(ReorderItemComponent);
-export {
   AnimatePresence,
   AnimateSharedLayout,
   AsyncMotionValueAnimation,
@@ -12255,14 +32,13 @@ export {
   PopChild,
   PresenceChild,
   PresenceContext,
-  namespace_exports as Reorder,
   SVGVisualElement,
   SubscriptionManager,
   SwitchLayoutGroupContext,
   ViewTransitionBuilder,
   VisualElement,
   WillChangeMotionValue,
-  acceleratedValues2 as acceleratedValues,
+  acceleratedValues,
   activeAnimations,
   addAttrValue,
   addDomEvent,
@@ -12309,7 +85,7 @@ export {
   buildProjectionTransform,
   buildSVGAttrs,
   buildSVGPath,
-  buildTransform2 as buildTransform,
+  buildTransform,
   calcAxisDelta,
   calcBoxDelta,
   calcChildStagger,
@@ -12385,14 +161,403 @@ export {
   frameData,
   frameSteps,
   generateLinearEasing,
-  getAnimatableNone2 as getAnimatableNone,
+  getAnimatableNone,
   getAnimationMap,
-  getComputedStyle2 as getComputedStyle,
+  getComputedStyle,
   getDefaultTransition,
   getDefaultValueType,
   getEasingForSegment,
   getFeatureDefinitions,
-  getFinalKeyframe2 as getFinalKeyframe,
+  getFinalKeyframe,
+  getMixer,
+  getOptimisedAppearId,
+  getOriginIndex,
+  getValueAsType,
+  getValueTransition,
+  getVariableValue,
+  getVariantContext,
+  getViewAnimationLayerInfo,
+  getViewAnimations,
+  globalProjectionState,
+  has2DTranslate,
+  hasReducedMotionListener,
+  hasScale,
+  hasTransform,
+  hasWarned,
+  hex,
+  hover,
+  hsla,
+  hslaToRgba,
+  inView,
+  inertia,
+  initPrefersReducedMotion,
+  interpolate,
+  invariant,
+  invisibleValues,
+  isAnimationControls,
+  isBezierDefinition,
+  isBrowser,
+  isCSSVariableName,
+  isCSSVariableToken,
+  isControllingVariants,
+  isDeltaZero,
+  isDragActive,
+  isDragging,
+  isEasingArray,
+  isElementKeyboardAccessible,
+  isElementTextInput,
+  isForcedMotionValue,
+  isGenerator,
+  isHTMLElement,
+  isKeyframesTarget,
+  isMotionComponent,
+  isMotionValue,
+  isNear,
+  isNodeOrChild,
+  isNumericalString,
+  isObject,
+  isPrimaryPointer,
+  isSVGElement,
+  isSVGSVGElement,
+  isSVGTag,
+  isTransitionDefined,
+  isValidMotionProp,
+  isVariantLabel,
+  isVariantNode,
+  isWaapiSupportedEasing,
+  isWillChangeMotionValue,
+  isZeroValueString,
+  keyframes,
+  m,
+  makeAnimationInstant,
+  makeUseVisualState,
+  mapEasingToNativeEasing,
+  mapValue,
+  maxGeneratorDuration,
+  measurePageBox,
+  measureViewportBox,
+  memo,
+  microtask,
+  millisecondsToSeconds,
+  mirrorEasing,
+  mix,
+  mixArray,
+  mixColor,
+  mixComplex,
+  mixImmediate,
+  mixLinearColor,
+  mixNumber,
+  mixObject,
+  mixValues,
+  mixVisibility,
+  motion,
+  motionValue,
+  moveItem,
+  namespace_exports,
+  nodeGroup,
+  noop,
+  number,
+  numberValueTypes,
+  observeTimeline,
+  optimizedAppearDataAttribute,
+  optimizedAppearDataId,
+  parseAnimateLayoutArgs,
+  parseCSSVariable,
+  parseValueFromTransform,
+  percent,
+  pipe,
+  pixelsToPercent,
+  positionalKeys,
+  prefersReducedMotion,
+  press,
+  progress,
+  progressPercentage,
+  propEffect,
+  propagateDirtyNodes,
+  px,
+  readTransformValue,
+  recordStats,
+  removeAxisDelta,
+  removeAxisTransforms,
+  removeBoxTransforms,
+  removeItem,
+  removePointDelta,
+  renderHTML,
+  renderSVG,
+  resize,
+  resolveElements,
+  resolveMotionValue,
+  resolveTransition,
+  resolveVariant,
+  resolveVariantFromProps,
+  reverseEasing,
+  rgbUnit,
+  rgba,
+  rootProjectionNode,
+  scale,
+  scaleCorrectors,
+  scalePoint,
+  scrapeMotionValuesFromProps,
+  scrapeMotionValuesFromProps2,
+  scroll,
+  scrollInfo,
+  secondsToMilliseconds,
+  setDragLock,
+  setFeatureDefinitions,
+  setStyle,
+  setTarget,
+  spring,
+  springValue,
+  stagger,
+  startOptimizedAppearAnimation,
+  startWaapiAnimation,
+  statsBuffer,
+  steps,
+  styleEffect,
+  supportedWaapiEasing,
+  supportsBrowserAnimation,
+  supportsFlags,
+  supportsLinearEasing,
+  supportsPartialKeyframes,
+  supportsScrollTimeline,
+  supportsViewTimeline,
+  svgEffect,
+  sync,
+  testValueType,
+  time,
+  transform,
+  transformAxis,
+  transformBox,
+  transformBoxPoints,
+  transformPropOrder,
+  transformProps,
+  transformValue,
+  transformValueTypes,
+  transformViewBoxPoint,
+  translateAxis,
+  unwrapMotionComponent,
+  updateMotionValuesFromProps,
+  useAnimate,
+  useAnimateMini,
+  useAnimatedState,
+  useAnimation,
+  useAnimationControls,
+  useAnimationFrame,
+  useComposedRefs,
+  useCycle,
+  useDomEvent,
+  useDragControls,
+  useElementScroll,
+  useFollowValue,
+  useForceUpdate,
+  useInView,
+  useInstantLayoutTransition,
+  useInstantTransition,
+  useInvertedScale,
+  useIsPresent,
+  useIsomorphicLayoutEffect,
+  useMotionTemplate,
+  useMotionValue,
+  useMotionValueEvent,
+  usePageInView,
+  usePresence,
+  usePresenceData,
+  useReducedMotion,
+  useReducedMotionConfig,
+  useResetProjection,
+  useScroll,
+  useSpring,
+  useTime,
+  useTransform,
+  useUnmountEffect,
+  useVelocity,
+  useViewportScroll,
+  useWillChange,
+  variantPriorityOrder,
+  variantProps,
+  velocityPerSecond,
+  vh,
+  visualElementStore,
+  vw,
+  warnOnce,
+  warning,
+  wrap
+} from "./chunk-IS7GUWH2.js";
+import "./chunk-BCIG5HOZ.js";
+import "./chunk-EUHAVL2Q.js";
+import "./chunk-2TUXWMP5.js";
+export {
+  AnimatePresence,
+  AnimateSharedLayout,
+  AsyncMotionValueAnimation,
+  DOMKeyframesResolver,
+  DOMVisualElement,
+  DeprecatedLayoutGroupContext,
+  DocumentProjectionNode,
+  DragControls,
+  Feature,
+  FlatTree,
+  GroupAnimation,
+  GroupAnimationWithThen,
+  HTMLProjectionNode,
+  HTMLVisualElement,
+  JSAnimation,
+  KeyframeResolver,
+  LayoutAnimationBuilder,
+  LayoutGroup,
+  LayoutGroupContext,
+  LazyMotion,
+  MotionConfig,
+  MotionConfigContext,
+  MotionContext,
+  MotionGlobalConfig,
+  MotionValue,
+  NativeAnimation,
+  NativeAnimationExtended,
+  NativeAnimationWrapper,
+  NodeStack,
+  ObjectVisualElement,
+  PopChild,
+  PresenceChild,
+  PresenceContext,
+  namespace_exports as Reorder,
+  SVGVisualElement,
+  SubscriptionManager,
+  SwitchLayoutGroupContext,
+  ViewTransitionBuilder,
+  VisualElement,
+  WillChangeMotionValue,
+  acceleratedValues,
+  activeAnimations,
+  addAttrValue,
+  addDomEvent,
+  addPointerEvent,
+  addPointerInfo,
+  addScaleCorrector,
+  addStyleValue,
+  addUniqueItem,
+  addValueToWillChange,
+  alpha,
+  analyseComplexValue,
+  animate,
+  animateMini,
+  animateMotionValue,
+  animateSingleValue,
+  animateTarget,
+  animateValue,
+  animateVariant,
+  animateView,
+  animateVisualElement,
+  animationControls,
+  animationMapKey,
+  animations,
+  anticipate,
+  applyAxisDelta,
+  applyBoxDelta,
+  applyGeneratorOptions,
+  applyPointDelta,
+  applyPxDefaults,
+  applyTreeDeltas,
+  aspectRatio,
+  attachFollow,
+  attachSpring,
+  attrEffect,
+  axisDeltaEquals,
+  axisEquals,
+  axisEqualsRounded,
+  backIn,
+  backInOut,
+  backOut,
+  boxEquals,
+  boxEqualsRounded,
+  buildHTMLStyles,
+  buildProjectionTransform,
+  buildSVGAttrs,
+  buildSVGPath,
+  buildTransform,
+  calcAxisDelta,
+  calcBoxDelta,
+  calcChildStagger,
+  calcGeneratorDuration,
+  calcLength,
+  calcRelativeAxis,
+  calcRelativeAxisPosition,
+  calcRelativeBox,
+  calcRelativePosition,
+  camelCaseAttributes,
+  camelToDash,
+  cancelFrame,
+  cancelMicrotask,
+  cancelSync,
+  checkVariantsDidChange,
+  circIn,
+  circInOut,
+  circOut,
+  clamp,
+  cleanDirtyNodes,
+  collectMotionValues,
+  color,
+  compareByDepth,
+  complex,
+  containsCSSVariable,
+  convertBoundingBoxToBox,
+  convertBoxToBoundingBox,
+  convertOffsetToTimes,
+  copyAxisDeltaInto,
+  copyAxisInto,
+  copyBoxInto,
+  correctBorderRadius,
+  correctBoxShadow,
+  correctParentTransform,
+  createAnimationState,
+  createAxis,
+  createAxisDelta,
+  createBox,
+  createDelta,
+  createGeneratorEasing,
+  createProjectionNode,
+  createRenderBatcher,
+  createScopedAnimate,
+  cubicBezier,
+  cubicBezierAsString,
+  defaultEasing,
+  defaultOffset,
+  defaultTransformValue,
+  defaultValueTypes,
+  degrees,
+  delay,
+  delayInSeconds,
+  dimensionValueTypes,
+  disableInstantTransitions,
+  distance,
+  distance2D,
+  domAnimation,
+  domMax,
+  domMin,
+  eachAxis,
+  easeIn,
+  easeInOut,
+  easeOut,
+  easingDefinitionToFunction,
+  fillOffset,
+  fillWildcards,
+  filterProps,
+  findDimensionValueType,
+  findValueType,
+  flushKeyframeResolvers,
+  followValue,
+  frame,
+  frameData,
+  frameSteps,
+  generateLinearEasing,
+  getAnimatableNone,
+  getAnimationMap,
+  getComputedStyle,
+  getDefaultTransition,
+  getDefaultValueType,
+  getEasingForSegment,
+  getFeatureDefinitions,
+  getFinalKeyframe,
   getMixer,
   getOptimisedAppearId,
   getOriginIndex,
@@ -12606,4 +771,3 @@ export {
   warning,
   wrap
 };
-//# sourceMappingURL=motion_react.js.map
diff --git a/frontend/node_modules/.vite/deps/motion_react.js.map b/frontend/node_modules/.vite/deps/motion_react.js.map
index 24907679..98652118 100644
--- a/frontend/node_modules/.vite/deps/motion_react.js.map
+++ b/frontend/node_modules/.vite/deps/motion_react.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../framer-motion/dist/es/context/LayoutGroupContext.mjs", "../../framer-motion/src/utils/use-constant.ts", "../../framer-motion/src/utils/is-browser.ts", "../../framer-motion/src/utils/use-isomorphic-effect.ts", "../../framer-motion/src/context/PresenceContext.ts", "../../motion-utils/src/array.ts", "../../motion-utils/src/clamp.ts", "../../motion-utils/src/format-error-message.ts", "../../motion-utils/src/errors.ts", "../../motion-utils/src/global-config.ts", "../../motion-utils/src/is-numerical-string.ts", "../../motion-utils/src/is-object.ts", "../../motion-utils/src/is-zero-value-string.ts", "../../motion-utils/src/memo.ts", "../../motion-utils/src/noop.ts", "../../motion-utils/src/pipe.ts", "../../motion-utils/src/progress.ts", "../../motion-utils/src/subscription-manager.ts", "../../motion-utils/src/time-conversion.ts", "../../motion-utils/src/velocity-per-second.ts", "../../motion-utils/src/warn-once.ts", "../../motion-utils/src/wrap.ts", "../../motion-utils/src/easing/cubic-bezier.ts", "../../motion-utils/src/easing/modifiers/mirror.ts", "../../motion-utils/src/easing/modifiers/reverse.ts", "../../motion-utils/src/easing/back.ts", "../../motion-utils/src/easing/anticipate.ts", "../../motion-utils/src/easing/circ.ts", "../../motion-utils/src/easing/ease.ts", "../../motion-utils/src/easing/steps.ts", "../../motion-utils/src/easing/utils/is-easing-array.ts", "../../motion-utils/src/easing/utils/get-easing-for-segment.ts", "../../motion-utils/src/easing/utils/is-bezier-definition.ts", "../../motion-utils/src/easing/utils/map.ts", "../../motion-dom/src/frameloop/order.ts", "../../motion-dom/src/stats/buffer.ts", "../../motion-dom/src/frameloop/render-step.ts", "../../motion-dom/src/frameloop/batcher.ts", "../../motion-dom/src/frameloop/frame.ts", "../../motion-dom/src/frameloop/sync-time.ts", "../../motion-dom/src/stats/animation-count.ts", "../../motion-dom/src/animation/utils/is-css-variable.ts", "../../motion-dom/src/value/types/numbers/index.ts", "../../motion-dom/src/value/types/utils/sanitize.ts", "../../motion-dom/src/value/types/utils/float-regex.ts", "../../motion-dom/src/value/types/utils/is-nullish.ts", "../../motion-dom/src/value/types/utils/single-color-regex.ts", "../../motion-dom/src/value/types/color/utils.ts", "../../motion-dom/src/value/types/color/rgba.ts", "../../motion-dom/src/value/types/color/hex.ts", "../../motion-dom/src/value/types/numbers/units.ts", "../../motion-dom/src/value/types/color/hsla.ts", "../../motion-dom/src/value/types/color/index.ts", "../../motion-dom/src/value/types/utils/color-regex.ts", "../../motion-dom/src/value/types/complex/index.ts", "../../motion-dom/src/value/types/color/hsla-to-rgba.ts", "../../motion-dom/src/utils/mix/immediate.ts", "../../motion-dom/src/utils/mix/number.ts", "../../motion-dom/src/utils/mix/color.ts", "../../motion-dom/src/utils/mix/visibility.ts", "../../motion-dom/src/utils/mix/complex.ts", "../../motion-dom/src/utils/mix/index.ts", "../../motion-dom/src/animation/drivers/frame.ts", "../../motion-dom/src/animation/waapi/utils/linear.ts", "../../motion-dom/src/animation/generators/utils/calc-duration.ts", "../../motion-dom/src/animation/generators/utils/create-generator-easing.ts", "../../motion-dom/src/animation/generators/spring.ts", "../../motion-dom/src/animation/generators/utils/velocity.ts", "../../motion-dom/src/animation/generators/inertia.ts", "../../motion-dom/src/utils/interpolate.ts", "../../motion-dom/src/animation/keyframes/offsets/fill.ts", "../../motion-dom/src/animation/keyframes/offsets/default.ts", "../../motion-dom/src/animation/keyframes/offsets/time.ts", "../../motion-dom/src/animation/generators/keyframes.ts", "../../motion-dom/src/animation/keyframes/get-final.ts", "../../motion-dom/src/animation/utils/replace-transition-type.ts", "../../motion-dom/src/animation/utils/WithPromise.ts", "../../motion-dom/src/animation/JSAnimation.ts", "../../motion-dom/src/animation/keyframes/utils/fill-wildcards.ts", "../../motion-dom/src/render/dom/parse-transform.ts", "../../motion-dom/src/render/utils/keys-transform.ts", "../../motion-dom/src/animation/keyframes/utils/unit-conversion.ts", "../../motion-dom/src/animation/keyframes/KeyframesResolver.ts", "../../motion-dom/src/render/dom/is-css-var.ts", "../../motion-dom/src/render/dom/style-set.ts", "../../motion-dom/src/utils/supports/flags.ts", "../../motion-dom/src/utils/supports/memo.ts", "../../motion-dom/src/utils/supports/scroll-timeline.ts", "../../motion-dom/src/utils/supports/linear-easing.ts", "../../motion-dom/src/animation/waapi/easing/cubic-bezier.ts", "../../motion-dom/src/animation/waapi/easing/supported.ts", "../../motion-dom/src/animation/waapi/easing/map-easing.ts", "../../motion-dom/src/animation/waapi/start-waapi-animation.ts", "../../motion-dom/src/animation/generators/utils/is-generator.ts", "../../motion-dom/src/animation/waapi/utils/apply-generator.ts", "../../motion-dom/src/animation/NativeAnimation.ts", "../../motion-dom/src/animation/waapi/utils/unsupported-easing.ts", "../../motion-dom/src/animation/NativeAnimationExtended.ts", "../../motion-dom/src/animation/utils/is-animatable.ts", "../../motion-dom/src/animation/utils/can-animate.ts", "../../motion-dom/src/animation/utils/make-animation-instant.ts", "../../motion-dom/src/animation/waapi/supports/waapi.ts", "../../motion-dom/src/animation/AsyncMotionValueAnimation.ts", "../../motion-dom/src/animation/GroupAnimation.ts", "../../motion-dom/src/animation/GroupAnimationWithThen.ts", "../../motion-dom/src/animation/NativeAnimationWrapper.ts", "../../motion-dom/src/animation/utils/active-animations.ts", "../../motion-dom/src/animation/utils/calc-child-stagger.ts", "../../motion-dom/src/animation/utils/css-variables-conversion.ts", "../../motion-dom/src/animation/utils/default-transitions.ts", "../../motion-dom/src/animation/utils/get-final-keyframe.ts", "../../motion-dom/src/animation/utils/resolve-transition.ts", "../../motion-dom/src/animation/utils/get-value-transition.ts", "../../motion-dom/src/animation/utils/is-transition-defined.ts", "../../motion-dom/src/animation/interfaces/motion-value.ts", "../../motion-dom/src/render/utils/resolve-variants.ts", "../../motion-dom/src/render/utils/resolve-dynamic-variants.ts", "../../motion-dom/src/render/utils/keys-position.ts", "../../motion-dom/src/value/index.ts", "../../motion-dom/src/render/utils/is-keyframes-target.ts", "../../motion-dom/src/render/utils/setters.ts", "../../motion-dom/src/value/utils/is-motion-value.ts", "../../motion-dom/src/value/will-change/is.ts", "../../motion-dom/src/value/will-change/add-will-change.ts", "../../motion-dom/src/render/dom/utils/camel-to-dash.ts", "../../motion-dom/src/animation/optimized-appear/data-id.ts", "../../motion-dom/src/animation/optimized-appear/get-appear-id.ts", "../../motion-dom/src/animation/interfaces/visual-element-target.ts", "../../motion-dom/src/animation/interfaces/visual-element-variant.ts", "../../motion-dom/src/animation/interfaces/visual-element.ts", "../../motion-dom/src/value/types/auto.ts", "../../motion-dom/src/value/types/test.ts", "../../motion-dom/src/value/types/dimensions.ts", "../../motion-dom/src/animation/keyframes/utils/is-none.ts", "../../motion-dom/src/value/types/complex/filter.ts", "../../motion-dom/src/value/types/complex/mask.ts", "../../motion-dom/src/value/types/int.ts", "../../motion-dom/src/value/types/maps/transform.ts", "../../motion-dom/src/value/types/maps/number.ts", "../../motion-dom/src/value/types/maps/defaults.ts", "../../motion-dom/src/value/types/utils/animatable-none.ts", "../../motion-dom/src/animation/keyframes/utils/make-none-animatable.ts", "../../motion-dom/src/animation/keyframes/DOMKeyframesResolver.ts", "../../motion-dom/src/animation/waapi/utils/px-values.ts", "../../motion-dom/src/animation/keyframes/utils/apply-px-defaults.ts", "../../motion-dom/src/animation/waapi/easing/is-supported.ts", "../../motion-dom/src/animation/waapi/supports/partial-keyframes.ts", "../../motion-dom/src/animation/waapi/utils/accelerated-values.ts", "../../motion-dom/src/utils/resolve-elements.ts", "../../motion-dom/src/effects/utils/create-dom-effect.ts", "../../motion-dom/src/value/types/utils/get-as-type.ts", "../../motion-dom/src/effects/MotionValueState.ts", "../../motion-dom/src/effects/utils/create-effect.ts", "../../motion-dom/src/effects/attr/index.ts", "../../motion-dom/src/effects/prop/index.ts", "../../motion-dom/src/utils/is-html-element.ts", "../../motion-dom/src/effects/style/transform.ts", "../../motion-dom/src/effects/style/index.ts", "../../motion-dom/src/effects/svg/index.ts", "../../motion-dom/src/frameloop/microtask.ts", "../../motion-dom/src/gestures/drag/state/is-active.ts", "../../motion-dom/src/gestures/drag/state/set-active.ts", "../../motion-dom/src/gestures/utils/setup.ts", "../../motion-dom/src/gestures/hover.ts", "../../motion-dom/src/gestures/utils/is-node-or-child.ts", "../../motion-dom/src/gestures/utils/is-primary-pointer.ts", "../../motion-dom/src/gestures/press/utils/is-keyboard-accessible.ts", "../../motion-dom/src/gestures/press/utils/state.ts", "../../motion-dom/src/gestures/press/utils/keyboard.ts", "../../motion-dom/src/gestures/press/index.ts", "../../motion-dom/src/render/dom/style-computed.ts", "../../motion-dom/src/utils/is-svg-element.ts", "../../motion-dom/src/resize/handle-element.ts", "../../motion-dom/src/resize/handle-window.ts", "../../motion-dom/src/resize/index.ts", "../../motion-dom/src/scroll/observe.ts", "../../motion-dom/src/stats/index.ts", "../../motion-dom/src/utils/is-svg-svg-element.ts", "../../motion-dom/src/utils/stagger.ts", "../../motion-dom/src/utils/transform.ts", "../../motion-dom/src/value/follow-value.ts", "../../motion-dom/src/value/subscribe-value.ts", "../../motion-dom/src/value/transform-value.ts", "../../motion-dom/src/value/map-value.ts", "../../motion-dom/src/value/spring-value.ts", "../../motion-dom/src/value/types/utils/find.ts", "../../motion-dom/src/view/utils/choose-layer-type.ts", "../../motion-dom/src/view/utils/css.ts", "../../motion-dom/src/view/utils/get-layer-info.ts", "../../motion-dom/src/view/utils/get-view-animations.ts", "../../motion-dom/src/view/utils/has-target.ts", "../../motion-dom/src/view/start.ts", "../../motion-dom/src/view/queue.ts", "../../motion-dom/src/view/index.ts", "../../motion-dom/src/projection/geometry/models.ts", "../../motion-dom/src/render/store.ts", "../../motion-dom/src/render/utils/is-animation-controls.ts", "../../motion-dom/src/render/utils/is-variant-label.ts", "../../motion-dom/src/render/utils/variant-props.ts", "../../motion-dom/src/render/utils/is-controlling-variants.ts", "../../motion-dom/src/render/utils/motion-values.ts", "../../motion-dom/src/render/utils/reduced-motion/state.ts", "../../motion-dom/src/render/utils/reduced-motion/index.ts", "../../motion-dom/src/render/VisualElement.ts", "../../motion-dom/src/render/dom/DOMVisualElement.ts", "../../motion-dom/src/render/Feature.ts", "../../motion-dom/src/projection/geometry/conversion.ts", "../../motion-dom/src/projection/utils/has-transform.ts", "../../motion-dom/src/projection/geometry/delta-apply.ts", "../../motion-dom/src/projection/utils/measure.ts", "../../motion-dom/src/render/html/utils/build-transform.ts", "../../motion-dom/src/render/html/utils/build-styles.ts", "../../motion-dom/src/render/html/utils/render.ts", "../../motion-dom/src/projection/styles/scale-border-radius.ts", "../../motion-dom/src/projection/styles/scale-box-shadow.ts", "../../motion-dom/src/projection/styles/scale-correction.ts", "../../motion-dom/src/render/utils/is-forced-motion-value.ts", "../../motion-dom/src/render/html/utils/scrape-motion-values.ts", "../../motion-dom/src/render/html/HTMLVisualElement.ts", "../../motion-dom/src/render/object/ObjectVisualElement.ts", "../../motion-dom/src/render/svg/utils/path.ts", "../../motion-dom/src/render/svg/utils/build-attrs.ts", "../../motion-dom/src/render/svg/utils/camel-case-attrs.ts", "../../motion-dom/src/render/svg/utils/is-svg-tag.ts", "../../motion-dom/src/render/svg/utils/render.ts", "../../motion-dom/src/render/svg/utils/scrape-motion-values.ts", "../../motion-dom/src/render/svg/SVGVisualElement.ts", "../../motion-dom/src/render/utils/get-variant-context.ts", "../../motion-dom/src/render/utils/shallow-compare.ts", "../../motion-dom/src/render/utils/animation-state.ts", "../../motion-dom/src/projection/geometry/copy.ts", "../../motion-dom/src/projection/geometry/delta-calc.ts", "../../motion-dom/src/projection/geometry/delta-remove.ts", "../../motion-dom/src/projection/geometry/utils.ts", "../../motion-dom/src/projection/utils/each-axis.ts", "../../motion-dom/src/projection/styles/transform.ts", "../../motion-dom/src/projection/animation/mix-values.ts", "../../motion-dom/src/animation/animate/single-value.ts", "../../motion-dom/src/events/add-dom-event.ts", "../../motion-dom/src/projection/utils/compare-by-depth.ts", "../../motion-dom/src/projection/utils/flat-tree.ts", "../../motion-dom/src/utils/delay.ts", "../../motion-dom/src/value/utils/resolve-motion-value.ts", "../../motion-dom/src/projection/shared/stack.ts", "../../motion-dom/src/projection/node/state.ts", "../../motion-dom/src/projection/node/create-projection-node.ts", "../../motion-dom/src/projection/node/DocumentProjectionNode.ts", "../../motion-dom/src/projection/node/group.ts", "../../motion-dom/src/projection/node/HTMLProjectionNode.ts", "../../motion-dom/src/layout/LayoutAnimationBuilder.ts", "../../motion-dom/src/frameloop/index-legacy.ts", "../../framer-motion/src/context/MotionConfigContext.tsx", "../../framer-motion/src/utils/use-composed-ref.ts", "../../framer-motion/src/components/AnimatePresence/PopChild.tsx", "../../framer-motion/src/components/AnimatePresence/PresenceChild.tsx", "../../framer-motion/src/components/AnimatePresence/use-presence.ts", "../../framer-motion/src/components/AnimatePresence/utils.ts", "../../framer-motion/src/components/AnimatePresence/index.tsx", "../../framer-motion/src/utils/use-is-mounted.ts", "../../framer-motion/src/utils/use-force-update.ts", "../../framer-motion/src/components/LayoutGroup/index.tsx", "../../framer-motion/src/context/LazyContext.ts", "../../framer-motion/src/motion/features/definitions.ts", "../../framer-motion/src/motion/features/load-features.ts", "../../framer-motion/src/components/LazyMotion/index.tsx", "../../framer-motion/src/motion/utils/valid-prop.ts", "../../framer-motion/src/render/dom/utils/filter-props.ts", "../../framer-motion/src/components/MotionConfig/index.tsx", "../../framer-motion/src/context/MotionContext/index.ts", "../../framer-motion/src/context/MotionContext/utils.ts", "../../framer-motion/src/context/MotionContext/create.ts", "../../framer-motion/src/render/html/utils/create-render-state.ts", "../../framer-motion/src/render/html/use-props.ts", "../../framer-motion/src/render/svg/utils/create-render-state.ts", "../../framer-motion/src/render/svg/use-props.ts", "../../framer-motion/src/render/svg/lowercase-elements.ts", "../../framer-motion/src/render/dom/utils/is-svg-component.ts", "../../framer-motion/src/render/dom/use-render.ts", "../../framer-motion/src/motion/utils/use-visual-state.ts", "../../framer-motion/src/render/html/use-html-visual-state.ts", "../../framer-motion/src/render/svg/use-svg-visual-state.ts", "../../framer-motion/src/motion/utils/symbol.ts", "../../framer-motion/src/motion/utils/use-motion-ref.ts", "../../framer-motion/src/utils/is-ref-object.ts", "../../framer-motion/src/motion/utils/use-visual-element.ts", "../../framer-motion/src/motion/index.tsx", "../../framer-motion/src/render/components/create-proxy.ts", "../../framer-motion/src/render/components/m/proxy.ts", "../../framer-motion/src/render/dom/create-visual-element.ts", "../../framer-motion/src/motion/features/animation/index.ts", "../../framer-motion/src/motion/features/animation/exit.ts", "../../framer-motion/src/motion/features/animations.ts", "../../framer-motion/src/events/event-info.ts", "../../framer-motion/src/events/add-pointer-event.ts", "../../framer-motion/src/utils/get-context-window.ts", "../../framer-motion/src/utils/distance.ts", "../../framer-motion/src/gestures/pan/PanSession.ts", "../../framer-motion/src/gestures/drag/utils/constraints.ts", "../../framer-motion/src/gestures/drag/VisualElementDragControls.ts", "../../framer-motion/src/gestures/drag/index.ts", "../../framer-motion/src/gestures/pan/index.ts", "../../framer-motion/src/motion/features/layout/MeasureLayout.tsx", "../../framer-motion/src/motion/features/drag.ts", "../../framer-motion/src/gestures/hover.ts", "../../framer-motion/src/gestures/focus.ts", "../../framer-motion/src/gestures/press.ts", "../../framer-motion/src/motion/features/viewport/observers.ts", "../../framer-motion/src/motion/features/viewport/index.ts", "../../framer-motion/src/motion/features/gestures.ts", "../../framer-motion/src/motion/features/layout.ts", "../../framer-motion/src/render/components/motion/feature-bundle.ts", "../../framer-motion/src/render/components/motion/proxy.ts", "../../framer-motion/src/utils/use-unmount-effect.ts", "../../framer-motion/src/render/dom/features-animation.ts", "../../framer-motion/src/render/dom/features-max.ts", "../../framer-motion/src/render/dom/features-min.ts", "../../framer-motion/src/utils/use-motion-value-event.ts", "../../framer-motion/src/render/dom/scroll/utils/can-use-native-timeline.ts", "../../framer-motion/src/render/dom/scroll/info.ts", "../../framer-motion/src/render/dom/scroll/offsets/inset.ts", "../../framer-motion/src/render/dom/scroll/offsets/edge.ts", "../../framer-motion/src/render/dom/scroll/offsets/offset.ts", "../../framer-motion/src/render/dom/scroll/offsets/presets.ts", "../../framer-motion/src/render/dom/scroll/offsets/index.ts", "../../framer-motion/src/render/dom/scroll/on-scroll-handler.ts", "../../framer-motion/src/render/dom/scroll/track.ts", "../../framer-motion/src/render/dom/scroll/utils/offset-to-range.ts", "../../framer-motion/src/render/dom/scroll/utils/get-timeline.ts", "../../framer-motion/src/render/dom/scroll/attach-animation.ts", "../../framer-motion/src/render/dom/scroll/attach-function.ts", "../../framer-motion/src/render/dom/scroll/index.ts", "../../framer-motion/src/value/use-scroll.ts", "../../framer-motion/src/value/scroll/use-element-scroll.ts", "../../framer-motion/src/value/scroll/use-viewport-scroll.ts", "../../framer-motion/src/value/use-motion-value.ts", "../../framer-motion/src/value/use-combine-values.ts", "../../framer-motion/src/value/use-motion-template.ts", "../../framer-motion/src/value/use-computed.ts", "../../framer-motion/src/value/use-transform.ts", "../../framer-motion/src/value/use-follow-value.ts", "../../framer-motion/src/value/use-spring.ts", "../../framer-motion/src/utils/use-animation-frame.ts", "../../framer-motion/src/value/use-time.ts", "../../framer-motion/src/value/use-velocity.ts", "../../framer-motion/src/value/use-will-change/WillChangeMotionValue.ts", "../../framer-motion/src/value/use-will-change/index.ts", "../../framer-motion/src/utils/reduced-motion/use-reduced-motion.ts", "../../framer-motion/src/utils/reduced-motion/use-reduced-motion-config.ts", "../../framer-motion/src/animation/hooks/animation-controls.ts", "../../framer-motion/src/animation/utils/is-dom-keyframes.ts", "../../framer-motion/src/animation/animate/resolve-subjects.ts", "../../framer-motion/src/animation/sequence/utils/calc-repeat-duration.ts", "../../framer-motion/src/animation/sequence/utils/calc-time.ts", "../../framer-motion/src/animation/sequence/utils/edit.ts", "../../framer-motion/src/animation/sequence/utils/normalize-times.ts", "../../framer-motion/src/animation/sequence/utils/sort.ts", "../../framer-motion/src/animation/sequence/create.ts", "../../framer-motion/src/animation/utils/create-visual-element.ts", "../../framer-motion/src/animation/animate/subject.ts", "../../framer-motion/src/animation/animate/sequence.ts", "../../framer-motion/src/animation/animate/index.ts", "../../framer-motion/src/animation/hooks/use-animate.ts", "../../framer-motion/src/animation/animators/waapi/animate-elements.ts", "../../framer-motion/src/animation/animators/waapi/animate-style.ts", "../../framer-motion/src/animation/hooks/use-animate-style.ts", "../../framer-motion/src/animation/hooks/use-animation.ts", "../../framer-motion/src/components/AnimatePresence/use-presence-data.ts", "../../framer-motion/src/events/use-dom-event.ts", "../../framer-motion/src/gestures/drag/use-drag-controls.ts", "../../framer-motion/src/motion/utils/is-motion-component.ts", "../../framer-motion/src/motion/utils/unwrap-motion-component.ts", "../../framer-motion/src/projection/use-instant-layout-transition.ts", "../../framer-motion/src/projection/use-reset-projection.ts", "../../framer-motion/src/utils/use-cycle.ts", "../../framer-motion/src/render/dom/viewport/index.ts", "../../framer-motion/src/utils/use-in-view.ts", "../../framer-motion/src/utils/use-instant-transition.ts", "../../framer-motion/src/utils/use-page-in-view.ts", "../../framer-motion/src/utils/transform-viewbox-point.ts", "../../framer-motion/src/utils/transform-rotated-parent.ts", "../../framer-motion/src/animation/optimized-appear/store.ts", "../../framer-motion/src/animation/optimized-appear/store-id.ts", "../../framer-motion/src/animation/optimized-appear/handoff.ts", "../../framer-motion/src/animation/optimized-appear/start.ts", "../../framer-motion/src/animation/hooks/use-animated-state.ts", "../../framer-motion/src/components/AnimateSharedLayout.tsx", "../../framer-motion/src/value/use-inverted-scale.ts", "../../framer-motion/dist/es/components/Reorder/namespace.mjs", "../../framer-motion/dist/es/context/ReorderContext.mjs", "../../framer-motion/src/components/Reorder/utils/check-reorder.ts", "../../framer-motion/src/components/Reorder/Group.tsx", "../../framer-motion/src/components/Reorder/utils/auto-scroll.ts", "../../framer-motion/src/components/Reorder/Item.tsx"],
-  "sourcesContent": ["\"use client\";\nimport { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n//# sourceMappingURL=LayoutGroupContext.mjs.map\n", "\"use client\"\n\nimport { useRef } from \"react\"\n\ntype Init<T> = () => T\n\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */\nexport function useConstant<T>(init: Init<T>) {\n    const ref = useRef<T | null>(null)\n\n    if (ref.current === null) {\n        ref.current = init()\n    }\n\n    return ref.current\n}\n", "export const isBrowser = typeof window !== \"undefined\"\n", "\"use client\"\n\nimport { useEffect, useLayoutEffect } from \"react\"\nimport { isBrowser } from \"./is-browser\"\n\nexport const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect\n", "\"use client\"\n\nimport { createContext } from \"react\"\nimport type { PresenceContextProps } from \"motion-dom\"\n\nexport type { PresenceContextProps }\n\n/**\n * @public\n */\nexport const PresenceContext =\n    /* @__PURE__ */ createContext<PresenceContextProps | null>(null)\n", "export function addUniqueItem<T>(arr: T[], item: T) {\n    if (arr.indexOf(item) === -1) arr.push(item)\n}\n\nexport function removeItem<T>(arr: T[], item: T) {\n    const index = arr.indexOf(item)\n    if (index > -1) arr.splice(index, 1)\n}\n\n// Adapted from array-move\nexport function moveItem<T>([...arr]: T[], fromIndex: number, toIndex: number) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex\n\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex\n\n        const [item] = arr.splice(fromIndex, 1)\n        arr.splice(endIndex, 0, item)\n    }\n\n    return arr\n}\n", "export const clamp = (min: number, max: number, v: number) => {\n    if (v > max) return max\n    if (v < min) return min\n    return v\n}\n", "export function formatErrorMessage(message: string, errorCode?: string) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message\n}\n", "import { formatErrorMessage } from \"./format-error-message\"\n\nexport type DevMessage = (\n    check: boolean,\n    message: string,\n    errorCode?: string\n) => void\n\nlet warning: DevMessage = () => {}\nlet invariant: DevMessage = () => {}\n\nif (\n    typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\"\n) {\n    warning = (check, message, errorCode) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(formatErrorMessage(message, errorCode))\n        }\n    }\n\n    invariant = (check, message, errorCode) => {\n        if (!check) {\n            throw new Error(formatErrorMessage(message, errorCode))\n        }\n    }\n}\n\nexport { invariant, warning }\n", "export const MotionGlobalConfig: {\n    skipAnimations?: boolean\n    instantAnimations?: boolean\n    useManualTiming?: boolean\n    WillChange?: any\n    mix?: <T>(a: T, b: T) => (p: number) => T\n} = {}\n", "/**\n * Check if value is a numerical string, ie a string that is purely a number eg \"100\" or \"-100.1\"\n */\nexport const isNumericalString = (v: string) => /^-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)$/u.test(v)\n", "export function isObject(value: unknown): value is object {\n    return typeof value === \"object\" && value !== null\n}\n", "/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nexport const isZeroValueString = (v: string) => /^0[^.\\s]+$/u.test(v)\n", "/*#__NO_SIDE_EFFECTS__*/\nexport function memo<T extends any>(callback: () => T) {\n    let result: T | undefined\n\n    return () => {\n        if (result === undefined) result = callback()\n        return result\n    }\n}\n", "/*#__NO_SIDE_EFFECTS__*/\nexport const noop = <T>(any: T): T => any\n", "/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a: Function, b: Function) => (v: any) => b(a(v))\nexport const pipe = (...transformers: Function[]) =>\n    transformers.reduce(combineFunctions)\n", "/*\n  Progress within given range\n\n  Given a lower limit and an upper limit, we return the progress\n  (expressed as a number 0-1) represented by the given value, and\n  limit that progress to within 0-1.\n\n  @param [number]: Lower limit\n  @param [number]: Upper limit\n  @param [number]: Value to find progress within given range\n  @return [number]: Progress of value within range as expressed 0-1\n*/\n/*#__NO_SIDE_EFFECTS__*/\nexport const progress = (from: number, to: number, value: number) => {\n    const toFromDifference = to - from\n\n    return toFromDifference === 0 ? 1 : (value - from) / toFromDifference\n}\n", "import { addUniqueItem, removeItem } from \"./array\"\n\ntype GenericHandler = (...args: any) => void\n\nexport class SubscriptionManager<Handler extends GenericHandler> {\n    private subscriptions: Handler[] = []\n\n    add(handler: Handler): VoidFunction {\n        addUniqueItem(this.subscriptions, handler)\n        return () => removeItem(this.subscriptions, handler)\n    }\n\n    notify(\n        a?: Parameters<Handler>[0],\n        b?: Parameters<Handler>[1],\n        c?: Parameters<Handler>[2]\n    ) {\n        const numSubscriptions = this.subscriptions.length\n\n        if (!numSubscriptions) return\n\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c)\n        } else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i]\n                handler && handler(a, b, c)\n            }\n        }\n    }\n\n    getSize() {\n        return this.subscriptions.length\n    }\n\n    clear() {\n        this.subscriptions.length = 0\n    }\n}\n", "/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\n\n/*#__NO_SIDE_EFFECTS__*/\nexport const secondsToMilliseconds = (seconds: number) => seconds * 1000\n\n/*#__NO_SIDE_EFFECTS__*/\nexport const millisecondsToSeconds = (milliseconds: number) =>\n    milliseconds / 1000\n", "/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nexport function velocityPerSecond(velocity: number, frameDuration: number) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0\n}\n", "import { formatErrorMessage } from \"./format-error-message\"\n\nconst warned = new Set<string>()\n\nexport function hasWarned(message: string) {\n    return warned.has(message)\n}\n\nexport function warnOnce(\n    condition: boolean,\n    message: string,\n    errorCode?: string\n) {\n    if (condition || warned.has(message)) return\n\n    console.warn(formatErrorMessage(message, errorCode))\n    warned.add(message)\n}\n", "export const wrap = (min: number, max: number, v: number) => {\n    const rangeSize = max - min\n    return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min\n}\n", "/*\n  Bezier function generator\n  This has been modified from Gaëtan Renaudeau's BezierEasing\n  https://github.com/gre/bezier-easing/blob/master/src/index.js\n  https://github.com/gre/bezier-easing/blob/master/LICENSE\n  \n  I've removed the newtonRaphsonIterate algo because in benchmarking it\n  wasn't noticeably faster than binarySubdivision, indeed removing it\n  usually improved times, depending on the curve.\n  I also removed the lookup table, as for the added bundle size and loop we're\n  only cutting ~4 or so subdivision iterations. I bumped the max iterations up\n  to 12 to compensate and this still tended to be faster for no perceivable\n  loss in accuracy.\n  Usage\n    const easeOut = cubicBezier(.17,.67,.83,.67);\n    const x = easeOut(0.5); // returns 0.627...\n*/\n\nimport { noop } from \"../noop\"\n\n// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\nconst calcBezier = (t: number, a1: number, a2: number) =>\n    (((1.0 - 3.0 * a2 + 3.0 * a1) * t + (3.0 * a2 - 6.0 * a1)) * t + 3.0 * a1) *\n    t\n\nconst subdivisionPrecision = 0.0000001\nconst subdivisionMaxIterations = 12\n\nfunction binarySubdivide(\n    x: number,\n    lowerBound: number,\n    upperBound: number,\n    mX1: number,\n    mX2: number\n) {\n    let currentX: number\n    let currentT: number\n    let i: number = 0\n\n    do {\n        currentT = lowerBound + (upperBound - lowerBound) / 2.0\n        currentX = calcBezier(currentT, mX1, mX2) - x\n        if (currentX > 0.0) {\n            upperBound = currentT\n        } else {\n            lowerBound = currentT\n        }\n    } while (\n        Math.abs(currentX) > subdivisionPrecision &&\n        ++i < subdivisionMaxIterations\n    )\n\n    return currentT\n}\n\nexport function cubicBezier(\n    mX1: number,\n    mY1: number,\n    mX2: number,\n    mY2: number\n) {\n    // If this is a linear gradient, return linear easing\n    if (mX1 === mY1 && mX2 === mY2) return noop\n\n    const getTForX = (aX: number) => binarySubdivide(aX, 0, 1, mX1, mX2)\n\n    // If animation is at start/end, return t without easing\n    return (t: number) =>\n        t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2)\n}\n", "// Accepts an easing function and returns a new one that outputs mirrored values for\n\nimport { EasingModifier } from \"../types\"\n\n// the second half of the animation. Turns easeIn into easeInOut.\nexport const mirrorEasing: EasingModifier = (easing) => (p) =>\n    p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2\n", "// Accepts an easing function and returns a new one that outputs reversed values.\n\nimport { EasingModifier } from \"../types\"\n\n// Turns easeIn into easeOut.\nexport const reverseEasing: EasingModifier = (easing) => (p) =>\n    1 - easing(1 - p)\n", "import { cubicBezier } from \"./cubic-bezier\"\nimport { mirrorEasing } from \"./modifiers/mirror\"\nimport { reverseEasing } from \"./modifiers/reverse\"\n\nexport const backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99)\nexport const backIn = /*@__PURE__*/ reverseEasing(backOut)\nexport const backInOut = /*@__PURE__*/ mirrorEasing(backIn)\n", "import { backIn } from \"./back\"\n\nexport const anticipate = (p: number) =>\n    p >= 1\n        ? 1\n        : (p *= 2) < 1\n          ? 0.5 * backIn(p)\n          : 0.5 * (2 - Math.pow(2, -10 * (p - 1)))\n", "import { mirrorEasing } from \"./modifiers/mirror\"\nimport { reverseEasing } from \"./modifiers/reverse\"\nimport { EasingFunction } from \"./types\"\n\nexport const circIn: EasingFunction = (p) => 1 - Math.sin(Math.acos(p))\nexport const circOut = reverseEasing(circIn)\nexport const circInOut = mirrorEasing(circIn)\n", "import { cubicBezier } from \"./cubic-bezier\"\n\nexport const easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1)\nexport const easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1)\nexport const easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1)\n", "import { clamp } from \"../clamp\"\nimport type { EasingFunction } from \"./types\"\n\n/*\n  Create stepped version of 0-1 progress\n\n  @param [int]: Number of steps\n  @param [number]: Current value\n  @return [number]: Stepped value\n*/\nexport type Direction = \"start\" | \"end\"\n\nexport function steps(\n    numSteps: number,\n    direction: Direction = \"end\"\n): EasingFunction {\n    return (progress: number) => {\n        progress =\n            direction === \"end\"\n                ? Math.min(progress, 0.999)\n                : Math.max(progress, 0.001)\n        const expanded = progress * numSteps\n        const rounded =\n            direction === \"end\" ? Math.floor(expanded) : Math.ceil(expanded)\n\n        return clamp(0, 1, rounded / numSteps)\n    }\n}\n", "import { Easing } from \"../types\"\n\nexport const isEasingArray = (ease: any): ease is Easing[] => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\"\n}\n", "import { wrap } from \"../../wrap\"\nimport { Easing } from \"../types\"\nimport { isEasingArray } from \"./is-easing-array\"\n\nexport function getEasingForSegment(\n    easing: Easing | Easing[],\n    i: number\n): Easing {\n    return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing\n}\n", "import { BezierDefinition, Easing } from \"../types\"\n\nexport const isBezierDefinition = (\n    easing: Easing | Easing[]\n): easing is BezierDefinition =>\n    Array.isArray(easing) && typeof easing[0] === \"number\"\n", "import { invariant } from \"../../errors\"\nimport { noop } from \"../../noop\"\nimport { anticipate } from \"../anticipate\"\nimport { backIn, backInOut, backOut } from \"../back\"\nimport { circIn, circInOut, circOut } from \"../circ\"\nimport { cubicBezier } from \"../cubic-bezier\"\nimport { easeIn, easeInOut, easeOut } from \"../ease\"\nimport { Easing, EasingFunction } from \"../types\"\nimport { isBezierDefinition } from \"./is-bezier-definition\"\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n}\n\nconst isValidEasing = (easing: Easing): easing is keyof typeof easingLookup => {\n    return typeof easing === \"string\"\n}\n\nexport const easingDefinitionToFunction = (\n    definition: Easing\n): EasingFunction => {\n    if (isBezierDefinition(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(\n            definition.length === 4,\n            `Cubic bezier arrays must contain four numerical values.`,\n            \"cubic-bezier-length\"\n        )\n\n        const [x1, y1, x2, y2] = definition\n        return cubicBezier(x1, y1, x2, y2)\n    } else if (isValidEasing(definition)) {\n        // Else lookup from table\n        invariant(\n            easingLookup[definition] !== undefined,\n            `Invalid easing type '${definition}'`,\n            \"invalid-easing-type\"\n        )\n        return easingLookup[definition]\n    }\n\n    return definition\n}\n", "import { StepId } from \"./types\"\n\nexport const stepsOrder: StepId[] = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n] as const\n\nexport type StepNames = (typeof stepsOrder)[number]\n", "import type { StatsRecording } from \"./types\"\n\nexport type InactiveStatsBuffer = {\n    value: null\n    addProjectionMetrics: null\n}\n\nexport type ActiveStatsBuffer = {\n    value: StatsRecording\n    addProjectionMetrics: (metrics: {\n        nodes: number\n        calculatedTargetDeltas: number\n        calculatedProjections: number\n    }) => void\n}\n\nexport const statsBuffer: InactiveStatsBuffer | ActiveStatsBuffer = {\n    value: null,\n    addProjectionMetrics: null,\n}\n", "import { statsBuffer } from \"../stats/buffer\"\nimport { StepNames } from \"./order\"\nimport { FrameData, Process, Step } from \"./types\"\n\nexport function createRenderStep(\n    runNextFrame: () => void,\n    stepName?: StepNames\n): Step {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set<Process>()\n    let nextFrame = new Set<Process>()\n\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false\n\n    let flushNextFrame = false\n\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet<Process>()\n\n    let latestFrameData: FrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    }\n\n    let numCalls = 0\n\n    function triggerCallback(callback: Process) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback)\n            runNextFrame()\n        }\n\n        numCalls++\n        callback(latestFrameData)\n    }\n\n    const step: Step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing\n            const queue = addToCurrentFrame ? thisFrame : nextFrame\n\n            if (keepAlive) toKeepAlive.add(callback)\n\n            queue.add(callback)\n\n            return callback\n        },\n\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback)\n            toKeepAlive.delete(callback)\n        },\n\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData\n\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true\n                return\n            }\n\n            isProcessing = true\n\n            // Swap this frame and the next to avoid GC\n            const prevFrame = thisFrame\n            thisFrame = nextFrame\n            nextFrame = prevFrame\n\n            // Execute this frame\n            thisFrame.forEach(triggerCallback)\n\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls)\n            }\n            numCalls = 0\n\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear()\n\n            isProcessing = false\n\n            if (flushNextFrame) {\n                flushNextFrame = false\n                step.process(frameData)\n            }\n        },\n    }\n\n    return step\n}\n", "import { MotionGlobalConfig } from \"motion-utils\"\nimport { stepsOrder } from \"./order\"\nimport { createRenderStep } from \"./render-step\"\nimport { Batcher, FrameData, Process, Steps } from \"./types\"\n\nconst maxElapsed = 40\n\nexport function createRenderBatcher(\n    scheduleNextBatch: (callback: Function) => void,\n    allowKeepAlive: boolean\n) {\n    let runNextFrame = false\n    let useDefaultElapsed = true\n\n    const state: FrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    }\n\n    const flagRunNextFrame = () => (runNextFrame = true)\n\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(\n            flagRunNextFrame,\n            allowKeepAlive ? key : undefined\n        )\n        return acc\n    }, {} as Steps)\n\n    const {\n        setup,\n        read,\n        resolveKeyframes,\n        preUpdate,\n        update,\n        preRender,\n        render,\n        postRender,\n    } = steps\n\n    const processBatch = () => {\n        const useManualTiming = MotionGlobalConfig.useManualTiming\n        const timestamp = useManualTiming\n            ? state.timestamp\n            : performance.now()\n        runNextFrame = false\n\n        if (!useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1)\n        }\n\n        state.timestamp = timestamp\n        state.isProcessing = true\n\n        // Unrolled render loop for better per-frame performance\n        setup.process(state)\n        read.process(state)\n        resolveKeyframes.process(state)\n        preUpdate.process(state)\n        update.process(state)\n        preRender.process(state)\n        render.process(state)\n        postRender.process(state)\n\n        state.isProcessing = false\n\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false\n            scheduleNextBatch(processBatch)\n        }\n    }\n\n    const wake = () => {\n        runNextFrame = true\n        useDefaultElapsed = true\n\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch)\n        }\n    }\n\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key]\n        acc[key] = (process: Process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame) wake()\n\n            return step.schedule(process, keepAlive, immediate)\n        }\n        return acc\n    }, {} as Batcher)\n\n    const cancel = (process: Process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process)\n        }\n    }\n\n    return { schedule, cancel, state, steps }\n}\n", "import { noop } from \"motion-utils\"\nimport { createRenderBatcher } from \"./batcher\"\n\nexport const {\n    schedule: frame,\n    cancel: cancelFrame,\n    state: frameData,\n    steps: frameSteps,\n} = /* @__PURE__ */ createRenderBatcher(\n    typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop,\n    true\n)\n", "import { MotionGlobalConfig } from \"motion-utils\"\nimport { frameData } from \"./frame\"\n\nlet now: number | undefined\n\nfunction clearTime() {\n    now = undefined\n}\n\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nexport const time = {\n    now: (): number => {\n        if (now === undefined) {\n            time.set(\n                frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                    ? frameData.timestamp\n                    : performance.now()\n            )\n        }\n\n        return now!\n    },\n    set: (newTime: number) => {\n        now = newTime\n        queueMicrotask(clearTime)\n    },\n}\n", "export const activeAnimations = {\n    layout: 0,\n    mainThread: 0,\n    waapi: 0,\n}\n", "import { AnyResolvedKeyframe } from \"../types\"\n\nexport type CSSVariableName = `--${string}`\n\nexport type CSSVariableToken = `var(${CSSVariableName})`\n\nconst checkStringStartsWith =\n    <T extends string>(token: string) =>\n    (key?: AnyResolvedKeyframe | null): key is T =>\n        typeof key === \"string\" && key.startsWith(token)\n\nexport const isCSSVariableName =\n    /*@__PURE__*/ checkStringStartsWith<CSSVariableName>(\"--\")\n\nconst startsAsVariableToken =\n    /*@__PURE__*/ checkStringStartsWith<CSSVariableToken>(\"var(--\")\nexport const isCSSVariableToken = (\n    value?: string\n): value is CSSVariableToken => {\n    const startsWithToken = startsAsVariableToken(value)\n\n    if (!startsWithToken) return false\n\n    // Ensure any comments are stripped from the value as this can harm performance of the regex.\n    return singleCssVariableRegex.test(value.split(\"/*\")[0].trim())\n}\n\nconst singleCssVariableRegex =\n    /var\\(--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)$/iu\n\n/**\n * Check if a value contains a CSS variable anywhere (e.g. inside calc()).\n * Unlike isCSSVariableToken which checks if the value IS a var() token,\n * this checks if the value CONTAINS var() somewhere in the string.\n */\nexport function containsCSSVariable(\n    value?: AnyResolvedKeyframe | null\n): boolean {\n    if (typeof value !== \"string\") return false\n    // Strip comments to avoid false positives\n    return value.split(\"/*\")[0].includes(\"var(--\")\n}\n", "import { clamp } from \"motion-utils\"\n\nexport const number = {\n    test: (v: number) => typeof v === \"number\",\n    parse: parseFloat,\n    transform: (v: number) => v,\n}\n\nexport const alpha = {\n    ...number,\n    transform: (v: number) => clamp(0, 1, v),\n}\n\nexport const scale = {\n    ...number,\n    default: 1,\n}\n", "// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nexport const sanitize = (v: number) => Math.round(v * 100000) / 100000\n", "export const floatRegex = /-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/gu\n", "export function isNullish(v: any): v is null | undefined {\n    return v == null\n}\n", "export const singleColorRegex =\n    /^(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))$/iu\n", "import { Color, HSLA, RGBA } from \"../types\"\nimport { floatRegex } from \"../utils/float-regex\"\nimport { isNullish } from \"../utils/is-nullish\"\nimport { singleColorRegex } from \"../utils/single-color-regex\"\n\n/**\n * Returns true if the provided string is a color, ie rgba(0,0,0,0) or #000,\n * but false if a number or multiple colors\n */\nexport const isColorString = (type: string, testProp?: string) => (v: any) => {\n    return Boolean(\n        (typeof v === \"string\" &&\n            singleColorRegex.test(v) &&\n            v.startsWith(type)) ||\n            (testProp &&\n                !isNullish(v) &&\n                Object.prototype.hasOwnProperty.call(v, testProp))\n    )\n}\n\nexport const splitColor =\n    <V extends RGBA | HSLA>(aName: string, bName: string, cName: string) =>\n    (v: string | Color): V => {\n        if (typeof v !== \"string\") return v as any\n\n        const [a, b, c, alpha] = v.match(floatRegex) as any\n\n        return {\n            [aName]: parseFloat(a),\n            [bName]: parseFloat(b),\n            [cName]: parseFloat(c),\n            alpha: alpha !== undefined ? parseFloat(alpha) : 1,\n        } as V\n    }\n", "import { clamp } from \"motion-utils\"\nimport { alpha as alphaType, number } from \"../numbers\"\nimport { RGBA } from \"../types\"\nimport { sanitize } from \"../utils/sanitize\"\nimport { isColorString, splitColor } from \"./utils\"\n\nconst clampRgbUnit = (v: number) => clamp(0, 255, v)\nexport const rgbUnit = {\n    ...number,\n    transform: (v: number) => Math.round(clampRgbUnit(v)),\n}\n\nexport const rgba = {\n    test: /*@__PURE__*/ isColorString(\"rgb\", \"red\"),\n    parse: /*@__PURE__*/ splitColor<RGBA>(\"red\", \"green\", \"blue\"),\n    transform: ({ red, green, blue, alpha = 1 }: RGBA) =>\n        \"rgba(\" +\n        rgbUnit.transform(red) +\n        \", \" +\n        rgbUnit.transform(green) +\n        \", \" +\n        rgbUnit.transform(blue) +\n        \", \" +\n        sanitize(alphaType.transform(alpha)) +\n        \")\",\n}\n", "import { RGBA } from \"../types\"\nimport { rgba } from \"./rgba\"\nimport { isColorString } from \"./utils\"\n\nfunction parseHex(v: string): RGBA {\n    let r = \"\"\n    let g = \"\"\n    let b = \"\"\n    let a = \"\"\n\n    // If we have 6 characters, ie #FF0000\n    if (v.length > 5) {\n        r = v.substring(1, 3)\n        g = v.substring(3, 5)\n        b = v.substring(5, 7)\n        a = v.substring(7, 9)\n\n        // Or we have 3 characters, ie #F00\n    } else {\n        r = v.substring(1, 2)\n        g = v.substring(2, 3)\n        b = v.substring(3, 4)\n        a = v.substring(4, 5)\n        r += r\n        g += g\n        b += b\n        a += a\n    }\n\n    return {\n        red: parseInt(r, 16),\n        green: parseInt(g, 16),\n        blue: parseInt(b, 16),\n        alpha: a ? parseInt(a, 16) / 255 : 1,\n    }\n}\n\nexport const hex = {\n    test: /*@__PURE__*/ isColorString(\"#\"),\n    parse: parseHex,\n    transform: rgba.transform,\n}\n", "import { AnyResolvedKeyframe } from \"../../../animation/types\"\n\n/*#__NO_SIDE_EFFECTS__*/\nconst createUnitType = (unit: string) => ({\n    test: (v: AnyResolvedKeyframe) =>\n        typeof v === \"string\" && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v: number | string) => `${v}${unit}`,\n})\n\nexport const degrees = /*@__PURE__*/ createUnitType(\"deg\")\nexport const percent = /*@__PURE__*/ createUnitType(\"%\")\nexport const px = /*@__PURE__*/ createUnitType(\"px\")\nexport const vh = /*@__PURE__*/ createUnitType(\"vh\")\nexport const vw = /*@__PURE__*/ createUnitType(\"vw\")\n\nexport const progressPercentage = /*@__PURE__*/ (() => ({\n    ...percent,\n    parse: (v: string) => percent.parse(v) / 100,\n    transform: (v: number) => percent.transform(v * 100),\n}))()\n", "import { alpha as alphaType } from \"../numbers\"\nimport { percent } from \"../numbers/units\"\nimport { HSLA } from \"../types\"\nimport { sanitize } from \"../utils/sanitize\"\nimport { isColorString, splitColor } from \"./utils\"\n\nexport const hsla = {\n    test: /*@__PURE__*/ isColorString(\"hsl\", \"hue\"),\n    parse: /*@__PURE__*/ splitColor<HSLA>(\"hue\", \"saturation\", \"lightness\"),\n    transform: ({ hue, saturation, lightness, alpha = 1 }: HSLA) => {\n        return (\n            \"hsla(\" +\n            Math.round(hue) +\n            \", \" +\n            percent.transform(sanitize(saturation)) +\n            \", \" +\n            percent.transform(sanitize(lightness)) +\n            \", \" +\n            sanitize(alphaType.transform(alpha)) +\n            \")\"\n        )\n    },\n}\n", "import { HSLA, RGBA } from \"../types\"\nimport { hex } from \"./hex\"\nimport { hsla } from \"./hsla\"\nimport { rgba } from \"./rgba\"\n\nexport const color = {\n    test: (v: any) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v: any): RGBA | HSLA => {\n        if (rgba.test(v)) {\n            return rgba.parse(v)\n        } else if (hsla.test(v)) {\n            return hsla.parse(v)\n        } else {\n            return hex.parse(v)\n        }\n    },\n    transform: (v: HSLA | RGBA | string) => {\n        return typeof v === \"string\"\n            ? v\n            : v.hasOwnProperty(\"red\")\n            ? rgba.transform(v as RGBA)\n            : hsla.transform(v as HSLA)\n    },\n    getAnimatableNone: (v: string) => {\n        const parsed = color.parse(v)\n        parsed.alpha = 0\n        return color.transform(parsed)\n    },\n}\n", "export const colorRegex =\n    /(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))/giu\n", "import { AnyResolvedKeyframe } from \"../../../animation/types\"\nimport { CSSVariableToken } from \"../../../animation/utils/is-css-variable\"\nimport { color } from \"../color\"\nimport { Color } from \"../types\"\nimport { colorRegex } from \"../utils/color-regex\"\nimport { floatRegex } from \"../utils/float-regex\"\nimport { sanitize } from \"../utils/sanitize\"\n\nfunction test(v: any) {\n    return (\n        isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0\n    )\n}\n\nconst NUMBER_TOKEN = \"number\"\nconst COLOR_TOKEN = \"color\"\nconst VAR_TOKEN = \"var\"\nconst VAR_FUNCTION_TOKEN = \"var(\"\nconst SPLIT_TOKEN = \"${}\"\n\nexport type ComplexValues = Array<\n    CSSVariableToken | AnyResolvedKeyframe | Color\n>\n\nexport interface ValueIndexes {\n    color: number[]\n    number: number[]\n    var: number[]\n}\n\nexport interface ComplexValueInfo {\n    values: ComplexValues\n    split: string[]\n    indexes: ValueIndexes\n    types: Array<keyof ValueIndexes>\n}\n\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex =\n    /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu\n\nexport function analyseComplexValue(\n    value: AnyResolvedKeyframe\n): ComplexValueInfo {\n    const originalValue = value.toString()\n\n    const values: ComplexValues = []\n    const indexes: ValueIndexes = {\n        color: [],\n        number: [],\n        var: [],\n    }\n    const types: Array<keyof ValueIndexes> = []\n\n    let i = 0\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i)\n            types.push(COLOR_TOKEN)\n            values.push(color.parse(parsedValue))\n        } else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i)\n            types.push(VAR_TOKEN)\n            values.push(parsedValue)\n        } else {\n            indexes.number.push(i)\n            types.push(NUMBER_TOKEN)\n            values.push(parseFloat(parsedValue))\n        }\n        ++i\n        return SPLIT_TOKEN\n    })\n    const split = tokenised.split(SPLIT_TOKEN)\n\n    return { values, split, indexes, types }\n}\n\nfunction parseComplexValue(v: AnyResolvedKeyframe) {\n    return analyseComplexValue(v).values\n}\n\nfunction buildTransformer({ split, types }: ComplexValueInfo) {\n    const numSections = split.length\n    return (v: Array<CSSVariableToken | Color | number | string>) => {\n        let output = \"\"\n        for (let i = 0; i < numSections; i++) {\n            output += split[i]\n            if (v[i] !== undefined) {\n                const type = types[i]\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i] as number)\n                } else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i] as Color)\n                } else {\n                    output += v[i]\n                }\n            }\n        }\n\n        return output\n    }\n}\n\nfunction createTransformer(source: AnyResolvedKeyframe) {\n    return buildTransformer(analyseComplexValue(source))\n}\n\nconst convertNumbersToZero = (v: number | string) =>\n    typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v\n\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (\n    value: ComplexValues[number],\n    splitBefore: string\n): ComplexValues[number] => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0\n    }\n    return convertNumbersToZero(value as string)\n}\n\nfunction getAnimatableNone(v: AnyResolvedKeyframe) {\n    const info = analyseComplexValue(v)\n    const transformer = buildTransformer(info)\n    return transformer(\n        info.values.map((value, i) => convertToZero(value, info.split[i]))\n    )\n}\n\nexport const complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n}\n", "import { HSLA, RGBA } from \"../types\"\n\n// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p: number, q: number, t: number) {\n    if (t < 0) t += 1\n    if (t > 1) t -= 1\n    if (t < 1 / 6) return p + (q - p) * 6 * t\n    if (t < 1 / 2) return q\n    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6\n    return p\n}\n\nexport function hslaToRgba({ hue, saturation, lightness, alpha }: HSLA): RGBA {\n    hue /= 360\n    saturation /= 100\n    lightness /= 100\n\n    let red = 0\n    let green = 0\n    let blue = 0\n\n    if (!saturation) {\n        red = green = blue = lightness\n    } else {\n        const q =\n            lightness < 0.5\n                ? lightness * (1 + saturation)\n                : lightness + saturation - lightness * saturation\n        const p = 2 * lightness - q\n\n        red = hueToRgb(p, q, hue + 1 / 3)\n        green = hueToRgb(p, q, hue)\n        blue = hueToRgb(p, q, hue - 1 / 3)\n    }\n\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    }\n}\n", "export function mixImmediate<T>(a: T, b: T) {\n    return (p: number) => (p > 0 ? b : a)\n}\n", "/*\n  Value in range from progress\n\n  Given a lower limit and an upper limit, we return the value within\n  that range as expressed by progress (usually a number from 0 to 1)\n\n  So progress = 0.5 would change\n\n  from -------- to\n\n  to\n\n  from ---- to\n\n  E.g. from = 10, to = 20, progress = 0.5 => 15\n\n  @param [number]: Lower limit of range\n  @param [number]: Upper limit of range\n  @param [number]: The progress between lower and upper limits expressed 0-1\n  @return [number]: Value as calculated from progress within range (not limited within range)\n*/\nexport const mixNumber = (from: number, to: number, progress: number) => {\n    return from + (to - from) * progress\n}\n", "import { warning } from \"motion-utils\"\nimport { hex } from \"../../value/types/color/hex\"\nimport { hsla } from \"../../value/types/color/hsla\"\nimport { hslaToRgba } from \"../../value/types/color/hsla-to-rgba\"\nimport { rgba } from \"../../value/types/color/rgba\"\nimport { Color, HSLA, RGBA } from \"../../value/types/types\"\nimport { mixImmediate } from \"./immediate\"\nimport { mixNumber } from \"./number\"\n\n// Linear color space blending\n// Explained https://www.youtube.com/watch?v=LKnqECcg6Gw\n// Demonstrated http://codepen.io/osublake/pen/xGVVaN\nexport const mixLinearColor = (from: number, to: number, v: number) => {\n    const fromExpo = from * from\n    const expo = v * (to * to - fromExpo) + fromExpo\n    return expo < 0 ? 0 : Math.sqrt(expo)\n}\n\nconst colorTypes = [hex, rgba, hsla]\nconst getColorType = (v: Color | string) =>\n    colorTypes.find((type) => type.test(v))\n\nfunction asRGBA(color: Color | string) {\n    const type = getColorType(color)\n\n    warning(\n        Boolean(type),\n        `'${color}' is not an animatable color. Use the equivalent color code instead.`,\n        \"color-not-animatable\"\n    )\n\n    if (!Boolean(type)) return false\n\n    let model = type!.parse(color)\n\n    if (type === hsla) {\n        // TODO Remove this cast - needed since Motion's stricter typing\n        model = hslaToRgba(model as HSLA)\n    }\n\n    return model as RGBA\n}\n\nexport const mixColor = (from: Color | string, to: Color | string) => {\n    const fromRGBA = asRGBA(from)\n    const toRGBA = asRGBA(to)\n\n    if (!fromRGBA || !toRGBA) {\n        return mixImmediate(from, to)\n    }\n\n    const blended = { ...fromRGBA }\n\n    return (v: number) => {\n        blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v)\n        blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v)\n        blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v)\n        blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v)\n        return rgba.transform!(blended)\n    }\n}\n", "export const invisibleValues = new Set([\"none\", \"hidden\"])\n\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nexport function mixVisibility(origin: string, target: string) {\n    if (invisibleValues.has(origin)) {\n        return (p: number) => (p <= 0 ? origin : target)\n    } else {\n        return (p: number) => (p >= 1 ? target : origin)\n    }\n}\n", "import { pipe, warning } from \"motion-utils\"\nimport { AnyResolvedKeyframe } from \"../../animation/types\"\nimport { isCSSVariableToken } from \"../../animation/utils/is-css-variable\"\nimport { color } from \"../../value/types/color\"\nimport {\n    analyseComplexValue,\n    complex,\n    ComplexValueInfo,\n    ComplexValues,\n} from \"../../value/types/complex\"\nimport { HSLA, RGBA } from \"../../value/types/types\"\nimport { mixColor } from \"./color\"\nimport { mixImmediate } from \"./immediate\"\nimport { mixNumber as mixNumberImmediate } from \"./number\"\nimport { invisibleValues, mixVisibility } from \"./visibility\"\n\ntype MixableArray = Array<number | RGBA | HSLA | string>\ninterface MixableObject {\n    [key: string]: AnyResolvedKeyframe | RGBA | HSLA\n}\n\nfunction mixNumber(a: number, b: number) {\n    return (p: number) => mixNumberImmediate(a, b, p)\n}\n\nexport function getMixer<T>(a: T) {\n    if (typeof a === \"number\") {\n        return mixNumber\n    } else if (typeof a === \"string\") {\n        return isCSSVariableToken(a)\n            ? mixImmediate\n            : color.test(a)\n            ? mixColor\n            : mixComplex\n    } else if (Array.isArray(a)) {\n        return mixArray\n    } else if (typeof a === \"object\") {\n        return color.test(a) ? mixColor : mixObject\n    }\n\n    return mixImmediate\n}\n\nexport function mixArray(a: MixableArray, b: MixableArray) {\n    const output = [...a]\n    const numValues = output.length\n\n    const blendValue = a.map((v, i) => getMixer(v)(v as any, b[i] as any))\n\n    return (p: number) => {\n        for (let i = 0; i < numValues; i++) {\n            output[i] = blendValue[i](p) as any\n        }\n        return output\n    }\n}\n\nexport function mixObject(a: MixableObject, b: MixableObject) {\n    const output = { ...a, ...b }\n    const blendValue: { [key: string]: (v: number) => any } = {}\n\n    for (const key in output) {\n        if (a[key] !== undefined && b[key] !== undefined) {\n            blendValue[key] = getMixer(a[key])(\n                a[key] as any,\n                b[key] as any\n            ) as any\n        }\n    }\n\n    return (v: number) => {\n        for (const key in blendValue) {\n            output[key] = blendValue[key](v)\n        }\n        return output\n    }\n}\n\nfunction matchOrder(\n    origin: ComplexValueInfo,\n    target: ComplexValueInfo\n): ComplexValues {\n    const orderedOrigin: ComplexValues = []\n\n    const pointers = { color: 0, var: 0, number: 0 }\n\n    for (let i = 0; i < target.values.length; i++) {\n        const type = target.types[i]\n        const originIndex = origin.indexes[type][pointers[type]]\n        const originValue = origin.values[originIndex] ?? 0\n\n        orderedOrigin[i] = originValue\n\n        pointers[type]++\n    }\n\n    return orderedOrigin\n}\n\nexport const mixComplex = (\n    origin: AnyResolvedKeyframe,\n    target: AnyResolvedKeyframe\n) => {\n    const template = complex.createTransformer(target)\n    const originStats = analyseComplexValue(origin)\n    const targetStats = analyseComplexValue(target)\n    const canInterpolate =\n        originStats.indexes.var.length === targetStats.indexes.var.length &&\n        originStats.indexes.color.length === targetStats.indexes.color.length &&\n        originStats.indexes.number.length >= targetStats.indexes.number.length\n\n    if (canInterpolate) {\n        if (\n            (invisibleValues.has(origin as string) &&\n                !targetStats.values.length) ||\n            (invisibleValues.has(target as string) &&\n                !originStats.values.length)\n        ) {\n            return mixVisibility(origin as string, target as string)\n        }\n\n        return pipe(\n            mixArray(matchOrder(originStats, targetStats), targetStats.values),\n            template\n        )\n    } else {\n        warning(\n            true,\n            `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,\n            \"complex-values-different\"\n        )\n\n        return mixImmediate(origin, target)\n    }\n}\n", "import { getMixer } from \"./complex\"\nimport { mixNumber as mixNumberImmediate } from \"./number\"\nimport { Mixer } from \"./types\"\n\nexport function mix<T>(from: T, to: T): Mixer<T>\nexport function mix(from: number, to: number, p: number): number\nexport function mix<T>(from: T, to: T, p?: T): Mixer<T> | number {\n    if (\n        typeof from === \"number\" &&\n        typeof to === \"number\" &&\n        typeof p === \"number\"\n    ) {\n        return mixNumberImmediate(from, to, p)\n    }\n\n    const mixer = getMixer(from)\n    return mixer(from as any, to as any) as Mixer<T>\n}\n", "import { cancelFrame, frame, frameData } from \"../../frameloop\"\nimport { time } from \"../../frameloop/sync-time\"\nimport { FrameData } from \"../../frameloop/types\"\nimport { Driver } from \"./types\"\n\nexport const frameloopDriver: Driver = (update) => {\n    const passTimestamp = ({ timestamp }: FrameData) => update(timestamp)\n\n    return {\n        start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => (frameData.isProcessing ? frameData.timestamp : time.now()),\n    }\n}\n", "import { EasingFunction } from \"motion-utils\"\n\nexport const generateLinearEasing = (\n    easing: EasingFunction,\n    duration: number, // as milliseconds\n    resolution: number = 10 // as milliseconds\n): string => {\n    let points = \"\"\n    const numPoints = Math.max(Math.round(duration / resolution), 2)\n\n    for (let i = 0; i < numPoints; i++) {\n        points += Math.round(easing(i / (numPoints - 1)) * 10000) / 10000 + \", \"\n    }\n\n    return `linear(${points.substring(0, points.length - 2)})`\n}\n", "import { KeyframeGenerator } from \"../../types\"\n\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nexport const maxGeneratorDuration = 20_000\nexport function calcGeneratorDuration(\n    generator: KeyframeGenerator<unknown>\n): number {\n    let duration = 0\n    const timeStep = 50\n    let state = generator.next(duration)\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep\n        state = generator.next(duration)\n    }\n\n    return duration >= maxGeneratorDuration ? Infinity : duration\n}\n", "import { millisecondsToSeconds } from \"motion-utils\"\nimport { GeneratorFactory, Transition } from \"../../types\"\nimport { calcGeneratorDuration, maxGeneratorDuration } from \"./calc-duration\"\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nexport function createGeneratorEasing(\n    options: Transition,\n    scale = 100,\n    createGenerator: GeneratorFactory\n) {\n    const generator = createGenerator({ ...options, keyframes: [0, scale] })\n    const duration = Math.min(\n        calcGeneratorDuration(generator),\n        maxGeneratorDuration\n    )\n\n    return {\n        type: \"keyframes\",\n        ease: (progress: number) => {\n            return generator.next(duration * progress).value / scale\n        },\n        duration: millisecondsToSeconds(duration),\n    }\n}\n", "import {\n    clamp,\n    millisecondsToSeconds,\n    secondsToMilliseconds,\n    warning,\n} from \"motion-utils\"\nimport {\n    AnimationState,\n    KeyframeGenerator,\n    SpringOptions,\n    Transition,\n    ValueAnimationOptions,\n} from \"../types\"\nimport { generateLinearEasing } from \"../waapi/utils/linear\"\nimport {\n    calcGeneratorDuration,\n    maxGeneratorDuration,\n} from \"./utils/calc-duration\"\nimport { createGeneratorEasing } from \"./utils/create-generator-easing\"\n\nconst springDefaults = {\n    // Default spring physics\n    stiffness: 100,\n    damping: 10,\n    mass: 1.0,\n    velocity: 0.0,\n\n    // Default duration/bounce-based options\n    duration: 800, // in ms\n    bounce: 0.3,\n    visualDuration: 0.3, // in seconds\n\n    // Rest thresholds\n    restSpeed: {\n        granular: 0.01,\n        default: 2,\n    },\n    restDelta: {\n        granular: 0.005,\n        default: 0.5,\n    },\n\n    // Limits\n    minDuration: 0.01, // in seconds\n    maxDuration: 10.0, // in seconds\n    minDamping: 0.05,\n    maxDamping: 1,\n}\n\nfunction calcAngularFreq(undampedFreq: number, dampingRatio: number) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio)\n}\n\nconst rootIterations = 12\nfunction approximateRoot(\n    envelope: (num: number) => number,\n    derivative: (num: number) => number,\n    initialGuess: number\n): number {\n    let result = initialGuess\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result)\n    }\n    return result\n}\n\n/**\n * This is ported from the Framer implementation of duration-based spring resolution.\n */\nconst safeMin = 0.001\n\nfunction findSpring({\n    duration = springDefaults.duration,\n    bounce = springDefaults.bounce,\n    velocity = springDefaults.velocity,\n    mass = springDefaults.mass,\n}: SpringOptions) {\n    let envelope: (num: number) => number\n    let derivative: (num: number) => number\n\n    warning(\n        duration <= secondsToMilliseconds(springDefaults.maxDuration),\n        \"Spring duration must be 10 seconds or less\",\n        \"spring-duration-limit\"\n    )\n\n    let dampingRatio = 1 - bounce\n\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(\n        springDefaults.minDamping,\n        springDefaults.maxDamping,\n        dampingRatio\n    )\n    duration = clamp(\n        springDefaults.minDuration,\n        springDefaults.maxDuration,\n        millisecondsToSeconds(duration)\n    )\n\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio\n            const delta = exponentialDecay * duration\n            const a = exponentialDecay - velocity\n            const b = calcAngularFreq(undampedFreq, dampingRatio)\n            const c = Math.exp(-delta)\n            return safeMin - (a / b) * c\n        }\n\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio\n            const delta = exponentialDecay * duration\n            const d = delta * velocity + velocity\n            const e =\n                Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration\n            const f = Math.exp(-delta)\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio)\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1\n            return (factor * ((d - e) * f)) / g\n        }\n    } else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration)\n            const b = (undampedFreq - velocity) * duration + 1\n            return -safeMin + a * b\n        }\n\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration)\n            const b = (velocity - undampedFreq) * (duration * duration)\n            return a * b\n        }\n    }\n\n    const initialGuess = 5 / duration\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess)\n\n    duration = secondsToMilliseconds(duration)\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: springDefaults.stiffness,\n            damping: springDefaults.damping,\n            duration,\n        }\n    } else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        }\n    }\n}\n\nconst durationKeys = [\"duration\", \"bounce\"]\nconst physicsKeys = [\"stiffness\", \"damping\", \"mass\"]\n\nfunction isSpringType(options: SpringOptions, keys: string[]) {\n    return keys.some((key) => (options as any)[key] !== undefined)\n}\n\nfunction getSpringOptions(options: SpringOptions) {\n    let springOptions = {\n        velocity: springDefaults.velocity,\n        stiffness: springDefaults.stiffness,\n        damping: springDefaults.damping,\n        mass: springDefaults.mass,\n        isResolvedFromDuration: false,\n        ...options,\n    }\n    // stiffness/damping/mass overrides duration/bounce\n    if (\n        !isSpringType(options, physicsKeys) &&\n        isSpringType(options, durationKeys)\n    ) {\n        // Time-defined springs should ignore inherited velocity.\n        // Velocity from interrupted animations can cause findSpring()\n        // to compute wildly different spring parameters, leading to\n        // massive oscillation on small-range animations.\n        springOptions.velocity = 0\n\n        if (options.visualDuration) {\n            const visualDuration = options.visualDuration\n            const root = (2 * Math.PI) / (visualDuration * 1.2)\n            const stiffness = root * root\n            const damping =\n                2 *\n                clamp(0.05, 1, 1 - (options.bounce || 0)) *\n                Math.sqrt(stiffness)\n\n            springOptions = {\n                ...springOptions,\n                mass: springDefaults.mass,\n                stiffness,\n                damping,\n            }\n        } else {\n            const derived = findSpring({ ...options, velocity: 0 })\n\n            springOptions = {\n                ...springOptions,\n                ...derived,\n                mass: springDefaults.mass,\n            }\n            springOptions.isResolvedFromDuration = true\n        }\n    }\n\n    return springOptions\n}\n\nfunction spring(\n    optionsOrVisualDuration:\n        | ValueAnimationOptions<number>\n        | number = springDefaults.visualDuration,\n    bounce = springDefaults.bounce\n): KeyframeGenerator<number> {\n    const options =\n        typeof optionsOrVisualDuration !== \"object\"\n            ? ({\n                  visualDuration: optionsOrVisualDuration,\n                  keyframes: [0, 1],\n                  bounce,\n              } as ValueAnimationOptions<number>)\n            : optionsOrVisualDuration\n\n    let { restSpeed, restDelta } = options\n\n    const origin = options.keyframes[0]\n    const target = options.keyframes[options.keyframes.length - 1]\n\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state: AnimationState<number> = { done: false, value: origin }\n\n    const {\n        stiffness,\n        damping,\n        mass,\n        duration,\n        velocity,\n        isResolvedFromDuration,\n    } = getSpringOptions({\n        ...options,\n        velocity: -millisecondsToSeconds(options.velocity || 0),\n    })\n\n    const initialVelocity = velocity || 0.0\n    const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass))\n\n    const initialDelta = target - origin\n    const undampedAngularFreq = millisecondsToSeconds(\n        Math.sqrt(stiffness / mass)\n    )\n\n    /**\n     * If we're working on a granular scale, use smaller defaults for determining\n     * when the spring is finished.\n     *\n     * These defaults have been selected emprically based on what strikes a good\n     * ratio between feeling good and finishing as soon as changes are imperceptible.\n     */\n    const isGranularScale = Math.abs(initialDelta) < 5\n    restSpeed ||= isGranularScale\n        ? springDefaults.restSpeed.granular\n        : springDefaults.restSpeed.default\n    restDelta ||= isGranularScale\n        ? springDefaults.restDelta.granular\n        : springDefaults.restDelta.default\n\n    let resolveSpring: (v: number) => number\n    let resolveVelocity: (t: number) => number\n\n    // Underdamped coefficients, hoisted for use in the inlined next() hot path\n    let angularFreq: number\n    let A: number\n    let sinCoeff: number\n    let cosCoeff: number\n\n    if (dampingRatio < 1) {\n        angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio)\n\n        A =\n            (initialVelocity +\n                dampingRatio * undampedAngularFreq * initialDelta) /\n            angularFreq\n\n        // Underdamped spring\n        resolveSpring = (t: number) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t)\n\n            return (\n                target -\n                envelope *\n                    (A * Math.sin(angularFreq * t) +\n                        initialDelta * Math.cos(angularFreq * t))\n            )\n        }\n\n        // Analytical derivative of underdamped spring (px/ms)\n        sinCoeff =\n            dampingRatio * undampedAngularFreq * A + initialDelta * angularFreq\n        cosCoeff =\n            dampingRatio * undampedAngularFreq * initialDelta - A * angularFreq\n        resolveVelocity = (t: number) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t)\n            return envelope *\n                (sinCoeff * Math.sin(angularFreq * t) +\n                    cosCoeff * Math.cos(angularFreq * t))\n        }\n    } else if (dampingRatio === 1) {\n        // Critically damped spring\n        resolveSpring = (t: number) =>\n            target -\n            Math.exp(-undampedAngularFreq * t) *\n                (initialDelta +\n                    (initialVelocity + undampedAngularFreq * initialDelta) * t)\n\n        // Analytical derivative of critically damped spring (px/ms)\n        const C = initialVelocity + undampedAngularFreq * initialDelta\n        resolveVelocity = (t: number) =>\n            Math.exp(-undampedAngularFreq * t) *\n                (undampedAngularFreq * C * t - initialVelocity)\n    } else {\n        // Overdamped spring\n        const dampedAngularFreq =\n            undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1)\n\n        resolveSpring = (t: number) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t)\n\n            // When performing sinh or cosh values can hit Infinity so we cap them here\n            const freqForT = Math.min(dampedAngularFreq * t, 300)\n\n            return (\n                target -\n                (envelope *\n                    ((initialVelocity +\n                        dampingRatio * undampedAngularFreq * initialDelta) *\n                        Math.sinh(freqForT) +\n                        dampedAngularFreq *\n                            initialDelta *\n                            Math.cosh(freqForT))) /\n                    dampedAngularFreq\n            )\n        }\n\n        // Analytical derivative of overdamped spring (px/ms)\n        const P =\n            (initialVelocity +\n                dampingRatio * undampedAngularFreq * initialDelta) /\n            dampedAngularFreq\n        const sinhCoeff =\n            dampingRatio * undampedAngularFreq * P - initialDelta * dampedAngularFreq\n        const coshCoeff =\n            dampingRatio * undampedAngularFreq * initialDelta - P * dampedAngularFreq\n        resolveVelocity = (t: number) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t)\n            const freqForT = Math.min(dampedAngularFreq * t, 300)\n            return envelope *\n                (sinhCoeff * Math.sinh(freqForT) +\n                    coshCoeff * Math.cosh(freqForT))\n        }\n    }\n\n    const generator = {\n        calculatedDuration: isResolvedFromDuration ? duration || null : null,\n        velocity: (t: number) => secondsToMilliseconds(resolveVelocity(t)),\n        next: (t: number) => {\n            /**\n             * For underdamped physics springs we need both position and\n             * velocity each tick. Compute shared trig values once to avoid\n             * duplicate Math.exp/sin/cos calls on the hot path.\n             */\n            if (!isResolvedFromDuration && dampingRatio < 1) {\n                const envelope = Math.exp(\n                    -dampingRatio * undampedAngularFreq * t\n                )\n                const sin = Math.sin(angularFreq * t)\n                const cos = Math.cos(angularFreq * t)\n\n                const current =\n                    target -\n                    envelope *\n                        (A * sin + initialDelta * cos)\n                const currentVelocity = secondsToMilliseconds(\n                    envelope *\n                        (sinCoeff * sin + cosCoeff * cos)\n                )\n\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed! &&\n                    Math.abs(target - current) <= restDelta!\n                state.value = state.done ? target : current\n\n                return state\n            }\n\n            const current = resolveSpring(t)\n\n            if (!isResolvedFromDuration) {\n                const currentVelocity = secondsToMilliseconds(\n                    resolveVelocity(t)\n                )\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed! &&\n                    Math.abs(target - current) <= restDelta!\n            } else {\n                state.done = t >= duration!\n            }\n\n            state.value = state.done ? target : current\n\n            return state\n        },\n        toString: () => {\n            const calculatedDuration = Math.min(\n                calcGeneratorDuration(generator),\n                maxGeneratorDuration\n            )\n\n            const easing = generateLinearEasing(\n                (progress: number) =>\n                    generator.next(calculatedDuration * progress).value,\n                calculatedDuration,\n                30\n            )\n\n            return calculatedDuration + \"ms \" + easing\n        },\n        toTransition: () => {},\n    }\n\n    return generator\n}\n\nspring.applyToOptions = (options: Transition) => {\n    const generatorOptions = createGeneratorEasing(options as any, 100, spring)\n\n    options.ease = generatorOptions.ease\n    options.duration = secondsToMilliseconds(generatorOptions.duration)\n    options.type = \"keyframes\"\n    return options\n}\n\nexport { spring }\n", "import { velocityPerSecond } from \"motion-utils\"\n\nconst velocitySampleDuration = 5 // ms\n\nexport function getGeneratorVelocity(\n    resolveValue: (v: number) => number,\n    t: number,\n    current: number\n) {\n    const prevT = Math.max(t - velocitySampleDuration, 0)\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT)\n}\n", "import {\n    AnimationState,\n    KeyframeGenerator,\n    ValueAnimationOptions,\n} from \"../types\"\nimport { spring as createSpring } from \"./spring\"\nimport { getGeneratorVelocity } from \"./utils/velocity\"\n\nexport function inertia({\n    keyframes,\n    velocity = 0.0,\n    power = 0.8,\n    timeConstant = 325,\n    bounceDamping = 10,\n    bounceStiffness = 500,\n    modifyTarget,\n    min,\n    max,\n    restDelta = 0.5,\n    restSpeed,\n}: ValueAnimationOptions<number>): KeyframeGenerator<number> {\n    const origin = keyframes[0]\n\n    const state: AnimationState<number> = {\n        done: false,\n        value: origin,\n    }\n\n    const isOutOfBounds = (v: number) =>\n        (min !== undefined && v < min) || (max !== undefined && v > max)\n\n    const nearestBoundary = (v: number) => {\n        if (min === undefined) return max\n        if (max === undefined) return min\n\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max\n    }\n\n    let amplitude = power * velocity\n    const ideal = origin + amplitude\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal)\n\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal) amplitude = target - origin\n\n    const calcDelta = (t: number) => -amplitude * Math.exp(-t / timeConstant)\n\n    const calcLatest = (t: number) => target + calcDelta(t)\n\n    const applyFriction = (t: number) => {\n        const delta = calcDelta(t)\n        const latest = calcLatest(t)\n        state.done = Math.abs(delta) <= restDelta\n        state.value = state.done ? target : latest\n    }\n\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary: number | undefined\n    let spring: KeyframeGenerator<number> | undefined\n\n    const checkCatchBoundary = (t: number) => {\n        if (!isOutOfBounds(state.value)) return\n\n        timeReachedBoundary = t\n\n        spring = createSpring({\n            keyframes: [state.value, nearestBoundary(state.value)!],\n            velocity: getGeneratorVelocity(calcLatest, t, state.value), // TODO: This should be passing * 1000\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        })\n    }\n\n    checkCatchBoundary(0)\n\n    return {\n        calculatedDuration: null,\n        next: (t: number) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false\n            if (!spring && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true\n                applyFriction(t)\n                checkCatchBoundary(t)\n            }\n\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t >= timeReachedBoundary) {\n                return spring!.next(t - timeReachedBoundary)\n            } else {\n                !hasUpdatedFrame && applyFriction(t)\n                return state\n            }\n        },\n    }\n}\n", "import {\n    clamp,\n    EasingFunction,\n    invariant,\n    MotionGlobalConfig,\n    noop,\n    pipe,\n    progress,\n} from \"motion-utils\"\nimport { mix } from \"./mix\"\nimport { Mixer, MixerFactory } from \"./mix/types\"\n\nexport interface InterpolateOptions<T> {\n    clamp?: boolean\n    ease?: EasingFunction | EasingFunction[]\n    mixer?: MixerFactory<T>\n}\n\nfunction createMixers<T>(\n    output: T[],\n    ease?: EasingFunction | EasingFunction[],\n    customMixer?: MixerFactory<T>\n) {\n    const mixers: Array<Mixer<T>> = []\n    const mixerFactory: MixerFactory<T> =\n        customMixer || MotionGlobalConfig.mix || mix\n    const numMixers = output.length - 1\n\n    for (let i = 0; i < numMixers; i++) {\n        let mixer = mixerFactory(output[i], output[i + 1])\n\n        if (ease) {\n            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease\n            mixer = pipe(easingFunction, mixer) as Mixer<T>\n        }\n\n        mixers.push(mixer)\n    }\n\n    return mixers\n}\n\n/**\n * Create a function that maps from a numerical input array to a generic output array.\n *\n * Accepts:\n *   - Numbers\n *   - Colors (hex, hsl, hsla, rgb, rgba)\n *   - Complex (combinations of one or more numbers or strings)\n *\n * ```jsx\n * const mixColor = interpolate([0, 1], ['#fff', '#000'])\n *\n * mixColor(0.5) // 'rgba(128, 128, 128, 1)'\n * ```\n *\n * TODO Revisit this approach once we've moved to data models for values,\n * probably not needed to pregenerate mixer functions.\n *\n * @public\n */\nexport function interpolate<T>(\n    input: number[],\n    output: T[],\n    { clamp: isClamp = true, ease, mixer }: InterpolateOptions<T> = {}\n): (v: number) => T {\n    const inputLength = input.length\n\n    invariant(\n        inputLength === output.length,\n        \"Both input and output ranges must be the same length\",\n        \"range-length\"\n    )\n\n    /**\n     * If we're only provided a single input, we can just make a function\n     * that returns the output.\n     */\n    if (inputLength === 1) return () => output[0]\n    if (inputLength === 2 && output[0] === output[1]) return () => output[1]\n\n    const isZeroDeltaRange = input[0] === input[1]\n\n    // If input runs highest -> lowest, reverse both arrays\n    if (input[0] > input[inputLength - 1]) {\n        input = [...input].reverse()\n        output = [...output].reverse()\n    }\n\n    const mixers = createMixers(output, ease, mixer)\n    const numMixers = mixers.length\n\n    const interpolator = (v: number): T => {\n        if (isZeroDeltaRange && v < input[0]) return output[0]\n\n        let i = 0\n\n        if (numMixers > 1) {\n            for (; i < input.length - 2; i++) {\n                if (v < input[i + 1]) break\n            }\n        }\n\n        const progressInRange = progress(input[i], input[i + 1], v)\n\n        return mixers[i](progressInRange)\n    }\n\n    return isClamp\n        ? (v: number) =>\n              interpolator(clamp(input[0], input[inputLength - 1], v))\n        : interpolator\n}\n", "import { progress } from \"motion-utils\"\nimport { mixNumber } from \"../../../utils/mix/number\"\n\nexport function fillOffset(offset: number[], remaining: number): void {\n    const min = offset[offset.length - 1]\n    for (let i = 1; i <= remaining; i++) {\n        const offsetProgress = progress(0, remaining, i)\n        offset.push(mixNumber(min, 1, offsetProgress))\n    }\n}\n", "import { fillOffset } from \"./fill\"\n\nexport function defaultOffset(arr: any[]): number[] {\n    const offset = [0]\n    fillOffset(offset, arr.length - 1)\n    return offset\n}\n", "export function convertOffsetToTimes(offset: number[], duration: number) {\n    return offset.map((o) => o * duration)\n}\n", "import {\n    easeInOut,\n    easingDefinitionToFunction,\n    EasingFunction,\n    isEasingArray,\n} from \"motion-utils\"\nimport { interpolate } from \"../../utils/interpolate\"\nimport { defaultOffset } from \"../keyframes/offsets/default\"\nimport { convertOffsetToTimes } from \"../keyframes/offsets/time\"\nimport {\n    AnimationState,\n    AnyResolvedKeyframe,\n    KeyframeGenerator,\n    ValueAnimationOptions,\n} from \"../types\"\n\nexport function defaultEasing(\n    values: any[],\n    easing?: EasingFunction\n): EasingFunction[] {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1)\n}\n\nexport function keyframes<T extends AnyResolvedKeyframe>({\n    duration = 300,\n    keyframes: keyframeValues,\n    times,\n    ease = \"easeInOut\",\n}: ValueAnimationOptions<T>): KeyframeGenerator<T> {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease)\n\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state: AnimationState<T> = {\n        done: false,\n        value: keyframeValues[0],\n    }\n\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n        // Only use the provided offsets if they're the correct length\n        // TODO Maybe we should warn here if there's a length mismatch\n        times && times.length === keyframeValues.length\n            ? times\n            : defaultOffset(keyframeValues),\n        duration\n    )\n\n    const mapTimeToKeyframe = interpolate<T>(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    })\n\n    return {\n        calculatedDuration: duration,\n        next: (t: number) => {\n            state.value = mapTimeToKeyframe(t)\n            state.done = t >= duration\n            return state\n        },\n    }\n}\n", "import { AnimationPlaybackOptions } from \"../types\"\n\nconst isNotNull = (value: unknown) => value !== null\n\nexport function getFinalKeyframe<T>(\n    keyframes: T[],\n    { repeat, repeatType = \"loop\" }: AnimationPlaybackOptions,\n    finalKeyframe?: T,\n    speed: number = 1\n): T {\n    const resolvedKeyframes = keyframes.filter(isNotNull)\n    const useFirstKeyframe =\n        speed < 0 || (repeat && repeatType !== \"loop\" && repeat % 2 === 1)\n    const index = useFirstKeyframe ? 0 : resolvedKeyframes.length - 1\n\n    return !index || finalKeyframe === undefined\n        ? resolvedKeyframes[index]\n        : finalKeyframe\n}\n", "import { inertia } from \"../generators/inertia\"\nimport { keyframes } from \"../generators/keyframes\"\nimport { spring } from \"../generators/spring\"\nimport { GeneratorFactory, ValueAnimationTransition } from \"../types\"\n\nconst transitionTypeMap: { [key: string]: GeneratorFactory } = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n}\n\nexport function replaceTransitionType(transition: ValueAnimationTransition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type]\n    }\n}\n", "export class WithPromise {\n    protected _finished: Promise<void>\n\n    resolve: VoidFunction\n\n    constructor() {\n        this.updateFinished()\n    }\n\n    get finished() {\n        return this._finished\n    }\n\n    protected updateFinished() {\n        this._finished = new Promise<void>((resolve) => {\n            this.resolve = resolve\n        })\n    }\n\n    protected notifyFinished() {\n        this.resolve()\n    }\n\n    /**\n     * Allows the animation to be awaited.\n     *\n     * @deprecated Use `finished` instead.\n     */\n    then(onResolve: VoidFunction, onReject?: VoidFunction) {\n        return this.finished.then(onResolve, onReject)\n    }\n}\n", "import {\n    clamp,\n    invariant,\n    millisecondsToSeconds,\n    pipe,\n    secondsToMilliseconds,\n} from \"motion-utils\"\nimport { time } from \"../frameloop/sync-time\"\nimport { activeAnimations } from \"../stats/animation-count\"\nimport { mix } from \"../utils/mix\"\nimport { Mixer } from \"../utils/mix/types\"\nimport { frameloopDriver } from \"./drivers/frame\"\nimport { DriverControls } from \"./drivers/types\"\nimport { inertia } from \"./generators/inertia\"\nimport { keyframes as keyframesGenerator } from \"./generators/keyframes\"\nimport { calcGeneratorDuration } from \"./generators/utils/calc-duration\"\nimport { getGeneratorVelocity } from \"./generators/utils/velocity\"\nimport { getFinalKeyframe } from \"./keyframes/get-final\"\nimport {\n    AnimationPlaybackControlsWithThen,\n    AnimationState,\n    GeneratorFactory,\n    KeyframeGenerator,\n    TimelineWithFallback,\n    ValueAnimationOptions,\n} from \"./types\"\nimport { replaceTransitionType } from \"./utils/replace-transition-type\"\nimport { WithPromise } from \"./utils/WithPromise\"\n\nconst percentToProgress = (percent: number) => percent / 100\n\nexport class JSAnimation<T extends number | string>\n    extends WithPromise\n    implements AnimationPlaybackControlsWithThen\n{\n    state: AnimationPlayState = \"idle\"\n\n    startTime: number | null = null\n\n    /**\n     * The driver that's controlling the animation loop. Normally this is a requestAnimationFrame loop\n     * but in tests we can pass in a synchronous loop.\n     */\n    private driver?: DriverControls\n\n    private isStopped = false\n\n    private generator: KeyframeGenerator<T>\n\n    private calculatedDuration: number\n\n    private resolvedDuration: number\n\n    private totalDuration: number\n\n    private options: ValueAnimationOptions<T>\n\n    /**\n     * The current time of the animation.\n     */\n    private currentTime: number = 0\n\n    /**\n     * The time at which the animation was paused.\n     */\n    private holdTime: number | null = null\n\n    /**\n     * Playback speed as a factor. 0 would be stopped, -1 reverse and 2 double speed.\n     */\n    private playbackSpeed = 1\n\n    /*\n     * If our generator doesn't support mixing numbers, we need to replace keyframes with\n     * [0, 100] and then make a function that maps that to the actual keyframes.\n     *\n     * 100 is chosen instead of 1 as it works nicer with spring animations.\n     */\n    private mixKeyframes: Mixer<T> | undefined\n\n    private mirroredGenerator: KeyframeGenerator<T> | undefined\n\n    constructor(options: ValueAnimationOptions<T>) {\n        super()\n        activeAnimations.mainThread++\n\n        this.options = options\n        this.initAnimation()\n        this.play()\n\n        if (options.autoplay === false) this.pause()\n    }\n\n    initAnimation() {\n        const { options } = this\n\n        replaceTransitionType(options)\n\n        const {\n            type = keyframesGenerator,\n            repeat = 0,\n            repeatDelay = 0,\n            repeatType,\n            velocity = 0,\n        } = options\n        let { keyframes } = options\n\n        const generatorFactory =\n            (type as GeneratorFactory) || keyframesGenerator\n\n        if (\n            process.env.NODE_ENV !== \"production\" &&\n            generatorFactory !== keyframesGenerator\n        ) {\n            invariant(\n                keyframes.length <= 2,\n                `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}`,\n                \"spring-two-frames\"\n            )\n        }\n\n        if (\n            generatorFactory !== keyframesGenerator &&\n            typeof keyframes[0] !== \"number\"\n        ) {\n            this.mixKeyframes = pipe(\n                percentToProgress,\n                mix(keyframes[0], keyframes[1])\n            ) as (t: number) => T\n\n            keyframes = [0 as T, 100 as T]\n        }\n\n        const generator = generatorFactory({ ...options, keyframes })\n\n        /**\n         * If we have a mirror repeat type we need to create a second generator that outputs the\n         * mirrored (not reversed) animation and later ping pong between the two generators.\n         */\n        if (repeatType === \"mirror\") {\n            this.mirroredGenerator = generatorFactory({\n                ...options,\n                keyframes: [...keyframes].reverse(),\n                velocity: -velocity,\n            })\n        }\n\n        /**\n         * If duration is undefined and we have repeat options,\n         * we need to calculate a duration from the generator.\n         *\n         * We set it to the generator itself to cache the duration.\n         * Any timeline resolver will need to have already precalculated\n         * the duration by this step.\n         */\n        if (generator.calculatedDuration === null) {\n            generator.calculatedDuration = calcGeneratorDuration(generator)\n        }\n\n        const { calculatedDuration } = generator\n        this.calculatedDuration = calculatedDuration\n        this.resolvedDuration = calculatedDuration + repeatDelay\n        this.totalDuration = this.resolvedDuration * (repeat + 1) - repeatDelay\n        this.generator = generator\n    }\n\n    updateTime(timestamp: number) {\n        const animationTime =\n            Math.round(timestamp - this.startTime!) * this.playbackSpeed\n\n        // Update currentTime\n        if (this.holdTime !== null) {\n            this.currentTime = this.holdTime\n        } else {\n            // Rounding the time because floating point arithmetic is not always accurate, e.g. 3000.367 - 1000.367 =\n            // 2000.0000000000002. This is a problem when we are comparing the currentTime with the duration, for\n            // example.\n            this.currentTime = animationTime\n        }\n    }\n\n    tick(timestamp: number, sample = false) {\n        const {\n            generator,\n            totalDuration,\n            mixKeyframes,\n            mirroredGenerator,\n            resolvedDuration,\n            calculatedDuration,\n        } = this\n\n        if (this.startTime === null) return generator.next(0)\n\n        const {\n            delay = 0,\n            keyframes,\n            repeat,\n            repeatType,\n            repeatDelay,\n            type,\n            onUpdate,\n            finalKeyframe,\n        } = this.options\n\n        /**\n         * requestAnimationFrame timestamps can come through as lower than\n         * the startTime as set by performance.now(). Here we prevent this,\n         * though in the future it could be possible to make setting startTime\n         * a pending operation that gets resolved here.\n         */\n        if (this.speed > 0) {\n            this.startTime = Math.min(this.startTime, timestamp)\n        } else if (this.speed < 0) {\n            this.startTime = Math.min(\n                timestamp - totalDuration / this.speed,\n                this.startTime\n            )\n        }\n\n        if (sample) {\n            this.currentTime = timestamp\n        } else {\n            this.updateTime(timestamp)\n        }\n\n        // Rebase on delay\n        const timeWithoutDelay =\n            this.currentTime - delay * (this.playbackSpeed >= 0 ? 1 : -1)\n        const isInDelayPhase =\n            this.playbackSpeed >= 0\n                ? timeWithoutDelay < 0\n                : timeWithoutDelay > totalDuration\n        this.currentTime = Math.max(timeWithoutDelay, 0)\n\n        // If this animation has finished, set the current time  to the total duration.\n        if (this.state === \"finished\" && this.holdTime === null) {\n            this.currentTime = totalDuration\n        }\n\n        let elapsed = this.currentTime\n        let frameGenerator = generator\n\n        if (repeat) {\n            /**\n             * Get the current progress (0-1) of the animation. If t is >\n             * than duration we'll get values like 2.5 (midway through the\n             * third iteration)\n             */\n            const progress =\n                Math.min(this.currentTime, totalDuration) / resolvedDuration\n\n            /**\n             * Get the current iteration (0 indexed). For instance the floor of\n             * 2.5 is 2.\n             */\n            let currentIteration = Math.floor(progress)\n\n            /**\n             * Get the current progress of the iteration by taking the remainder\n             * so 2.5 is 0.5 through iteration 2\n             */\n            let iterationProgress = progress % 1.0\n\n            /**\n             * If iteration progress is 1 we count that as the end\n             * of the previous iteration.\n             */\n            if (!iterationProgress && progress >= 1) {\n                iterationProgress = 1\n            }\n\n            iterationProgress === 1 && currentIteration--\n\n            currentIteration = Math.min(currentIteration, repeat + 1)\n\n            /**\n             * Reverse progress if we're not running in \"normal\" direction\n             */\n\n            const isOddIteration = Boolean(currentIteration % 2)\n            if (isOddIteration) {\n                if (repeatType === \"reverse\") {\n                    iterationProgress = 1 - iterationProgress\n                    if (repeatDelay) {\n                        iterationProgress -= repeatDelay / resolvedDuration\n                    }\n                } else if (repeatType === \"mirror\") {\n                    frameGenerator = mirroredGenerator!\n                }\n            }\n\n            elapsed = clamp(0, 1, iterationProgress) * resolvedDuration\n        }\n\n        /**\n         * If we're in negative time, set state as the initial keyframe.\n         * This prevents delay: x, duration: 0 animations from finishing\n         * instantly.\n         */\n        const state = isInDelayPhase\n            ? { done: false, value: keyframes[0] }\n            : frameGenerator.next(elapsed)\n\n        if (mixKeyframes && !isInDelayPhase) {\n            state.value = mixKeyframes(state.value as number)\n        }\n\n        let { done } = state\n\n        if (!isInDelayPhase && calculatedDuration !== null) {\n            done =\n                this.playbackSpeed >= 0\n                    ? this.currentTime >= totalDuration\n                    : this.currentTime <= 0\n        }\n\n        const isAnimationFinished =\n            this.holdTime === null &&\n            (this.state === \"finished\" || (this.state === \"running\" && done))\n\n        // TODO: The exception for inertia could be cleaner here\n        if (isAnimationFinished && type !== inertia) {\n            state.value = getFinalKeyframe(\n                keyframes,\n                this.options,\n                finalKeyframe,\n                this.speed\n            )\n        }\n\n        if (onUpdate) {\n            onUpdate(state.value)\n        }\n\n        if (isAnimationFinished) {\n            this.finish()\n        }\n\n        return state\n    }\n\n    /**\n     * Allows the returned animation to be awaited or promise-chained. Currently\n     * resolves when the animation finishes at all but in a future update could/should\n     * reject if its cancels.\n     */\n    then(resolve: VoidFunction, reject?: VoidFunction) {\n        return this.finished.then(resolve, reject)\n    }\n\n    get duration() {\n        return millisecondsToSeconds(this.calculatedDuration)\n    }\n\n    get iterationDuration() {\n        const { delay = 0 } = this.options || {}\n        return this.duration + millisecondsToSeconds(delay)\n    }\n\n    get time() {\n        return millisecondsToSeconds(this.currentTime)\n    }\n\n    set time(newTime: number) {\n        newTime = secondsToMilliseconds(newTime)\n        this.currentTime = newTime\n\n        if (\n            this.startTime === null ||\n            this.holdTime !== null ||\n            this.playbackSpeed === 0\n        ) {\n            this.holdTime = newTime\n        } else if (this.driver) {\n            this.startTime = this.driver.now() - newTime / this.playbackSpeed\n        }\n\n        if (this.driver) {\n            this.driver.start(false)\n        } else {\n            this.startTime = 0\n            this.state = \"paused\"\n            this.holdTime = newTime\n            this.tick(newTime)\n        }\n    }\n\n    /**\n     * Returns the generator's velocity at the current time in units/second.\n     * Uses the analytical derivative when available (springs), avoiding\n     * the MotionValue's frame-dependent velocity estimation.\n     */\n    getGeneratorVelocity(): number {\n        const t = this.currentTime\n        if (t <= 0) return this.options.velocity || 0\n\n        if (this.generator.velocity) {\n            return this.generator.velocity(t)\n        }\n\n        // Fallback: finite difference\n        const current = this.generator.next(t).value as number\n        return getGeneratorVelocity(\n            (s) => this.generator.next(s).value as number,\n            t,\n            current\n        )\n    }\n\n    get speed() {\n        return this.playbackSpeed\n    }\n\n    set speed(newSpeed: number) {\n        const hasChanged = this.playbackSpeed !== newSpeed\n\n        if (hasChanged && this.driver) {\n            this.updateTime(time.now())\n        }\n\n        this.playbackSpeed = newSpeed\n\n        if (hasChanged && this.driver) {\n            this.time = millisecondsToSeconds(this.currentTime)\n        }\n    }\n\n    play() {\n        if (this.isStopped) return\n\n        const { driver = frameloopDriver, startTime } = this.options\n\n        if (!this.driver) {\n            this.driver = driver((timestamp) => this.tick(timestamp))\n        }\n\n        this.options.onPlay?.()\n\n        const now = this.driver.now()\n\n        if (this.state === \"finished\") {\n            this.updateFinished()\n            this.startTime = now\n        } else if (this.holdTime !== null) {\n            this.startTime = now - this.holdTime\n        } else if (!this.startTime) {\n            this.startTime = startTime ?? now\n        }\n\n        if (this.state === \"finished\" && this.speed < 0) {\n            this.startTime += this.calculatedDuration\n        }\n\n        this.holdTime = null\n\n        /**\n         * Set playState to running only after we've used it in\n         * the previous logic.\n         */\n        this.state = \"running\"\n\n        this.driver.start()\n    }\n\n    pause() {\n        this.state = \"paused\"\n        this.updateTime(time.now())\n        this.holdTime = this.currentTime\n    }\n\n    /**\n     * This method is bound to the instance to fix a pattern where\n     * animation.stop is returned as a reference from a useEffect.\n     */\n    stop = () => {\n        const { motionValue } = this.options\n        if (motionValue && motionValue.updatedAt !== time.now()) {\n            this.tick(time.now())\n        }\n\n        this.isStopped = true\n        if (this.state === \"idle\") return\n        this.teardown()\n        this.options.onStop?.()\n    }\n\n    complete() {\n        if (this.state !== \"running\") {\n            this.play()\n        }\n\n        this.state = \"finished\"\n        this.holdTime = null\n    }\n\n    finish() {\n        this.notifyFinished()\n        this.teardown()\n        this.state = \"finished\"\n\n        this.options.onComplete?.()\n    }\n\n    cancel() {\n        this.holdTime = null\n        this.startTime = 0\n        this.tick(0)\n        this.teardown()\n        this.options.onCancel?.()\n    }\n\n    private teardown() {\n        this.state = \"idle\"\n        this.stopDriver()\n        this.startTime = this.holdTime = null\n        activeAnimations.mainThread--\n    }\n\n    private stopDriver() {\n        if (!this.driver) return\n        this.driver.stop()\n        this.driver = undefined\n    }\n\n    sample(sampleTime: number): AnimationState<T> {\n        this.startTime = 0\n        return this.tick(sampleTime, true)\n    }\n\n    attachTimeline(timeline: TimelineWithFallback): VoidFunction {\n        if (this.options.allowFlatten) {\n            this.options.type = \"keyframes\"\n            this.options.ease = \"linear\"\n            this.initAnimation()\n        }\n\n        this.driver?.stop()\n        return timeline.observe(this)\n    }\n}\n\n// Legacy function support\nexport function animateValue<T extends number | string>(\n    options: ValueAnimationOptions<T>\n) {\n    return new JSAnimation(options)\n}\n", "import { UnresolvedValueKeyframe, ValueKeyframe } from \"../../types\"\n\nexport function fillWildcards(\n    keyframes: ValueKeyframe[] | UnresolvedValueKeyframe[]\n) {\n    for (let i = 1; i < keyframes.length; i++) {\n        keyframes[i] ??= keyframes[i - 1]\n    }\n}\n", "import { transformPropOrder } from \"../utils/keys-transform\"\n\nconst radToDeg = (rad: number) => (rad * 180) / Math.PI\n\ntype MatrixParser = (values: number[]) => number\n\ntype MatrixParsers = Record<\n    (typeof transformPropOrder)[number],\n    number | MatrixParser\n>\n\nconst rotate = (v: number[]) => {\n    const angle = radToDeg(Math.atan2(v[1], v[0]))\n    return rebaseAngle(angle)\n}\n\nconst matrix2dParsers: MatrixParsers = {\n    x: 4,\n    y: 5,\n    translateX: 4,\n    translateY: 5,\n    scaleX: 0,\n    scaleY: 3,\n    scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,\n    rotate,\n    rotateZ: rotate,\n    skewX: (v) => radToDeg(Math.atan(v[1])),\n    skewY: (v) => radToDeg(Math.atan(v[2])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2,\n} as const\n\nconst rebaseAngle = (angle: number) => {\n    angle = angle % 360\n    if (angle < 0) angle += 360\n    return angle\n}\n\nconst rotateZ = rotate\n\nconst scaleX = (v: number[]) => Math.sqrt(v[0] * v[0] + v[1] * v[1])\nconst scaleY = (v: number[]) => Math.sqrt(v[4] * v[4] + v[5] * v[5])\n\nconst matrix3dParsers: MatrixParsers = {\n    x: 12,\n    y: 13,\n    z: 14,\n    translateX: 12,\n    translateY: 13,\n    translateZ: 14,\n    scaleX,\n    scaleY,\n    scale: (v) => (scaleX(v) + scaleY(v)) / 2,\n    rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),\n    rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),\n    rotateZ,\n    rotate: rotateZ,\n    skewX: (v) => radToDeg(Math.atan(v[4])),\n    skewY: (v) => radToDeg(Math.atan(v[1])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2,\n} as const\n\nexport function defaultTransformValue(name: string): number {\n    return name.includes(\"scale\") ? 1 : 0\n}\n\nexport function parseValueFromTransform(\n    transform: string | undefined,\n    name: string\n): number {\n    if (!transform || transform === \"none\") {\n        return defaultTransformValue(name)\n    }\n\n    const matrix3dMatch = transform.match(/^matrix3d\\(([-\\d.e\\s,]+)\\)$/u)\n\n    let parsers: MatrixParsers\n    let match: RegExpMatchArray | null\n\n    if (matrix3dMatch) {\n        parsers = matrix3dParsers\n        match = matrix3dMatch\n    } else {\n        const matrix2dMatch = transform.match(/^matrix\\(([-\\d.e\\s,]+)\\)$/u)\n\n        parsers = matrix2dParsers\n        match = matrix2dMatch\n    }\n\n    if (!match) {\n        return defaultTransformValue(name)\n    }\n\n    const valueParser = parsers[name]\n    const values = match[1].split(\",\").map(convertTransformToNumber)\n\n    return typeof valueParser === \"function\"\n        ? valueParser(values)\n        : values[valueParser]\n}\n\nexport const readTransformValue = (instance: HTMLElement, name: string) => {\n    const { transform = \"none\" } = getComputedStyle(instance)\n    return parseValueFromTransform(transform, name)\n}\n\nfunction convertTransformToNumber(value: string): number {\n    return parseFloat(value.trim())\n}\n", "/**\n * Generate a list of every possible transform key.\n */\nexport const transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n]\n\n/**\n * A quick lookup for transform props.\n */\nexport const transformProps = /*@__PURE__*/ (() =>\n    new Set(transformPropOrder))()\n", "import type { Box } from \"motion-utils\"\nimport { parseValueFromTransform } from \"../../../render/dom/parse-transform\"\nimport { transformPropOrder } from \"../../../render/utils/keys-transform\"\nimport { MotionValue } from \"../../../value\"\nimport { number } from \"../../../value/types/numbers\"\nimport { px } from \"../../../value/types/numbers/units\"\nimport { ValueType } from \"../../../value/types/types\"\nimport { AnyResolvedKeyframe } from \"../../types\"\nimport { WithRender } from \"../types\"\n\nexport const isNumOrPxType = (v?: ValueType): v is ValueType =>\n    v === number || v === px\n\ntype GetActualMeasurementInPixels = (\n    bbox: Box,\n    computedStyle: Partial<CSSStyleDeclaration>\n) => number\n\nconst transformKeys = new Set([\"x\", \"y\", \"z\"])\nconst nonTranslationalTransformKeys = transformPropOrder.filter(\n    (key) => !transformKeys.has(key)\n)\n\ntype RemovedTransforms = [string, AnyResolvedKeyframe][]\nexport function removeNonTranslationalTransform(visualElement: WithRender) {\n    const removedTransforms: RemovedTransforms = []\n\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value: MotionValue<AnyResolvedKeyframe> | undefined =\n            visualElement.getValue(key)\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()])\n            value.set(key.startsWith(\"scale\") ? 1 : 0)\n        }\n    })\n\n    return removedTransforms\n}\n\nexport const positionalValues: { [key: string]: GetActualMeasurementInPixels } =\n    {\n        // Dimensions\n        width: (\n            { x },\n            { paddingLeft = \"0\", paddingRight = \"0\", boxSizing }\n        ) => {\n            const width = x.max - x.min\n            return boxSizing === \"border-box\"\n                ? width\n                : width - parseFloat(paddingLeft) - parseFloat(paddingRight)\n        },\n        height: (\n            { y },\n            { paddingTop = \"0\", paddingBottom = \"0\", boxSizing }\n        ) => {\n            const height = y.max - y.min\n            return boxSizing === \"border-box\"\n                ? height\n                : height - parseFloat(paddingTop) - parseFloat(paddingBottom)\n        },\n\n        top: (_bbox, { top }) => parseFloat(top as string),\n        left: (_bbox, { left }) => parseFloat(left as string),\n        bottom: ({ y }, { top }) => parseFloat(top as string) + (y.max - y.min),\n        right: ({ x }, { left }) =>\n            parseFloat(left as string) + (x.max - x.min),\n\n        // Transform\n        x: (_bbox, { transform }) => parseValueFromTransform(transform, \"x\"),\n        y: (_bbox, { transform }) => parseValueFromTransform(transform, \"y\"),\n    }\n\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x\npositionalValues.translateY = positionalValues.y\n", "import { frame } from \"../../frameloop\"\nimport { MotionValue } from \"../../value\"\nimport { AnyResolvedKeyframe } from \"../types\"\nimport { WithRender } from \"./types\"\nimport { fillWildcards } from \"./utils/fill-wildcards\"\nimport { removeNonTranslationalTransform } from \"./utils/unit-conversion\"\n\nexport type UnresolvedKeyframes<T extends AnyResolvedKeyframe> = Array<T | null>\n\nexport type ResolvedKeyframes<T extends AnyResolvedKeyframe> = Array<T>\n\nconst toResolve = new Set<KeyframeResolver>()\nlet isScheduled = false\nlet anyNeedsMeasurement = false\nlet isForced = false\n\nfunction measureAllKeyframes() {\n    if (anyNeedsMeasurement) {\n        const resolversToMeasure = Array.from(toResolve).filter(\n            (resolver: KeyframeResolver) => resolver.needsMeasurement\n        )\n        const elementsToMeasure = new Set(\n            resolversToMeasure.map((resolver) => resolver.element)\n        )\n        const transformsToRestore = new Map<\n            WithRender,\n            [string, AnyResolvedKeyframe][]\n        >()\n\n        /**\n         * Write pass\n         * If we're measuring elements we want to remove bounding box-changing transforms.\n         */\n        elementsToMeasure.forEach((element: WithRender) => {\n            const removedTransforms = removeNonTranslationalTransform(\n                element as any\n            )\n\n            if (!removedTransforms.length) return\n\n            transformsToRestore.set(element, removedTransforms)\n\n            element.render()\n        })\n\n        // Read\n        resolversToMeasure.forEach((resolver) => resolver.measureInitialState())\n\n        // Write\n        elementsToMeasure.forEach((element: WithRender) => {\n            element.render()\n\n            const restore = transformsToRestore.get(element)\n            if (restore) {\n                restore.forEach(([key, value]) => {\n                    element.getValue(key)?.set(value)\n                })\n            }\n        })\n\n        // Read\n        resolversToMeasure.forEach((resolver) => resolver.measureEndState())\n\n        // Write\n        resolversToMeasure.forEach((resolver) => {\n            if (resolver.suspendedScrollY !== undefined) {\n                window.scrollTo(0, resolver.suspendedScrollY)\n            }\n        })\n    }\n\n    anyNeedsMeasurement = false\n    isScheduled = false\n\n    toResolve.forEach((resolver) => resolver.complete(isForced))\n    toResolve.clear()\n}\n\nfunction readAllKeyframes() {\n    toResolve.forEach((resolver) => {\n        resolver.readKeyframes()\n\n        if (resolver.needsMeasurement) {\n            anyNeedsMeasurement = true\n        }\n    })\n}\n\nexport function flushKeyframeResolvers() {\n    isForced = true\n    readAllKeyframes()\n    measureAllKeyframes()\n    isForced = false\n}\n\nexport type OnKeyframesResolved<T extends AnyResolvedKeyframe> = (\n    resolvedKeyframes: ResolvedKeyframes<T>,\n    finalKeyframe: T,\n    forced: boolean\n) => void\n\nexport class KeyframeResolver<T extends AnyResolvedKeyframe = any> {\n    name?: string\n    element?: WithRender\n    finalKeyframe?: T\n    suspendedScrollY?: number\n\n    protected unresolvedKeyframes: UnresolvedKeyframes<AnyResolvedKeyframe>\n\n    private motionValue?: MotionValue<T>\n    private onComplete: OnKeyframesResolved<T>\n\n    state: \"pending\" | \"scheduled\" | \"complete\" = \"pending\"\n\n    /**\n     * Track whether this resolver is async. If it is, it'll be added to the\n     * resolver queue and flushed in the next frame. Resolvers that aren't going\n     * to trigger read/write thrashing don't need to be async.\n     */\n    private isAsync = false\n\n    /**\n     * Track whether this resolver needs to perform a measurement\n     * to resolve its keyframes.\n     */\n    needsMeasurement = false\n\n    constructor(\n        unresolvedKeyframes: UnresolvedKeyframes<AnyResolvedKeyframe>,\n        onComplete: OnKeyframesResolved<T>,\n        name?: string,\n        motionValue?: MotionValue<T>,\n        element?: WithRender,\n        isAsync = false\n    ) {\n        this.unresolvedKeyframes = [...unresolvedKeyframes]\n        this.onComplete = onComplete\n        this.name = name\n        this.motionValue = motionValue\n        this.element = element\n        this.isAsync = isAsync\n    }\n\n    scheduleResolve() {\n        this.state = \"scheduled\"\n\n        if (this.isAsync) {\n            toResolve.add(this)\n\n            if (!isScheduled) {\n                isScheduled = true\n                frame.read(readAllKeyframes)\n                frame.resolveKeyframes(measureAllKeyframes)\n            }\n        } else {\n            this.readKeyframes()\n            this.complete()\n        }\n    }\n\n    readKeyframes() {\n        const { unresolvedKeyframes, name, element, motionValue } = this\n\n        // If initial keyframe is null we need to read it from the DOM\n        if (unresolvedKeyframes[0] === null) {\n            const currentValue = motionValue?.get()\n\n            // TODO: This doesn't work if the final keyframe is a wildcard\n            const finalKeyframe =\n                unresolvedKeyframes[unresolvedKeyframes.length - 1]\n\n            if (currentValue !== undefined) {\n                unresolvedKeyframes[0] = currentValue\n            } else if (element && name) {\n                const valueAsRead = element.readValue(name, finalKeyframe)\n\n                if (valueAsRead !== undefined && valueAsRead !== null) {\n                    unresolvedKeyframes[0] = valueAsRead\n                }\n            }\n\n            if (unresolvedKeyframes[0] === undefined) {\n                unresolvedKeyframes[0] = finalKeyframe\n            }\n\n            if (motionValue && currentValue === undefined) {\n                motionValue.set(unresolvedKeyframes[0] as T)\n            }\n        }\n\n        fillWildcards(unresolvedKeyframes)\n    }\n\n    setFinalKeyframe() {}\n    measureInitialState() {}\n    renderEndStyles() {}\n    measureEndState() {}\n\n    complete(isForcedComplete = false) {\n        this.state = \"complete\"\n\n        this.onComplete(\n            this.unresolvedKeyframes as ResolvedKeyframes<T>,\n            this.finalKeyframe as T,\n            isForcedComplete\n        )\n\n        toResolve.delete(this)\n    }\n\n    cancel() {\n        if (this.state === \"scheduled\") {\n            toResolve.delete(this)\n            this.state = \"pending\"\n        }\n    }\n\n    resume() {\n        if (this.state === \"pending\") this.scheduleResolve()\n    }\n}\n", "export const isCSSVar = (name: string) => name.startsWith(\"--\")\n", "import { AnyResolvedKeyframe } from \"../../animation/types\"\nimport { isCSSVar } from \"./is-css-var\"\n\nexport function setStyle(\n    element: HTMLElement | SVGElement,\n    name: string,\n    value: AnyResolvedKeyframe\n) {\n    isCSSVar(name)\n        ? element.style.setProperty(name, value as string)\n        : (element.style[name as any] = value as string)\n}\n", "/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nexport const supportsFlags: Record<string, boolean | undefined> = {}\n", "import { memo } from \"motion-utils\"\nimport { supportsFlags } from \"./flags\"\n\nexport function memoSupports<T extends any>(\n    callback: () => T,\n    supportsFlag: keyof typeof supportsFlags\n) {\n    const memoized = memo(callback)\n    return () => supportsFlags[supportsFlag] ?? memoized()\n}\n", "import { ProgressTimeline } from \"../..\"\nimport { memoSupports } from \"./memo\"\n\ndeclare global {\n    interface Window {\n        ScrollTimeline: ScrollTimeline\n        ViewTimeline: ViewTimeline\n    }\n}\n\ndeclare class ScrollTimeline implements ProgressTimeline {\n    constructor(options: ScrollOptions)\n\n    currentTime: null | { value: number }\n\n    cancel?: VoidFunction\n}\n\ndeclare class ViewTimeline implements ProgressTimeline {\n    constructor(options: { subject: Element; axis?: string })\n\n    currentTime: null | { value: number }\n\n    cancel?: VoidFunction\n}\n\nexport const supportsScrollTimeline = /* @__PURE__ */ memoSupports(\n    () => window.ScrollTimeline !== undefined,\n    \"scrollTimeline\"\n)\n\nexport const supportsViewTimeline = /* @__PURE__ */ memoSupports(\n    () => window.ViewTimeline !== undefined,\n    \"viewTimeline\"\n)\n", "import { memoSupports } from \"./memo\"\n\nexport const supportsLinearEasing = /*@__PURE__*/ memoSupports(() => {\n    try {\n        document\n            .createElement(\"div\")\n            .animate({ opacity: 0 }, { easing: \"linear(0, 1)\" })\n    } catch (e) {\n        return false\n    }\n    return true\n}, \"linearEasing\")\n", "import { BezierDefinition } from \"motion-utils\"\n\nexport const cubicBezierAsString = ([a, b, c, d]: BezierDefinition) =>\n    `cubic-bezier(${a}, ${b}, ${c}, ${d})`\n", "import { cubicBezierAsString } from \"./cubic-bezier\"\n\nexport const supportedWaapiEasing = {\n    linear: \"linear\",\n    ease: \"ease\",\n    easeIn: \"ease-in\",\n    easeOut: \"ease-out\",\n    easeInOut: \"ease-in-out\",\n    circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),\n    circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),\n    backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),\n    backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),\n}\n", "import { Easing, isBezierDefinition } from \"motion-utils\"\nimport { supportsLinearEasing } from \"../../../utils/supports/linear-easing\"\nimport { generateLinearEasing } from \"../utils/linear\"\nimport { cubicBezierAsString } from \"./cubic-bezier\"\nimport { supportedWaapiEasing } from \"./supported\"\n\nexport function mapEasingToNativeEasing(\n    easing: Easing | Easing[] | undefined,\n    duration: number\n): undefined | string | string[] {\n    if (!easing) {\n        return undefined\n    } else if (typeof easing === \"function\") {\n        return supportsLinearEasing()\n            ? generateLinearEasing(easing, duration)\n            : \"ease-out\"\n    } else if (isBezierDefinition(easing)) {\n        return cubicBezierAsString(easing)\n    } else if (Array.isArray(easing)) {\n        return easing.map(\n            (segmentEasing) =>\n                (mapEasingToNativeEasing(segmentEasing, duration) as string) ||\n                supportedWaapiEasing.easeOut\n        )\n    } else {\n        return supportedWaapiEasing[easing as keyof typeof supportedWaapiEasing]\n    }\n}\n", "import { activeAnimations } from \"../../stats/animation-count\"\nimport { statsBuffer } from \"../../stats/buffer\"\nimport { ValueKeyframesDefinition, ValueTransition } from \"../types\"\nimport { mapEasingToNativeEasing } from \"./easing/map-easing\"\n\nexport function startWaapiAnimation(\n    element: Element,\n    valueName: string,\n    keyframes: ValueKeyframesDefinition,\n    {\n        delay = 0,\n        duration = 300,\n        repeat = 0,\n        repeatType = \"loop\",\n        ease = \"easeOut\",\n        times,\n    }: ValueTransition = {},\n    pseudoElement: string | undefined = undefined\n) {\n    const keyframeOptions: PropertyIndexedKeyframes = {\n        [valueName]: keyframes as string[],\n    }\n    if (times) keyframeOptions.offset = times\n\n    const easing = mapEasingToNativeEasing(ease, duration)\n\n    /**\n     * If this is an easing array, apply to keyframes, not animation as a whole\n     */\n    if (Array.isArray(easing)) keyframeOptions.easing = easing\n\n    if (statsBuffer.value) {\n        activeAnimations.waapi++\n    }\n\n    const options: KeyframeAnimationOptions = {\n        delay,\n        duration,\n        easing: !Array.isArray(easing) ? easing : \"linear\",\n        fill: \"both\",\n        iterations: repeat + 1,\n        direction: repeatType === \"reverse\" ? \"alternate\" : \"normal\",\n    }\n\n    if (pseudoElement) options.pseudoElement = pseudoElement\n\n    const animation = element.animate(keyframeOptions, options)\n\n    if (statsBuffer.value) {\n        animation.finished.finally(() => {\n            activeAnimations.waapi--\n        })\n    }\n\n    return animation\n}\n", "import { AnimationGeneratorType, GeneratorFactory } from \"../../types\"\n\nexport function isGenerator(\n    type?: AnimationGeneratorType\n): type is GeneratorFactory {\n    return typeof type === \"function\" && \"applyToOptions\" in type\n}\n", "import { ValueTransition } from \"../../../animation/types\"\nimport { supportsLinearEasing } from \"../../../utils/supports/linear-easing\"\nimport { isGenerator } from \"../../generators/utils/is-generator\"\n\nexport function applyGeneratorOptions({\n    type,\n    ...options\n}: ValueTransition): ValueTransition {\n    if (isGenerator(type) && supportsLinearEasing()) {\n        return type.applyToOptions!(options)\n    } else {\n        options.duration ??= 300\n        options.ease ??= \"easeOut\"\n    }\n\n    return options\n}\n", "import {\n    invariant,\n    millisecondsToSeconds,\n    noop,\n    secondsToMilliseconds,\n} from \"motion-utils\"\nimport { setStyle } from \"../render/dom/style-set\"\nimport { supportsScrollTimeline } from \"../utils/supports/scroll-timeline\"\nimport { getFinalKeyframe } from \"./keyframes/get-final\"\nimport {\n    AnimationPlaybackControlsWithThen,\n    AnyResolvedKeyframe,\n    DOMValueAnimationOptions,\n    TimelineWithFallback,\n} from \"./types\"\nimport { WithPromise } from \"./utils/WithPromise\"\nimport { startWaapiAnimation } from \"./waapi/start-waapi-animation\"\nimport { applyGeneratorOptions } from \"./waapi/utils/apply-generator\"\n\nexport interface NativeAnimationOptions<V extends AnyResolvedKeyframe = number>\n    extends DOMValueAnimationOptions<V> {\n    pseudoElement?: string\n    startTime?: number\n}\n\n/**\n * NativeAnimation implements AnimationPlaybackControls for the browser's Web Animations API.\n */\nexport class NativeAnimation<T extends AnyResolvedKeyframe>\n    extends WithPromise\n    implements AnimationPlaybackControlsWithThen\n{\n    /**\n     * The interfaced Web Animation API animation\n     */\n    protected animation: Animation\n\n    protected finishedTime: number | null = null\n\n    protected options: NativeAnimationOptions\n\n    private allowFlatten: boolean\n\n    private isStopped = false\n\n    private isPseudoElement: boolean\n\n    /**\n     * Tracks a manually-set start time that takes precedence over WAAPI's\n     * dynamic startTime. This is cleared when play() or time setter is called,\n     * allowing WAAPI to take over timing.\n     */\n    protected manualStartTime: number | null = null\n\n    constructor(options?: NativeAnimationOptions) {\n        super()\n\n        if (!options) return\n\n        const {\n            element,\n            name,\n            keyframes,\n            pseudoElement,\n            allowFlatten = false,\n            finalKeyframe,\n            onComplete,\n        } = options as any\n\n        this.isPseudoElement = Boolean(pseudoElement)\n\n        this.allowFlatten = allowFlatten\n        this.options = options\n\n        invariant(\n            typeof options.type !== \"string\",\n            `Mini animate() doesn't support \"type\" as a string.`,\n            \"mini-spring\"\n        )\n\n        const transition = applyGeneratorOptions(options)\n\n        this.animation = startWaapiAnimation(\n            element,\n            name,\n            keyframes,\n            transition,\n            pseudoElement\n        )\n\n        if (transition.autoplay === false) {\n            this.animation.pause()\n        }\n\n        this.animation.onfinish = () => {\n            this.finishedTime = this.time\n\n            if (!pseudoElement) {\n                const keyframe = getFinalKeyframe(\n                    keyframes as any,\n                    this.options as any,\n                    finalKeyframe,\n                    this.speed\n                )\n                if (this.updateMotionValue) {\n                    this.updateMotionValue(keyframe)\n                }\n\n                /**\n                 * If we can, we want to commit the final style as set by the user,\n                 * rather than the computed keyframe value supplied by the animation.\n                 * We always do this, even when a motion value is present, to prevent\n                 * a visual flash in Firefox where the WAAPI animation's fill is removed\n                 * during cancel() before the scheduled render can apply the correct value.\n                 */\n                setStyle(element, name, keyframe)\n\n                this.animation.cancel()\n            }\n\n            onComplete?.()\n            this.notifyFinished()\n        }\n    }\n\n    updateMotionValue?(value?: T): void\n\n    play() {\n        if (this.isStopped) return\n\n        this.manualStartTime = null\n        this.animation.play()\n\n        if (this.state === \"finished\") {\n            this.updateFinished()\n        }\n    }\n\n    pause() {\n        this.animation.pause()\n    }\n\n    complete() {\n        this.animation.finish?.()\n    }\n\n    cancel() {\n        try {\n            this.animation.cancel()\n        } catch (e) {}\n    }\n\n    stop() {\n        if (this.isStopped) return\n        this.isStopped = true\n        const { state } = this\n\n        if (state === \"idle\" || state === \"finished\") {\n            return\n        }\n\n        if (this.updateMotionValue) {\n            this.updateMotionValue()\n        } else {\n            this.commitStyles()\n        }\n\n        if (!this.isPseudoElement) this.cancel()\n    }\n\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * In this method, we commit styles back to the DOM before cancelling\n     * the animation.\n     *\n     * This is designed to be overridden by NativeAnimationExtended, which\n     * will create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to also correctly calculate velocity for any subsequent animation\n     * while deferring the commit until the next animation frame.\n     */\n    protected commitStyles() {\n        const element = this.options?.element\n        if (!this.isPseudoElement && element?.isConnected) {\n            this.animation.commitStyles?.()\n        }\n    }\n\n    get duration() {\n        const duration =\n            this.animation.effect?.getComputedTiming?.().duration || 0\n\n        return millisecondsToSeconds(Number(duration))\n    }\n\n    get iterationDuration() {\n        const { delay = 0 } = this.options || {}\n        return this.duration + millisecondsToSeconds(delay)\n    }\n\n    get time() {\n        return millisecondsToSeconds(Number(this.animation.currentTime) || 0)\n    }\n\n    set time(newTime: number) {\n        const wasFinished = this.finishedTime !== null\n        this.manualStartTime = null\n        this.finishedTime = null\n        this.animation.currentTime = secondsToMilliseconds(newTime)\n\n        if (wasFinished) {\n            this.animation.pause()\n        }\n    }\n\n    /**\n     * The playback speed of the animation.\n     * 1 = normal speed, 2 = double speed, 0.5 = half speed.\n     */\n    get speed() {\n        return this.animation.playbackRate\n    }\n\n    set speed(newSpeed: number) {\n        // Allow backwards playback after finishing\n        if (newSpeed < 0) this.finishedTime = null\n\n        this.animation.playbackRate = newSpeed\n    }\n\n    get state() {\n        return this.finishedTime !== null\n            ? \"finished\"\n            : this.animation.playState\n    }\n\n    get startTime() {\n        return this.manualStartTime ?? Number(this.animation.startTime)\n    }\n\n    set startTime(newStartTime: number) {\n        this.manualStartTime = this.animation.startTime = newStartTime\n    }\n\n    /**\n     * Attaches a timeline to the animation, for instance the `ScrollTimeline`.\n     */\n    attachTimeline({\n        timeline,\n        rangeStart,\n        rangeEnd,\n        observe,\n    }: TimelineWithFallback): VoidFunction {\n        if (this.allowFlatten) {\n            this.animation.effect?.updateTiming({ easing: \"linear\" })\n        }\n\n        this.animation.onfinish = null\n\n        if (timeline && supportsScrollTimeline()) {\n            this.animation.timeline = timeline as any\n\n            if (rangeStart) (this.animation as any).rangeStart = rangeStart\n            if (rangeEnd) (this.animation as any).rangeEnd = rangeEnd\n\n            return noop<void>\n        } else {\n            return observe(this)\n        }\n    }\n}\n", "import { anticipate, backInOut, circInOut } from \"motion-utils\"\nimport { ValueAnimationTransition } from \"../../types\"\n\nconst unsupportedEasingFunctions = {\n    anticipate,\n    backInOut,\n    circInOut,\n}\n\nfunction isUnsupportedEase(\n    key: string\n): key is keyof typeof unsupportedEasingFunctions {\n    return key in unsupportedEasingFunctions\n}\n\nexport function replaceStringEasing(transition: ValueAnimationTransition) {\n    if (\n        typeof transition.ease === \"string\" &&\n        isUnsupportedEase(transition.ease)\n    ) {\n        transition.ease = unsupportedEasingFunctions[transition.ease]\n    }\n}\n", "import { clamp } from \"motion-utils\"\nimport { time } from \"../frameloop/sync-time\"\nimport { setStyle } from \"../render/dom/style-set\"\nimport { JSAnimation } from \"./JSAnimation\"\nimport { NativeAnimation, NativeAnimationOptions } from \"./NativeAnimation\"\nimport { AnyResolvedKeyframe, ValueAnimationOptions } from \"./types\"\nimport { replaceTransitionType } from \"./utils/replace-transition-type\"\nimport { replaceStringEasing } from \"./waapi/utils/unsupported-easing\"\n\nexport type NativeAnimationOptionsExtended<T extends AnyResolvedKeyframe> =\n    NativeAnimationOptions & ValueAnimationOptions<T> & NativeAnimationOptions\n\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10 //ms\n\nexport class NativeAnimationExtended<\n    T extends AnyResolvedKeyframe\n> extends NativeAnimation<T> {\n    options: NativeAnimationOptionsExtended<T>\n\n    constructor(options: NativeAnimationOptionsExtended<T>) {\n        /**\n         * The base NativeAnimation function only supports a subset\n         * of Motion easings, and WAAPI also only supports some\n         * easing functions via string/cubic-bezier definitions.\n         *\n         * This function replaces those unsupported easing functions\n         * with a JS easing function. This will later get compiled\n         * to a linear() easing function.\n         */\n        replaceStringEasing(options)\n\n        /**\n         * Ensure we replace the transition type with a generator function\n         * before passing to WAAPI.\n         *\n         * TODO: Does this have a better home? It could be shared with\n         * JSAnimation.\n         */\n        replaceTransitionType(options)\n\n        super(options)\n\n        /**\n         * Only set startTime when the animation should autoplay.\n         * Setting startTime on a paused WAAPI animation unpauses it\n         * (per the WAAPI spec), which breaks autoplay: false.\n         */\n        if (options.startTime !== undefined && options.autoplay !== false) {\n            this.startTime = options.startTime\n        }\n\n        this.options = options\n    }\n\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * Rather than read committed styles back out of the DOM, we can\n     * create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to calculate velocity for any subsequent animation.\n     */\n    updateMotionValue(value?: T) {\n        const { motionValue, onUpdate, onComplete, element, ...options } =\n            this.options\n\n        if (!motionValue) return\n\n        if (value !== undefined) {\n            motionValue.set(value)\n            return\n        }\n\n        const sampleAnimation = new JSAnimation({\n            ...options,\n            autoplay: false,\n        })\n\n        /**\n         * Use wall-clock elapsed time for sampling.\n         * Under CPU load, WAAPI's currentTime may not reflect actual\n         * elapsed time, causing incorrect sampling and visual jumps.\n         */\n        const sampleTime = Math.max(sampleDelta, time.now() - this.startTime)\n        const delta = clamp(0, sampleDelta, sampleTime - sampleDelta)\n        const current = sampleAnimation.sample(sampleTime).value\n\n        /**\n         * Write the estimated value to inline style so it persists\n         * after cancel(), covering the async gap before the next\n         * animation starts.\n         */\n        const { name } = this.options\n        if (element && name) setStyle(element, name, current)\n\n        motionValue.setWithVelocity(\n            sampleAnimation.sample(Math.max(0, sampleTime - delta)).value,\n            current,\n            delta\n        )\n\n        sampleAnimation.stop()\n    }\n}\n", "import { complex } from \"../../value/types/complex\"\nimport { ValueKeyframesDefinition } from \"../types\"\n\n/**\n * Check if a value is animatable. Examples:\n *\n * ✅: 100, \"100px\", \"#fff\"\n * ❌: \"block\", \"url(2.jpg)\"\n * @param value\n *\n * @internal\n */\nexport const isAnimatable = (\n    value: ValueKeyframesDefinition,\n    name?: string\n) => {\n    // If the list of keys that might be non-animatable grows, replace with Set\n    if (name === \"zIndex\") return false\n\n    // If it's a number or a keyframes array, we can animate it. We might at some point\n    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,\n    // but for now lets leave it like this for performance reasons\n    if (typeof value === \"number\" || Array.isArray(value)) return true\n\n    if (\n        typeof value === \"string\" && // It's animatable if we have a string\n        (complex.test(value) || value === \"0\") && // And it contains numbers and/or colors\n        !value.startsWith(\"url(\") // Unless it starts with \"url(\"\n    ) {\n        return true\n    }\n\n    return false\n}\n", "import { warning } from \"motion-utils\"\nimport { isGenerator } from \"../generators/utils/is-generator\"\nimport { ResolvedKeyframes } from \"../keyframes/KeyframesResolver\"\nimport { AnimationGeneratorType } from \"../types\"\nimport { isAnimatable } from \"./is-animatable\"\n\nfunction hasKeyframesChanged(keyframes: ResolvedKeyframes<any>) {\n    const current = keyframes[0]\n    if (keyframes.length === 1) return true\n    for (let i = 0; i < keyframes.length; i++) {\n        if (keyframes[i] !== current) return true\n    }\n}\n\nexport function canAnimate(\n    keyframes: ResolvedKeyframes<any>,\n    name?: string,\n    type?: AnimationGeneratorType,\n    velocity?: number\n) {\n    /**\n     * Check if we're able to animate between the start and end keyframes,\n     * and throw a warning if we're attempting to animate between one that's\n     * animatable and another that isn't.\n     */\n    const originKeyframe = keyframes[0]\n    if (originKeyframe === null) {\n        return false\n    }\n\n    /**\n     * These aren't traditionally animatable but we do support them.\n     * In future we could look into making this more generic or replacing\n     * this function with mix() === mixImmediate\n     */\n    if (name === \"display\" || name === \"visibility\") return true\n\n    const targetKeyframe = keyframes[keyframes.length - 1]\n    const isOriginAnimatable = isAnimatable(originKeyframe, name)\n    const isTargetAnimatable = isAnimatable(targetKeyframe, name)\n\n    warning(\n        isOriginAnimatable === isTargetAnimatable,\n        `You are trying to animate ${name} from \"${originKeyframe}\" to \"${targetKeyframe}\". \"${\n            isOriginAnimatable ? targetKeyframe : originKeyframe\n        }\" is not an animatable value.`,\n        \"value-not-animatable\"\n    )\n\n    // Always skip if any of these are true\n    if (!isOriginAnimatable || !isTargetAnimatable) {\n        return false\n    }\n\n    return (\n        hasKeyframesChanged(keyframes) ||\n        ((type === \"spring\" || isGenerator(type)) && velocity)\n    )\n}\n", "import { ValueAnimationOptions } from \"../types\"\n\nexport function makeAnimationInstant(\n    options: Partial<{\n        duration: ValueAnimationOptions[\"duration\"]\n        type: ValueAnimationOptions[\"type\"]\n    }>\n): void {\n    options.duration = 0\n    options.type = \"keyframes\"\n}\n", "import { memo } from \"motion-utils\"\nimport {\n    AnyResolvedKeyframe,\n    ValueAnimationOptionsWithRenderContext,\n} from \"../../types\"\n\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set<string>([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    // TODO: Could be re-enabled now we have support for linear() easing\n    // \"background-color\"\n])\n\nconst supportsWaapi = /*@__PURE__*/ memo(() =>\n    Object.hasOwnProperty.call(Element.prototype, \"animate\")\n)\n\nexport function supportsBrowserAnimation<T extends AnyResolvedKeyframe>(\n    options: ValueAnimationOptionsWithRenderContext<T>\n) {\n    const { motionValue, name, repeatDelay, repeatType, damping, type } =\n        options\n\n    const subject = motionValue?.owner?.current\n\n    /**\n     * We use this check instead of isHTMLElement() because we explicitly\n     * **don't** want elements in different timing contexts (i.e. popups)\n     * to be accelerated, as it's not possible to sync these animations\n     * properly with those driven from the main window frameloop.\n     */\n    if (!(subject instanceof HTMLElement)) {\n        return false\n    }\n\n    const { onUpdate, transformTemplate } = motionValue!.owner!.getProps()\n\n    return (\n        supportsWaapi() &&\n        name &&\n        acceleratedValues.has(name) &&\n        (name !== \"transform\" || !transformTemplate) &&\n        /**\n         * If we're outputting values to onUpdate then we can't use WAAPI as there's\n         * no way to read the value from WAAPI every frame.\n         */\n        !onUpdate &&\n        !repeatDelay &&\n        repeatType !== \"mirror\" &&\n        damping !== 0 &&\n        type !== \"inertia\"\n    )\n}\n", "import { MotionGlobalConfig, noop } from \"motion-utils\"\nimport { time } from \"../frameloop/sync-time\"\nimport { JSAnimation } from \"./JSAnimation\"\nimport { getFinalKeyframe } from \"./keyframes/get-final\"\nimport {\n    KeyframeResolver as DefaultKeyframeResolver,\n    flushKeyframeResolvers,\n    ResolvedKeyframes,\n} from \"./keyframes/KeyframesResolver\"\nimport { NativeAnimationExtended } from \"./NativeAnimationExtended\"\nimport {\n    AnimationPlaybackControls,\n    AnyResolvedKeyframe,\n    TimelineWithFallback,\n    ValueAnimationOptions,\n} from \"./types\"\nimport { canAnimate } from \"./utils/can-animate\"\nimport { makeAnimationInstant } from \"./utils/make-animation-instant\"\nimport { WithPromise } from \"./utils/WithPromise\"\nimport { supportsBrowserAnimation } from \"./waapi/supports/waapi\"\n\n/**\n * Maximum time allowed between an animation being created and it being\n * resolved for us to use the latter as the start time.\n *\n * This is to ensure that while we prefer to \"start\" an animation as soon\n * as it's triggered, we also want to avoid a visual jump if there's a big delay\n * between these two moments.\n */\nconst MAX_RESOLVE_DELAY = 40\n\ntype OptionsWithoutKeyframes<T extends AnyResolvedKeyframe> = Omit<\n    ValueAnimationOptions<T>,\n    \"keyframes\"\n>\n\nexport class AsyncMotionValueAnimation<T extends AnyResolvedKeyframe>\n    extends WithPromise\n    implements AnimationPlaybackControls\n{\n    private createdAt: number\n\n    private resolvedAt: number | undefined\n\n    private _animation: AnimationPlaybackControls | undefined\n\n    private pendingTimeline: TimelineWithFallback | undefined\n\n    private keyframeResolver: DefaultKeyframeResolver | undefined\n\n    private stopTimeline: VoidFunction | undefined\n\n    constructor({\n        autoplay = true,\n        delay = 0,\n        type = \"keyframes\",\n        repeat = 0,\n        repeatDelay = 0,\n        repeatType = \"loop\",\n        keyframes,\n        name,\n        motionValue,\n        element,\n        ...options\n    }: ValueAnimationOptions<T>) {\n        super()\n\n        this.createdAt = time.now()\n\n        const optionsWithDefaults: OptionsWithoutKeyframes<T> = {\n            autoplay,\n            delay,\n            type,\n            repeat,\n            repeatDelay,\n            repeatType,\n            name,\n            motionValue,\n            element,\n            ...options,\n        }\n\n        const KeyframeResolver =\n            element?.KeyframeResolver || DefaultKeyframeResolver\n\n        this.keyframeResolver = new KeyframeResolver(\n            keyframes,\n            (\n                resolvedKeyframes: ResolvedKeyframes<T>,\n                finalKeyframe: T,\n                forced: boolean\n            ) =>\n                this.onKeyframesResolved(\n                    resolvedKeyframes,\n                    finalKeyframe,\n                    optionsWithDefaults,\n                    !forced\n                ),\n            name,\n            motionValue,\n            element\n        )\n        this.keyframeResolver?.scheduleResolve()\n    }\n\n    onKeyframesResolved(\n        keyframes: ResolvedKeyframes<T>,\n        finalKeyframe: T,\n        options: OptionsWithoutKeyframes<T>,\n        sync: boolean\n    ) {\n        this.keyframeResolver = undefined\n\n        const { name, type, velocity, delay, isHandoff, onUpdate } = options\n        this.resolvedAt = time.now()\n\n        /**\n         * If we can't animate this value with the resolved keyframes\n         * then we should complete it immediately.\n         */\n        let canAnimateValue = true\n        if (!canAnimate(keyframes, name, type, velocity)) {\n            canAnimateValue = false\n\n            if (MotionGlobalConfig.instantAnimations || !delay) {\n                onUpdate?.(getFinalKeyframe(keyframes, options, finalKeyframe))\n            }\n\n            keyframes[0] = keyframes[keyframes.length - 1]\n\n            makeAnimationInstant(options)\n            options.repeat = 0\n        }\n\n        /**\n         * Resolve startTime for the animation.\n         *\n         * This method uses the createdAt and resolvedAt to calculate the\n         * animation startTime. *Ideally*, we would use the createdAt time as t=0\n         * as the following frame would then be the first frame of the animation in\n         * progress, which would feel snappier.\n         *\n         * However, if there's a delay (main thread work) between the creation of\n         * the animation and the first committed frame, we prefer to use resolvedAt\n         * to avoid a sudden jump into the animation.\n         */\n        const startTime = sync\n            ? !this.resolvedAt\n                ? this.createdAt\n                : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY\n                ? this.resolvedAt\n                : this.createdAt\n            : undefined\n\n        const resolvedOptions = {\n            startTime,\n            finalKeyframe,\n            ...options,\n            keyframes,\n        }\n\n        /**\n         * Animate via WAAPI if possible. If this is a handoff animation, the optimised animation will be running via\n         * WAAPI. Therefore, this animation must be JS to ensure it runs \"under\" the\n         * optimised animation.\n         *\n         * Also skip WAAPI when keyframes aren't animatable, as the resolved\n         * values may not be valid CSS and would trigger browser warnings.\n         */\n        const useWaapi =\n            canAnimateValue &&\n            !isHandoff &&\n            supportsBrowserAnimation(resolvedOptions)\n        const element = resolvedOptions.motionValue?.owner?.current\n\n        const animation = useWaapi\n                ? new NativeAnimationExtended({\n                      ...resolvedOptions,\n                      element,\n                  } as any)\n                : new JSAnimation(resolvedOptions)\n\n        animation.finished.then(() => {\n            this.notifyFinished()\n        }).catch(noop)\n\n        if (this.pendingTimeline) {\n            this.stopTimeline = animation.attachTimeline(this.pendingTimeline)\n            this.pendingTimeline = undefined\n        }\n\n        this._animation = animation\n    }\n\n    get finished() {\n        if (!this._animation) {\n            return this._finished\n        } else {\n            return this.animation.finished\n        }\n    }\n\n    then(onResolve: VoidFunction, _onReject?: VoidFunction) {\n        return this.finished.finally(onResolve).then(() => {})\n    }\n\n    get animation(): AnimationPlaybackControls {\n        if (!this._animation) {\n            this.keyframeResolver?.resume()\n            flushKeyframeResolvers()\n        }\n\n        return this._animation!\n    }\n\n    get duration() {\n        return this.animation.duration\n    }\n\n    get iterationDuration() {\n        return this.animation.iterationDuration\n    }\n\n    get time() {\n        return this.animation.time\n    }\n\n    set time(newTime: number) {\n        this.animation.time = newTime\n    }\n\n    get speed() {\n        return this.animation.speed\n    }\n\n    get state() {\n        return this.animation.state\n    }\n\n    set speed(newSpeed: number) {\n        this.animation.speed = newSpeed\n    }\n\n    get startTime() {\n        return this.animation.startTime\n    }\n\n    attachTimeline(timeline: TimelineWithFallback) {\n        if (this._animation) {\n            this.stopTimeline = this.animation.attachTimeline(timeline)\n        } else {\n            this.pendingTimeline = timeline\n        }\n\n        return () => this.stop()\n    }\n\n    play() {\n        this.animation.play()\n    }\n\n    pause() {\n        this.animation.pause()\n    }\n\n    complete() {\n        this.animation.complete()\n    }\n\n    cancel() {\n        if (this._animation) {\n            this.animation.cancel()\n        }\n\n        this.keyframeResolver?.cancel()\n    }\n\n    /**\n     * Bound to support return animation.stop pattern\n     */\n    stop = () => {\n        if (this._animation) {\n            this._animation.stop()\n            this.stopTimeline?.()\n        }\n\n        this.keyframeResolver?.cancel()\n    }\n}\n", "import { AnimationPlaybackControls, TimelineWithFallback } from \"./types\"\n\ntype PropNames =\n    | \"time\"\n    | \"speed\"\n    | \"duration\"\n    | \"attachTimeline\"\n    | \"startTime\"\n    | \"state\"\n\nexport type AcceptedAnimations = AnimationPlaybackControls\n\nexport type GroupedAnimations = AcceptedAnimations[]\n\nexport class GroupAnimation implements AnimationPlaybackControls {\n    animations: GroupedAnimations\n\n    constructor(animations: Array<AcceptedAnimations | undefined>) {\n        this.animations = animations.filter(Boolean) as GroupedAnimations\n    }\n\n    get finished() {\n        return Promise.all(\n            this.animations.map((animation) => animation.finished)\n        )\n    }\n\n    /**\n     * TODO: Filter out cancelled or stopped animations before returning\n     */\n    private getAll(propName: PropNames) {\n        return this.animations[0][propName] as any\n    }\n\n    private setAll(propName: PropNames, newValue: any) {\n        for (let i = 0; i < this.animations.length; i++) {\n            ;(this.animations[i][propName] as any) = newValue\n        }\n    }\n\n    attachTimeline(timeline: TimelineWithFallback) {\n        const subscriptions = this.animations.map((animation) =>\n            animation.attachTimeline(timeline)\n        )\n\n        return () => {\n            subscriptions.forEach((cancel, i) => {\n                cancel && cancel()\n                this.animations[i].stop()\n            })\n        }\n    }\n\n    get time() {\n        return this.getAll(\"time\")\n    }\n\n    set time(time: number) {\n        this.setAll(\"time\", time)\n    }\n\n    get speed() {\n        return this.getAll(\"speed\")\n    }\n\n    set speed(speed: number) {\n        this.setAll(\"speed\", speed)\n    }\n\n    get state() {\n        return this.getAll(\"state\")\n    }\n\n    get startTime() {\n        return this.getAll(\"startTime\")\n    }\n\n    get duration() {\n        return getMax(this.animations, \"duration\")\n    }\n\n    get iterationDuration() {\n        return getMax(this.animations, \"iterationDuration\")\n    }\n\n    private runAll(\n        methodName: keyof Omit<\n            AnimationPlaybackControls,\n            PropNames | \"then\" | \"finished\" | \"iterationDuration\"\n        >\n    ) {\n        this.animations.forEach((controls) => controls[methodName]())\n    }\n\n    play() {\n        this.runAll(\"play\")\n    }\n\n    pause() {\n        this.runAll(\"pause\")\n    }\n\n    // Bound to accomadate common `return animation.stop` pattern\n    stop = () => this.runAll(\"stop\")\n\n    cancel() {\n        this.runAll(\"cancel\")\n    }\n\n    complete() {\n        this.runAll(\"complete\")\n    }\n}\n\nfunction getMax(\n    animations: GroupedAnimations,\n    propName: \"iterationDuration\" | \"duration\"\n): number {\n    let max = 0\n\n    for (let i = 0; i < animations.length; i++) {\n        const value = animations[i][propName]\n        if (value !== null && value > max) {\n            max = value\n        }\n    }\n    return max\n}\n", "import { GroupAnimation } from \"./GroupAnimation\"\nimport { AnimationPlaybackControlsWithThen } from \"./types\"\n\nexport class GroupAnimationWithThen\n    extends GroupAnimation\n    implements AnimationPlaybackControlsWithThen\n{\n    then(onResolve: VoidFunction, _onReject?: VoidFunction) {\n        return this.finished.finally(onResolve).then(() => {})\n    }\n}\n", "import { NativeAnimation } from \"./NativeAnimation\"\nimport { AnyResolvedKeyframe } from \"./types\"\n\nexport class NativeAnimationWrapper<\n    T extends AnyResolvedKeyframe\n> extends NativeAnimation<T> {\n    constructor(animation: Animation) {\n        super()\n\n        this.animation = animation\n        animation.onfinish = () => {\n            this.finishedTime = this.time\n            this.notifyFinished()\n        }\n    }\n}\n", "import { NativeAnimation } from \"../NativeAnimation\"\nimport { AnyResolvedKeyframe } from \"../types\"\n\nconst animationMaps = new WeakMap<\n    Element,\n    Map<string, NativeAnimation<AnyResolvedKeyframe>>\n>()\nexport const animationMapKey = (name: string, pseudoElement: string = \"\") =>\n    `${name}:${pseudoElement}`\n\nexport function getAnimationMap(element: Element) {\n    const map = animationMaps.get(element) || new Map()\n    animationMaps.set(element, map)\n\n    return map\n}\n", "import type { DynamicOption } from \"../types\"\nimport type { VisualElement } from \"../../render/VisualElement\"\n\nexport function calcChildStagger(\n    children: Set<VisualElement>,\n    child: VisualElement,\n    delayChildren?: number | DynamicOption<number>,\n    staggerChildren: number = 0,\n    staggerDirection: number = 1\n): number {\n    const index = Array.from(children)\n        .sort((a, b) => a.sortNodePosition(b))\n        .indexOf(child)\n    const numChildren = children.size\n    const maxStaggerDuration = (numChildren - 1) * staggerChildren\n    const delayIsFunction = typeof delayChildren === \"function\"\n\n    return delayIsFunction\n        ? delayChildren(index, numChildren)\n        : staggerDirection === 1\n        ? index * staggerChildren\n        : maxStaggerDuration - index * staggerChildren\n}\n", "import { invariant, isNumericalString } from \"motion-utils\"\nimport { AnyResolvedKeyframe } from \"../types\"\nimport { CSSVariableToken, isCSSVariableToken } from \"./is-css-variable\"\n\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\n\nconst splitCSSVariableRegex =\n    // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words\n    /^var\\(--(?:([\\w-]+)|([\\w-]+), ?([a-zA-Z\\d ()%#.,-]+))\\)/u\nexport function parseCSSVariable(current: string) {\n    const match = splitCSSVariableRegex.exec(current)\n    if (!match) return [,]\n\n    const [, token1, token2, fallback] = match\n    return [`--${token1 ?? token2}`, fallback]\n}\n\nconst maxDepth = 4\nexport function getVariableValue(\n    current: CSSVariableToken,\n    element: Element,\n    depth = 1\n): AnyResolvedKeyframe | undefined {\n    invariant(\n        depth <= maxDepth,\n        `Max CSS variable fallback depth detected in property \"${current}\". This may indicate a circular fallback dependency.`,\n        \"max-css-var-depth\"\n    )\n\n    const [token, fallback] = parseCSSVariable(current)\n\n    // No CSS variable detected\n    if (!token) return\n\n    // Attempt to read this CSS variable off the element\n    const resolved = window.getComputedStyle(element).getPropertyValue(token)\n\n    if (resolved) {\n        const trimmed = resolved.trim()\n        return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed\n    }\n\n    return isCSSVariableToken(fallback)\n        ? getVariableValue(fallback, element, depth + 1)\n        : fallback\n}\n", "import { transformProps } from \"../../render/utils/keys-transform\"\nimport type { ValueAnimationOptions } from \"../types\"\n\nconst underDampedSpring: Partial<ValueAnimationOptions> = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n}\n\nconst criticallyDampedSpring = (\n    target: unknown\n): Partial<ValueAnimationOptions> => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n})\n\nconst keyframesTransition: Partial<ValueAnimationOptions> = {\n    type: \"keyframes\",\n    duration: 0.8,\n}\n\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease: Partial<ValueAnimationOptions> = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n}\n\nexport const getDefaultTransition = (\n    valueKey: string,\n    { keyframes }: ValueAnimationOptions\n): Partial<ValueAnimationOptions> => {\n    if (keyframes.length > 2) {\n        return keyframesTransition\n    } else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring\n    }\n\n    return ease\n}\n", "import type { AnimationPlaybackOptions } from \"../types\"\n\nconst isNotNull = (value: unknown) => value !== null\n\nexport function getFinalKeyframe<T>(\n    keyframes: T[],\n    { repeat, repeatType = \"loop\" }: AnimationPlaybackOptions,\n    finalKeyframe?: T\n): T {\n    const resolvedKeyframes = keyframes.filter(isNotNull)\n    const index =\n        repeat && repeatType !== \"loop\" && repeat % 2 === 1\n            ? 0\n            : resolvedKeyframes.length - 1\n\n    return !index || finalKeyframe === undefined\n        ? resolvedKeyframes[index]\n        : finalKeyframe\n}\n", "/**\n * If `transition` has `inherit: true`, shallow-merge it with\n * `parentTransition` (child keys win) and strip the `inherit` key.\n * Otherwise return `transition` unchanged.\n */\nexport function resolveTransition(\n    transition: any,\n    parentTransition?: any\n) {\n    if (transition?.inherit && parentTransition) {\n        const { inherit: _, ...rest } = transition\n        return { ...parentTransition, ...rest }\n    }\n\n    return transition\n}\n", "import { resolveTransition } from \"./resolve-transition\"\n\nexport function getValueTransition(transition: any, key: string) {\n    const valueTransition =\n        transition?.[key as keyof typeof transition] ??\n        transition?.[\"default\"] ??\n        transition\n\n    if (valueTransition !== transition) {\n        return resolveTransition(valueTransition, transition)\n    }\n\n    return valueTransition\n}\n", "import type { AnyResolvedKeyframe } from \"../types\"\nimport type { Transition } from \"../types\"\n\n/**\n * Decide whether a transition is defined on a given Transition.\n * This filters out orchestration options and returns true\n * if any options are left.\n */\nexport function isTransitionDefined({\n    when,\n    delay: _delay,\n    delayChildren,\n    staggerChildren,\n    staggerDirection,\n    repeat,\n    repeatType,\n    repeatDelay,\n    from,\n    elapsed,\n    ...transition\n}: Transition & { elapsed?: number; from?: AnyResolvedKeyframe }) {\n    return !!Object.keys(transition).length\n}\n", "import { MotionGlobalConfig, secondsToMilliseconds } from \"motion-utils\"\nimport { AsyncMotionValueAnimation } from \"../AsyncMotionValueAnimation\"\nimport { JSAnimation } from \"../JSAnimation\"\nimport type {\n    AnyResolvedKeyframe,\n    ValueAnimationOptions,\n    ValueTransition,\n} from \"../types\"\nimport type { UnresolvedKeyframes } from \"../keyframes/KeyframesResolver\"\nimport { getValueTransition } from \"../utils/get-value-transition\"\nimport { makeAnimationInstant } from \"../utils/make-animation-instant\"\nimport { getDefaultTransition } from \"../utils/default-transitions\"\nimport { getFinalKeyframe } from \"../utils/get-final-keyframe\"\nimport { isTransitionDefined } from \"../utils/is-transition-defined\"\nimport { frame } from \"../../frameloop\"\nimport type { MotionValue, StartAnimation } from \"../../value\"\nimport type { VisualElement } from \"../../render/VisualElement\"\n\nexport const animateMotionValue =\n    <V extends AnyResolvedKeyframe>(\n        name: string,\n        value: MotionValue<V>,\n        target: V | UnresolvedKeyframes<V>,\n        transition: ValueTransition & { elapsed?: number } = {},\n        element?: VisualElement<any>,\n        isHandoff?: boolean\n    ): StartAnimation =>\n    (onComplete) => {\n        const valueTransition = getValueTransition(transition, name) || {}\n\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0\n\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition\n        elapsed = elapsed - secondsToMilliseconds(delay)\n\n        const options: ValueAnimationOptions = {\n            keyframes: Array.isArray(target) ? target : [null, target],\n            ease: \"easeOut\",\n            velocity: value.getVelocity(),\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v)\n                valueTransition.onUpdate && valueTransition.onUpdate(v)\n            },\n            onComplete: () => {\n                onComplete()\n                valueTransition.onComplete && valueTransition.onComplete()\n            },\n            name,\n            motionValue: value,\n            element: isHandoff ? undefined : element,\n        }\n\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unique transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            Object.assign(options, getDefaultTransition(name, options))\n        }\n\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        options.duration &&= secondsToMilliseconds(options.duration)\n        options.repeatDelay &&= secondsToMilliseconds(options.repeatDelay)\n\n        /**\n         * Support deprecated way to set initial value. Prefer keyframe syntax.\n         */\n        if (options.from !== undefined) {\n            options.keyframes[0] = options.from as any\n        }\n\n        let shouldSkip = false\n\n        if (\n            (options as any).type === false ||\n            (options.duration === 0 && !options.repeatDelay)\n        ) {\n            makeAnimationInstant(options)\n\n            if (options.delay === 0) {\n                shouldSkip = true\n            }\n        }\n\n        if (\n            MotionGlobalConfig.instantAnimations ||\n            MotionGlobalConfig.skipAnimations ||\n            element?.shouldSkipAnimations\n        ) {\n            shouldSkip = true\n            makeAnimationInstant(options)\n            options.delay = 0\n        }\n\n        /**\n         * If the transition type or easing has been explicitly set by the user\n         * then we don't want to allow flattening the animation.\n         */\n        options.allowFlatten = !valueTransition.type && !valueTransition.ease\n\n        /**\n         * If we can or must skip creating the animation, and apply only\n         * the final keyframe, do so. We also check once keyframes are resolved but\n         * this early check prevents the need to create an animation at all.\n         */\n        if (shouldSkip && !isHandoff && value.get() !== undefined) {\n            const finalKeyframe = getFinalKeyframe<V>(\n                options.keyframes as V[],\n                valueTransition\n            )\n\n            if (finalKeyframe !== undefined) {\n                frame.update(() => {\n                    options.onUpdate!(finalKeyframe)\n                    options.onComplete!()\n                })\n\n                return\n            }\n        }\n\n        return valueTransition.isSync\n            ? new JSAnimation(options)\n            : new AsyncMotionValueAnimation(options)\n    }\n", "import type {\n    AnimationDefinition,\n    MotionNodeOptions,\n    TargetAndTransition,\n    TargetResolver,\n} from \"../../node/types\"\nimport type { ResolvedValues } from \"../types\"\n\nfunction getValueState(visualElement?: any): [ResolvedValues, ResolvedValues] {\n    const state: [ResolvedValues, ResolvedValues] = [{}, {}]\n\n    visualElement?.values.forEach((value: any, key: string) => {\n        state[0][key] = value.get()\n        state[1][key] = value.getVelocity()\n    })\n\n    return state\n}\n\nexport function resolveVariantFromProps(\n    props: MotionNodeOptions,\n    definition: TargetAndTransition | TargetResolver,\n    custom?: any,\n    visualElement?: any\n): TargetAndTransition\nexport function resolveVariantFromProps(\n    props: MotionNodeOptions,\n    definition?: AnimationDefinition,\n    custom?: any,\n    visualElement?: any\n): undefined | TargetAndTransition\nexport function resolveVariantFromProps(\n    props: MotionNodeOptions,\n    definition?: AnimationDefinition,\n    custom?: any,\n    visualElement?: any\n) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        const [current, velocity] = getValueState(visualElement)\n        definition = definition(\n            custom !== undefined ? custom : props.custom,\n            current,\n            velocity\n        )\n    }\n\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition]\n    }\n\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        const [current, velocity] = getValueState(visualElement)\n        definition = definition(\n            custom !== undefined ? custom : props.custom,\n            current,\n            velocity\n        )\n    }\n\n    return definition\n}\n", "import type {\n    AnimationDefinition,\n    TargetAndTransition,\n    TargetResolver,\n} from \"../../node/types\"\nimport { resolveVariantFromProps } from \"./resolve-variants\"\n\n/**\n * Resolves a variant if it's a variant resolver.\n * Uses `any` type for visualElement to avoid circular dependencies.\n */\nexport function resolveVariant(\n    visualElement: any,\n    definition?: TargetAndTransition | TargetResolver,\n    custom?: any\n): TargetAndTransition\nexport function resolveVariant(\n    visualElement: any,\n    definition?: AnimationDefinition,\n    custom?: any\n): TargetAndTransition | undefined\nexport function resolveVariant(\n    visualElement: any,\n    definition?: AnimationDefinition,\n    custom?: any\n) {\n    const props = visualElement.getProps()\n    return resolveVariantFromProps(\n        props,\n        definition,\n        custom !== undefined ? custom : props.custom,\n        visualElement\n    )\n}\n", "import { transformPropOrder } from \"./keys-transform\"\n\nexport const positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    ...transformPropOrder,\n])\n", "import {\n    EasingFunction,\n    SubscriptionManager,\n    velocityPerSecond,\n    warnOnce,\n} from \"motion-utils\"\nimport {\n    AnimationPlaybackControlsWithThen,\n    AnyResolvedKeyframe,\n    TransformProperties,\n} from \"../animation/types\"\nimport { frame } from \"../frameloop\"\nimport { time } from \"../frameloop/sync-time\"\n\n/**\n * @public\n */\nexport type Subscriber<T> = (v: T) => void\n\n/**\n * @public\n */\nexport type PassiveEffect<T> = (v: T, safeSetter: (v: T) => void) => void\n\nexport type StartAnimation = (\n    complete: () => void\n) => AnimationPlaybackControlsWithThen | undefined\n\nexport interface MotionValueEventCallbacks<V> {\n    animationStart: () => void\n    animationComplete: () => void\n    animationCancel: () => void\n    change: (latestValue: V) => void\n    destroy: () => void\n}\n\n/**\n * Maximum time between the value of two frames, beyond which we\n * assume the velocity has since been 0.\n */\nconst MAX_VELOCITY_DELTA = 30\n\nconst isFloat = (value: any): value is string => {\n    return !isNaN(parseFloat(value))\n}\n\ninterface ResolvedValues {\n    [key: string]: AnyResolvedKeyframe\n}\n\nexport interface Owner {\n    current: HTMLElement | unknown\n    getProps: () => {\n        onUpdate?: (latest: ResolvedValues) => void\n        transformTemplate?: (\n            transform: TransformProperties,\n            generatedTransform: string\n        ) => string\n    }\n}\n\nexport interface AccelerateConfig {\n    factory: (animation: AnimationPlaybackControlsWithThen) => VoidFunction\n    times: number[]\n    keyframes: any[]\n    ease?: EasingFunction | EasingFunction[]\n    duration: number\n    isTransformed?: boolean\n}\n\nexport interface MotionValueOptions {\n    owner?: Owner\n}\n\nexport const collectMotionValues: { current: MotionValue[] | undefined } = {\n    current: undefined,\n}\n\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nexport class MotionValue<V = any> {\n    /**\n     * If a MotionValue has an owner, it was created internally within Motion\n     * and therefore has no external listeners. It is therefore safe to animate via WAAPI.\n     */\n    owner?: Owner\n\n    /**\n     * The current state of the `MotionValue`.\n     */\n    private current: V | undefined\n\n    /**\n     * The previous state of the `MotionValue`.\n     */\n    private prev: V | undefined\n\n    /**\n     * The previous state of the `MotionValue` at the end of the previous frame.\n     */\n    private prevFrameValue: V | undefined\n\n    /**\n     * The last time the `MotionValue` was updated.\n     */\n    updatedAt: number\n\n    /**\n     * The time `prevFrameValue` was updated.\n     */\n    prevUpdatedAt: number | undefined\n\n    /**\n     * Add a passive effect to this `MotionValue`.\n     *\n     * A passive effect intercepts calls to `set`. For instance, `useSpring` adds\n     * a passive effect that attaches a `spring` to the latest\n     * set value. Hypothetically there could be a `useSmooth` that attaches an input smoothing effect.\n     *\n     * @internal\n     */\n    private passiveEffect?: PassiveEffect<V>\n    private stopPassiveEffect?: VoidFunction\n\n    /**\n     * Whether the passive effect is active.\n     */\n    isEffectActive?: boolean\n\n    /**\n     * A reference to the currently-controlling animation.\n     */\n    animation?: AnimationPlaybackControlsWithThen\n\n    /**\n     * Tracks whether this value can output a velocity. Currently this is only true\n     * if the value is numerical, but we might be able to widen the scope here and support\n     * other value types.\n     *\n     * @internal\n     */\n    private canTrackVelocity: boolean | null = null\n\n    /**\n     * A list of MotionValues whose values are computed from this one.\n     * This is a rough start to a proper signal-like dirtying system.\n     */\n    private dependents: Set<MotionValue> | undefined\n\n    /**\n     * Tracks whether this value should be removed\n     */\n    liveStyle?: boolean\n\n    /**\n     * Scroll timeline acceleration metadata. When set, VisualElement\n     * can create a native WAAPI animation attached to a scroll timeline\n     * instead of driving updates through JS.\n     */\n    accelerate?: AccelerateConfig\n\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     */\n    constructor(init: V, options: MotionValueOptions = {}) {\n        this.setCurrent(init)\n        this.owner = options.owner\n    }\n\n    setCurrent(current: V) {\n        this.current = current\n        this.updatedAt = time.now()\n\n        if (this.canTrackVelocity === null && current !== undefined) {\n            this.canTrackVelocity = isFloat(this.current)\n        }\n    }\n\n    setPrevFrameValue(prevFrameValue: V | undefined = this.current) {\n        this.prevFrameValue = prevFrameValue\n        this.prevUpdatedAt = this.updatedAt\n    }\n\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription: Subscriber<V>): () => void {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(\n                false,\n                `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`\n            )\n        }\n        return this.on(\"change\", subscription)\n    }\n\n    /**\n     * An object containing a SubscriptionManager for each active event.\n     */\n    private events: {\n        [key: string]: SubscriptionManager<any>\n    } = {}\n\n    on<EventName extends keyof MotionValueEventCallbacks<V>>(\n        eventName: EventName,\n        callback: MotionValueEventCallbacks<V>[EventName]\n    ) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager()\n        }\n\n        const unsubscribe = this.events[eventName].add(callback)\n\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe()\n\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop()\n                    }\n                })\n            }\n        }\n\n        return unsubscribe\n    }\n\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear()\n        }\n    }\n\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     */\n    attach(passiveEffect: PassiveEffect<V>, stopPassiveEffect: VoidFunction) {\n        this.passiveEffect = passiveEffect\n        this.stopPassiveEffect = stopPassiveEffect\n    }\n\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v: V) {\n        if (!this.passiveEffect) {\n            this.updateAndNotify(v)\n        } else {\n            this.passiveEffect(v, this.updateAndNotify)\n        }\n    }\n\n    setWithVelocity(prev: V, current: V, delta: number) {\n        this.set(current)\n        this.prev = undefined\n        this.prevFrameValue = prev\n        this.prevUpdatedAt = this.updatedAt - delta\n    }\n\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v: V, endAnimation = true) {\n        this.updateAndNotify(v)\n        this.prev = v\n        this.prevUpdatedAt = this.prevFrameValue = undefined\n        endAnimation && this.stop()\n        if (this.stopPassiveEffect) this.stopPassiveEffect()\n    }\n\n    dirty() {\n        this.events.change?.notify(this.current)\n    }\n\n    addDependent(dependent: MotionValue) {\n        if (!this.dependents) {\n            this.dependents = new Set()\n        }\n        this.dependents.add(dependent)\n    }\n\n    removeDependent(dependent: MotionValue) {\n        if (this.dependents) {\n            this.dependents.delete(dependent)\n        }\n    }\n\n    updateAndNotify = (v: V) => {\n        const currentTime = time.now()\n\n        /**\n         * If we're updating the value during another frame or eventloop\n         * than the previous frame, then the we set the previous frame value\n         * to current.\n         */\n        if (this.updatedAt !== currentTime) {\n            this.setPrevFrameValue()\n        }\n\n        this.prev = this.current\n\n        this.setCurrent(v)\n\n        // Update update subscribers\n        if (this.current !== this.prev) {\n            this.events.change?.notify(this.current)\n\n            if (this.dependents) {\n                for (const dependent of this.dependents) {\n                    dependent.dirty()\n                }\n            }\n        }\n    }\n\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this)\n        }\n\n        return this.current!\n    }\n\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev\n    }\n\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        const currentTime = time.now()\n\n        if (\n            !this.canTrackVelocity ||\n            this.prevFrameValue === undefined ||\n            currentTime - this.updatedAt > MAX_VELOCITY_DELTA\n        ) {\n            return 0\n        }\n\n        const delta = Math.min(\n            this.updatedAt - this.prevUpdatedAt!,\n            MAX_VELOCITY_DELTA\n        )\n\n        // Casts because of parseFloat's poor typing\n        return velocityPerSecond(\n            parseFloat(this.current as any) -\n                parseFloat(this.prevFrameValue as any),\n            delta\n        )\n    }\n\n    hasAnimated = false\n\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     */\n    start(startAnimation: StartAnimation) {\n        this.stop()\n\n        return new Promise<void>((resolve) => {\n            this.hasAnimated = true\n            this.animation = startAnimation(resolve)\n\n            if (this.events.animationStart) {\n                this.events.animationStart.notify()\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify()\n            }\n            this.clearAnimation()\n        })\n    }\n\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop()\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify()\n            }\n        }\n        this.clearAnimation()\n    }\n\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation\n    }\n\n    private clearAnimation() {\n        delete this.animation\n    }\n\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.dependents?.clear()\n        this.events.destroy?.notify()\n        this.clearListeners()\n        this.stop()\n\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect()\n        }\n    }\n}\n\nexport function motionValue<V>(init: V, options?: MotionValueOptions) {\n    return new MotionValue<V>(init, options)\n}\n", "import type { UnresolvedValueKeyframe, ValueKeyframesDefinition } from \"../../animation/types\"\n\nexport const isKeyframesTarget = (\n    v: ValueKeyframesDefinition\n): v is UnresolvedValueKeyframe[] => {\n    return Array.isArray(v)\n}\n", "import { motionValue } from \"../../value\"\nimport { resolveVariant } from \"./resolve-dynamic-variants\"\nimport { isKeyframesTarget } from \"./is-keyframes-target\"\nimport type { AnimationDefinition } from \"../../node/types\"\nimport type {\n    AnyResolvedKeyframe,\n    UnresolvedValueKeyframe,\n    ValueKeyframesDefinition,\n} from \"../../animation/types\"\nimport type { VisualElement } from \"../VisualElement\"\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(\n    visualElement: VisualElement,\n    key: string,\n    value: AnyResolvedKeyframe\n) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key)!.set(value)\n    } else {\n        visualElement.addValue(key, motionValue(value))\n    }\n}\n\nfunction resolveFinalValueInKeyframes(\n    v: ValueKeyframesDefinition\n): UnresolvedValueKeyframe {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v\n}\n\nexport function setTarget(\n    visualElement: VisualElement,\n    definition: AnimationDefinition\n) {\n    const resolved = resolveVariant(visualElement, definition)\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {}\n\n    target = { ...target, ...transitionEnd }\n\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(\n            target[key as keyof typeof target] as any\n        )\n        setMotionValue(visualElement, key, value as AnyResolvedKeyframe)\n    }\n}\n", "import type { MotionValue } from \"..\"\n\nexport const isMotionValue = (value: any): value is MotionValue =>\n    Boolean(value && value.getVelocity)\n", "import { isMotionValue } from \"../utils/is-motion-value\"\nimport type { WillChange } from \"./types\"\n\nexport function isWillChangeMotionValue(value: any): value is WillChange {\n    return Boolean(isMotionValue(value) && (value as WillChange).add)\n}\n", "import { MotionGlobalConfig } from \"motion-utils\"\nimport type { VisualElement } from \"../../render/VisualElement\"\nimport { isWillChangeMotionValue } from \"./is\"\n\nexport function addValueToWillChange(\n    visualElement: VisualElement,\n    key: string\n) {\n    const willChange = visualElement.getValue(\"willChange\")\n\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key)\n    } else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\")\n\n        visualElement.addValue(\"willChange\", newWillChange)\n        newWillChange.add(key)\n    }\n}\n", "export function camelToDash(str: string): string {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`)\n}\n", "import { camelToDash } from \"../../render/dom/utils/camel-to-dash\"\n\nexport const optimizedAppearDataId = \"framerAppearId\"\n\nexport const optimizedAppearDataAttribute =\n    \"data-\" + camelToDash(optimizedAppearDataId) as \"data-framer-appear-id\"\n", "import { optimizedAppearDataAttribute } from \"./data-id\"\nimport type { WithAppearProps } from \"./types\"\n\nexport function getOptimisedAppearId(\n    visualElement: WithAppearProps\n): string | undefined {\n    return visualElement.props[optimizedAppearDataAttribute]\n}\n", "import { frame } from \"../../frameloop\"\nimport { getValueTransition } from \"../utils/get-value-transition\"\nimport { resolveTransition } from \"../utils/resolve-transition\"\nimport { positionalKeys } from \"../../render/utils/keys-position\"\nimport { setTarget } from \"../../render/utils/setters\"\nimport { addValueToWillChange } from \"../../value/will-change/add-will-change\"\nimport { getOptimisedAppearId } from \"../optimized-appear/get-appear-id\"\nimport { animateMotionValue } from \"./motion-value\"\nimport type { VisualElementAnimationOptions } from \"./types\"\nimport type { AnimationPlaybackControlsWithThen } from \"../types\"\nimport type { TargetAndTransition } from \"../../node/types\"\nimport type { AnimationTypeState } from \"../../render/utils/animation-state\"\nimport type { VisualElement } from \"../../render/VisualElement\"\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation(\n    { protectedKeys, needsAnimating }: AnimationTypeState,\n    key: string\n) {\n    const shouldBlock =\n        protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true\n\n    needsAnimating[key] = false\n    return shouldBlock\n}\n\nexport function animateTarget(\n    visualElement: VisualElement,\n    targetAndTransition: TargetAndTransition,\n    { delay = 0, transitionOverride, type }: VisualElementAnimationOptions = {}\n): AnimationPlaybackControlsWithThen[] {\n    let {\n        transition,\n        transitionEnd,\n        ...target\n    } = targetAndTransition\n\n    const defaultTransition = visualElement.getDefaultTransition()\n    transition = transition\n        ? resolveTransition(transition, defaultTransition)\n        : defaultTransition\n\n    const reduceMotion = (transition as { reduceMotion?: boolean })?.reduceMotion\n\n    if (transitionOverride) transition = transitionOverride\n\n    const animations: AnimationPlaybackControlsWithThen[] = []\n\n    const animationTypeState =\n        type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type]\n\n    for (const key in target) {\n        const value = visualElement.getValue(\n            key,\n            visualElement.latestValues[key] ?? null\n        )\n        const valueTarget = target[key as keyof typeof target]\n\n        if (\n            valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))\n        ) {\n            continue\n        }\n\n        const valueTransition = {\n            delay,\n            ...getValueTransition(transition || {}, key),\n        }\n\n        /**\n         * If the value is already at the defined target, skip the animation.\n         */\n        const currentValue = value.get()\n        if (\n            currentValue !== undefined &&\n            !value.isAnimating &&\n            !Array.isArray(valueTarget) &&\n            valueTarget === currentValue &&\n            !valueTransition.velocity\n        ) {\n            continue\n        }\n\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        let isHandoff = false\n        if (window.MotionHandoffAnimation) {\n            const appearId = getOptimisedAppearId(visualElement)\n\n            if (appearId) {\n                const startTime = window.MotionHandoffAnimation(\n                    appearId,\n                    key,\n                    frame\n                )\n\n                if (startTime !== null) {\n                    valueTransition.startTime = startTime\n                    isHandoff = true\n                }\n            }\n        }\n\n        addValueToWillChange(visualElement, key)\n\n        const shouldReduceMotion =\n            reduceMotion ?? visualElement.shouldReduceMotion\n\n        value.start(\n            animateMotionValue(\n                key,\n                value,\n                valueTarget,\n                shouldReduceMotion && positionalKeys.has(key)\n                    ? { type: false }\n                    : valueTransition,\n                visualElement,\n                isHandoff\n            )\n        )\n\n        const animation = value.animation\n\n        if (animation) {\n            animations.push(animation)\n        }\n    }\n\n    if (transitionEnd) {\n        const applyTransitionEnd = () =>\n            frame.update(() => {\n                transitionEnd && setTarget(visualElement, transitionEnd)\n            })\n\n        if (animations.length) {\n            Promise.all(animations).then(applyTransitionEnd)\n        } else {\n            applyTransitionEnd()\n        }\n    }\n\n    return animations\n}\n", "import { resolveVariant } from \"../../render/utils/resolve-dynamic-variants\"\nimport { calcChildStagger } from \"../utils/calc-child-stagger\"\nimport type { VisualElementAnimationOptions } from \"./types\"\nimport { animateTarget } from \"./visual-element-target\"\nimport type { DynamicOption } from \"../types\"\nimport type { VisualElement } from \"../../render/VisualElement\"\n\nexport function animateVariant(\n    visualElement: VisualElement,\n    variant: string,\n    options: VisualElementAnimationOptions = {}\n): Promise<any> {\n    const resolved = resolveVariant(\n        visualElement,\n        variant,\n        options.type === \"exit\"\n            ? visualElement.presenceContext?.custom\n            : undefined\n    )\n\n    let { transition = visualElement.getDefaultTransition() || {} } =\n        resolved || {}\n\n    if (options.transitionOverride) {\n        transition = options.transitionOverride\n    }\n\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation: () => Promise<any> = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve()\n\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations =\n        visualElement.variantChildren && visualElement.variantChildren.size\n            ? (forwardDelay = 0) => {\n                  const {\n                      delayChildren = 0,\n                      staggerChildren,\n                      staggerDirection,\n                  } = transition\n\n                  return animateChildren(\n                      visualElement,\n                      variant,\n                      forwardDelay,\n                      delayChildren,\n                      staggerChildren,\n                      staggerDirection,\n                      options\n                  )\n              }\n            : () => Promise.resolve()\n\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition\n    if (when) {\n        const [first, last] =\n            when === \"beforeChildren\"\n                ? [getAnimation, getChildAnimations]\n                : [getChildAnimations, getAnimation]\n\n        return first().then(() => last())\n    } else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)])\n    }\n}\n\nfunction animateChildren(\n    visualElement: VisualElement,\n    variant: string,\n    delay: number = 0,\n    delayChildren: number | DynamicOption<number> = 0,\n    staggerChildren = 0,\n    staggerDirection = 1,\n    options: VisualElementAnimationOptions\n) {\n    const animations: Promise<any>[] = []\n\n    for (const child of visualElement.variantChildren!) {\n        child.notify(\"AnimationStart\", variant)\n        animations.push(\n            animateVariant(child, variant, {\n                ...options,\n                delay:\n                    delay +\n                    (typeof delayChildren === \"function\" ? 0 : delayChildren) +\n                    calcChildStagger(\n                        visualElement.variantChildren!,\n                        child,\n                        delayChildren,\n                        staggerChildren,\n                        staggerDirection\n                    ),\n            }).then(() => child.notify(\"AnimationComplete\", variant))\n        )\n    }\n\n    return Promise.all(animations)\n}\n", "import { resolveVariant } from \"../../render/utils/resolve-dynamic-variants\"\nimport type { AnimationDefinition } from \"../../node/types\"\nimport type { VisualElement } from \"../../render/VisualElement\"\nimport type { VisualElementAnimationOptions } from \"./types\"\nimport { animateTarget } from \"./visual-element-target\"\nimport { animateVariant } from \"./visual-element-variant\"\n\nexport function animateVisualElement(\n    visualElement: VisualElement,\n    definition: AnimationDefinition,\n    options: VisualElementAnimationOptions = {}\n) {\n    visualElement.notify(\"AnimationStart\", definition)\n    let animation: Promise<any>\n\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) =>\n            animateVariant(visualElement, variant, options)\n        )\n        animation = Promise.all(animations)\n    } else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options)\n    } else {\n        const resolvedDefinition =\n            typeof definition === \"function\"\n                ? resolveVariant(visualElement, definition, options.custom)\n                : definition\n\n        animation = Promise.all(\n            animateTarget(visualElement, resolvedDefinition, options)\n        )\n    }\n\n    return animation.then(() => {\n        visualElement.notify(\"AnimationComplete\", definition)\n    })\n}\n", "import { ValueType } from \"./types\"\n\n/**\n * ValueType for \"auto\"\n */\nexport const auto: ValueType = {\n    test: (v: any) => v === \"auto\",\n    parse: (v) => v,\n}\n", "import { ValueType } from \"./types\"\n\n/**\n * Tests a provided value against a ValueType\n */\nexport const testValueType = (v: any) => (type: ValueType) => type.test(v)\n", "import { auto } from \"./auto\"\nimport { number } from \"./numbers\"\nimport { degrees, percent, px, vh, vw } from \"./numbers/units\"\nimport { testValueType } from \"./test\"\n\n/**\n * A list of value types commonly used for dimensions\n */\nexport const dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto]\n\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nexport const findDimensionValueType = (v: any) =>\n    dimensionValueTypes.find(testValueType(v))\n", "import { isZeroValueString } from \"motion-utils\"\nimport { AnyResolvedKeyframe } from \"../../types\"\n\nexport function isNone(value: AnyResolvedKeyframe | null) {\n    if (typeof value === \"number\") {\n        return value === 0\n    } else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value)\n    } else {\n        return true\n    }\n}\n", "import { complex } from \".\"\nimport { floatRegex } from \"../utils/float-regex\"\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"])\n\nfunction applyDefaultFilter(v: string) {\n    const [name, value] = v.slice(0, -1).split(\"(\")\n\n    if (name === \"drop-shadow\") return v\n\n    const [number] = value.match(floatRegex) || []\n    if (!number) return v\n\n    const unit = value.replace(number, \"\")\n    let defaultValue = maxDefaults.has(name) ? 1 : 0\n    if (number !== value) defaultValue *= 100\n\n    return name + \"(\" + defaultValue + unit + \")\"\n}\n\nconst functionRegex = /\\b([a-z-]*)\\(.*?\\)/gu\n\nexport const filter = {\n    ...complex,\n    getAnimatableNone: (v: string) => {\n        const functions = v.match(functionRegex)\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v\n    },\n}\n", "import { complex } from \".\"\nimport { AnyResolvedKeyframe } from \"../../../animation/types\"\n\nexport const mask = {\n    ...complex,\n    getAnimatableNone: (v: AnyResolvedKeyframe) => {\n        const parsed = complex.parse(v)\n        const transformer = complex.createTransformer(v)\n        return transformer(\n            parsed.map((v) =>\n                typeof v === \"number\" ? 0 : typeof v === \"object\" ? { ...v, alpha: 1 } : v\n            )\n        )\n    },\n}\n", "import { number } from \"./numbers\"\n\nexport const int = {\n    ...number,\n    transform: Math.round,\n}\n", "import { alpha, scale } from \"../numbers\"\nimport { degrees, progressPercentage, px } from \"../numbers/units\"\nimport { ValueTypeMap } from \"./types\"\n\nexport const transformValueTypes: ValueTypeMap = {\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    transformPerspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n}\n", "import { int } from \"../int\"\nimport { alpha } from \"../numbers\"\nimport { px } from \"../numbers/units\"\nimport { transformValueTypes } from \"./transform\"\nimport { ValueTypeMap } from \"./types\"\n\nexport const numberValueTypes: ValueTypeMap = {\n    // Border props\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n\n    // Positioning props\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    inset: px,\n    insetBlock: px,\n    insetBlockStart: px,\n    insetBlockEnd: px,\n    insetInline: px,\n    insetInlineStart: px,\n    insetInlineEnd: px,\n\n    // Spacing props\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    paddingBlock: px,\n    paddingBlockStart: px,\n    paddingBlockEnd: px,\n    paddingInline: px,\n    paddingInlineStart: px,\n    paddingInlineEnd: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    marginBlock: px,\n    marginBlockStart: px,\n    marginBlockEnd: px,\n    marginInline: px,\n    marginInlineStart: px,\n    marginInlineEnd: px,\n\n    // Typography\n    fontSize: px,\n\n    // Misc\n    backgroundPositionX: px,\n    backgroundPositionY: px,\n\n    ...transformValueTypes,\n    zIndex: int,\n\n    // SVG\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int,\n}\n", "import { color } from \"../color\"\nimport { filter } from \"../complex/filter\"\nimport { mask } from \"../complex/mask\"\nimport { numberValueTypes } from \"./number\"\nimport { ValueTypeMap } from \"./types\"\n\n/**\n * A map of default value types for common values\n */\nexport const defaultValueTypes: ValueTypeMap = {\n    ...numberValueTypes,\n\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n}\n\n/**\n * Gets the default ValueType for the provided value key\n */\nexport const getDefaultValueType = (key: string) => defaultValueTypes[key]\n", "import { complex } from \"../complex\"\nimport { filter } from \"../complex/filter\"\nimport { mask } from \"../complex/mask\"\nimport { getDefaultValueType } from \"../maps/defaults\"\n\nconst customTypes = /*@__PURE__*/ new Set([filter, mask])\n\nexport function getAnimatableNone(key: string, value: string) {\n    let defaultValueType = getDefaultValueType(key)\n    if (!customTypes.has(defaultValueType as any)) defaultValueType = complex\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined\n}\n", "import { analyseComplexValue } from \"../../../value/types/complex\"\nimport { getAnimatableNone } from \"../../../value/types/utils/animatable-none\"\nimport { AnyResolvedKeyframe } from \"../../types\"\nimport { UnresolvedKeyframes } from \"../KeyframesResolver\"\n\n/**\n * If we encounter keyframes like \"none\" or \"0\" and we also have keyframes like\n * \"#fff\" or \"200px 200px\" we want to find a keyframe to serve as a template for\n * the \"none\" keyframes. In this case \"#fff\" or \"200px 200px\" - then these get turned into\n * zero equivalents, i.e. \"#fff0\" or \"0px 0px\".\n */\nconst invalidTemplates = new Set([\"auto\", \"none\", \"0\"])\n\nexport function makeNoneKeyframesAnimatable(\n    unresolvedKeyframes: UnresolvedKeyframes<AnyResolvedKeyframe>,\n    noneKeyframeIndexes: number[],\n    name?: string\n) {\n    let i = 0\n    let animatableTemplate: string | undefined = undefined\n    while (i < unresolvedKeyframes.length && !animatableTemplate) {\n        const keyframe = unresolvedKeyframes[i]\n        if (\n            typeof keyframe === \"string\" &&\n            !invalidTemplates.has(keyframe) &&\n            analyseComplexValue(keyframe).values.length\n        ) {\n            animatableTemplate = unresolvedKeyframes[i] as string\n        }\n        i++\n    }\n\n    if (animatableTemplate && name) {\n        for (const noneIndex of noneKeyframeIndexes) {\n            unresolvedKeyframes[noneIndex] = getAnimatableNone(\n                name,\n                animatableTemplate\n            )\n        }\n    }\n}\n", "import { positionalKeys } from \"../../render/utils/keys-position\"\nimport { MotionValue } from \"../../value\"\nimport { findDimensionValueType } from \"../../value/types/dimensions\"\nimport { AnyResolvedKeyframe } from \"../types\"\nimport { getVariableValue } from \"../utils/css-variables-conversion\"\nimport {\n    containsCSSVariable,\n    isCSSVariableToken,\n} from \"../utils/is-css-variable\"\nimport {\n    KeyframeResolver,\n    OnKeyframesResolved,\n    UnresolvedKeyframes,\n} from \"./KeyframesResolver\"\nimport { WithRender } from \"./types\"\nimport { isNone } from \"./utils/is-none\"\nimport { makeNoneKeyframesAnimatable } from \"./utils/make-none-animatable\"\nimport { isNumOrPxType, positionalValues } from \"./utils/unit-conversion\"\n\nexport class DOMKeyframesResolver<\n    T extends AnyResolvedKeyframe\n> extends KeyframeResolver<T> {\n    name: string\n    element?: WithRender\n\n    private removedTransforms?: [string, AnyResolvedKeyframe][]\n    private measuredOrigin?: AnyResolvedKeyframe\n\n    constructor(\n        unresolvedKeyframes: UnresolvedKeyframes<AnyResolvedKeyframe>,\n        onComplete: OnKeyframesResolved<T>,\n        name?: string,\n        motionValue?: MotionValue<T>,\n        element?: WithRender\n    ) {\n        super(unresolvedKeyframes, onComplete, name, motionValue, element, true)\n    }\n\n    readKeyframes() {\n        const { unresolvedKeyframes, element, name } = this\n\n        if (!element || !element.current) return\n\n        super.readKeyframes()\n\n        /**\n         * If any keyframe is a CSS variable, we need to find its value by sampling the element\n         */\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            let keyframe = unresolvedKeyframes[i]\n\n            if (typeof keyframe === \"string\") {\n                keyframe = keyframe.trim()\n\n                if (isCSSVariableToken(keyframe)) {\n                    const resolved = getVariableValue(keyframe, element.current)\n\n                    if (resolved !== undefined) {\n                        unresolvedKeyframes[i] = resolved as T\n                    }\n\n                    if (i === unresolvedKeyframes.length - 1) {\n                        this.finalKeyframe = keyframe as T\n                    }\n                }\n            }\n        }\n\n        /**\n         * Resolve \"none\" values. We do this potentially twice - once before and once after measuring keyframes.\n         * This could be seen as inefficient but it's a trade-off to avoid measurements in more situations, which\n         * have a far bigger performance impact.\n         */\n        this.resolveNoneKeyframes()\n\n        /**\n         * Check to see if unit type has changed. If so schedule jobs that will\n         * temporarily set styles to the destination keyframes.\n         * Skip if we have more than two keyframes or this isn't a positional value.\n         * TODO: We can throw if there are multiple keyframes and the value type changes.\n         */\n        if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {\n            return\n        }\n\n        const [origin, target] = unresolvedKeyframes\n        const originType = findDimensionValueType(origin)\n        const targetType = findDimensionValueType(target)\n\n        /**\n         * If one keyframe contains embedded CSS variables (e.g. in calc()) and the other\n         * doesn't, we need to measure to convert to pixels. This handles GitHub issue #3410.\n         */\n        const originHasVar = containsCSSVariable(origin)\n        const targetHasVar = containsCSSVariable(target)\n\n        if (originHasVar !== targetHasVar && positionalValues[name]) {\n            this.needsMeasurement = true\n            return\n        }\n\n        /**\n         * Either we don't recognise these value types or we can animate between them.\n         */\n        if (originType === targetType) return\n\n        /**\n         * If both values are numbers or pixels, we can animate between them by\n         * converting them to numbers.\n         */\n        if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {\n            for (let i = 0; i < unresolvedKeyframes.length; i++) {\n                const value = unresolvedKeyframes[i]\n                if (typeof value === \"string\") {\n                    unresolvedKeyframes[i] = parseFloat(value as string)\n                }\n            }\n        } else if (positionalValues[name]) {\n            /**\n             * Else, the only way to resolve this is by measuring the element.\n             */\n            this.needsMeasurement = true\n        }\n    }\n\n    resolveNoneKeyframes() {\n        const { unresolvedKeyframes, name } = this\n\n        const noneKeyframeIndexes: number[] = []\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            if (\n                unresolvedKeyframes[i] === null ||\n                isNone(unresolvedKeyframes[i])\n            ) {\n                noneKeyframeIndexes.push(i)\n            }\n        }\n\n        if (noneKeyframeIndexes.length) {\n            makeNoneKeyframesAnimatable(\n                unresolvedKeyframes,\n                noneKeyframeIndexes,\n                name\n            )\n        }\n    }\n\n    measureInitialState() {\n        const { element, unresolvedKeyframes, name } = this\n\n        if (!element || !element.current) return\n\n        if (name === \"height\") {\n            this.suspendedScrollY = window.pageYOffset\n        }\n\n        this.measuredOrigin = positionalValues[name](\n            element.measureViewportBox(),\n            window.getComputedStyle(element.current)\n        )\n\n        unresolvedKeyframes[0] = this.measuredOrigin\n\n        // Set final key frame to measure after next render\n        const measureKeyframe =\n            unresolvedKeyframes[unresolvedKeyframes.length - 1]\n\n        if (measureKeyframe !== undefined) {\n            element.getValue(name, measureKeyframe).jump(measureKeyframe, false)\n        }\n    }\n\n    measureEndState() {\n        const { element, name, unresolvedKeyframes } = this\n\n        if (!element || !element.current) return\n\n        const value = element.getValue(name)\n        value && value.jump(this.measuredOrigin, false)\n\n        const finalKeyframeIndex = unresolvedKeyframes.length - 1\n        const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex]\n\n        unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](\n            element.measureViewportBox(),\n            window.getComputedStyle(element.current)\n        ) as any\n\n        if (finalKeyframe !== null && this.finalKeyframe === undefined) {\n            this.finalKeyframe = finalKeyframe as T\n        }\n\n        // If we removed transform values, reapply them before the next render\n        if (this.removedTransforms?.length) {\n            this.removedTransforms.forEach(\n                ([unsetTransformName, unsetTransformValue]) => {\n                    element\n                        .getValue(unsetTransformName)!\n                        .set(unsetTransformValue)\n                }\n            )\n        }\n\n        this.resolveNoneKeyframes()\n    }\n}\n", "export const pxValues = new Set([\n    // Border props\n    \"borderWidth\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"borderRadius\",\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\",\n    // Positioning props\n    \"width\",\n    \"maxWidth\",\n    \"height\",\n    \"maxHeight\",\n    \"top\",\n    \"right\",\n    \"bottom\",\n    \"left\",\n    \"inset\",\n    \"insetBlock\",\n    \"insetBlockStart\",\n    \"insetBlockEnd\",\n    \"insetInline\",\n    \"insetInlineStart\",\n    \"insetInlineEnd\",\n    // Spacing props\n    \"padding\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    \"paddingBlock\",\n    \"paddingBlockStart\",\n    \"paddingBlockEnd\",\n    \"paddingInline\",\n    \"paddingInlineStart\",\n    \"paddingInlineEnd\",\n    \"margin\",\n    \"marginTop\",\n    \"marginRight\",\n    \"marginBottom\",\n    \"marginLeft\",\n    \"marginBlock\",\n    \"marginBlockStart\",\n    \"marginBlockEnd\",\n    \"marginInline\",\n    \"marginInlineStart\",\n    \"marginInlineEnd\",\n    // Typography\n    \"fontSize\",\n    // Misc\n    \"backgroundPositionX\",\n    \"backgroundPositionY\",\n])\n", "import { UnresolvedValueKeyframe, ValueKeyframe } from \"../../types\"\nimport { pxValues } from \"../../waapi/utils/px-values\"\n\nexport function applyPxDefaults(\n    keyframes: ValueKeyframe[] | UnresolvedValueKeyframe[],\n    name: string\n) {\n    for (let i = 0; i < keyframes.length; i++) {\n        if (typeof keyframes[i] === \"number\" && pxValues.has(name)) {\n            keyframes[i] = keyframes[i] + \"px\"\n        }\n    }\n}\n", "import { Easing, isBezierDefinition } from \"motion-utils\"\nimport { supportsLinearEasing } from \"../../../utils/supports/linear-easing\"\nimport { supportedWaapiEasing } from \"./supported\"\n\nexport function isWaapiSupportedEasing(easing?: Easing | Easing[]): boolean {\n    return Boolean(\n        (typeof easing === \"function\" && supportsLinearEasing()) ||\n            !easing ||\n            (typeof easing === \"string\" &&\n                (easing in supportedWaapiEasing || supportsLinearEasing())) ||\n            isBezierDefinition(easing) ||\n            (Array.isArray(easing) && easing.every(isWaapiSupportedEasing))\n    )\n}\n", "import { memo } from \"motion-utils\"\n\nexport const supportsPartialKeyframes = /*@__PURE__*/ memo(() => {\n    try {\n        document.createElement(\"div\").animate({ opacity: [1] })\n    } catch (e) {\n        return false\n    }\n    return true\n})\n", "/**\n * A list of values that can be hardware-accelerated.\n */\nexport const acceleratedValues = new Set<string>([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved\n    // or until we implement support for linear() easing.\n    // \"background-color\"\n])\n", "export type ElementOrSelector =\n    | Element\n    | Element[]\n    | NodeListOf<Element>\n    | string\n    | null\n    | undefined\n\nexport interface WithQuerySelectorAll {\n    querySelectorAll: Element[\"querySelectorAll\"]\n}\n\nexport interface AnimationScope<T = any> {\n    readonly current: T\n    animations: any[] // TODO: Refactor to types package AnimationPlaybackControls[]\n}\n\nexport interface SelectorCache {\n    [key: string]: NodeListOf<Element>\n}\n\nexport function resolveElements(\n    elementOrSelector: ElementOrSelector,\n    scope?: AnimationScope,\n    selectorCache?: SelectorCache\n): Element[] {\n    if (elementOrSelector == null) {\n        return []\n    }\n\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector]\n    } else if (typeof elementOrSelector === \"string\") {\n        let root: WithQuerySelectorAll = document\n\n        if (scope) {\n            root = scope.current\n        }\n\n        const elements =\n            selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector)\n\n        return elements ? Array.from(elements) : []\n    }\n\n    return Array.from(elementOrSelector).filter(\n        (element): element is Element => element != null\n    )\n}\n", "import {\n    ElementOrSelector,\n    resolveElements,\n} from \"../../utils/resolve-elements\"\nimport { MotionValue } from \"../../value\"\n\nexport function createSelectorEffect<T>(\n    subjectEffect: (\n        subject: T,\n        values: Record<string, MotionValue>\n    ) => VoidFunction\n) {\n    return (\n        subject: ElementOrSelector,\n        values: Record<string, MotionValue>\n    ) => {\n        const elements = resolveElements(subject)\n        const subscriptions: VoidFunction[] = []\n\n        for (const element of elements) {\n            const remove = subjectEffect(element as T, values)\n            subscriptions.push(remove)\n        }\n\n        return () => {\n            for (const remove of subscriptions) remove()\n        }\n    }\n}\n", "import { ValueType } from \"../types\"\n\n/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nexport const getValueAsType = (value: any, type?: ValueType) => {\n    return type && typeof value === \"number\"\n        ? (type as any).transform(value)\n        : value\n}\n", "import { AnyResolvedKeyframe } from \"../animation/types\"\nimport { cancelFrame, frame } from \"../frameloop/frame\"\nimport { MotionValue } from \"../value\"\nimport { numberValueTypes } from \"../value/types/maps/number\"\nimport { getValueAsType } from \"../value/types/utils/get-as-type\"\n\nexport class MotionValueState {\n    latest: { [name: string]: AnyResolvedKeyframe } = {}\n\n    private values = new Map<\n        string,\n        { value: MotionValue; onRemove: VoidFunction }\n    >()\n\n    set(\n        name: string,\n        value: MotionValue,\n        render?: VoidFunction,\n        computed?: MotionValue,\n        useDefaultValueType = true\n    ) {\n        const existingValue = this.values.get(name)\n\n        if (existingValue) {\n            existingValue.onRemove()\n        }\n\n        const onChange = () => {\n            const v = value.get()\n\n            if (useDefaultValueType) {\n                this.latest[name] = getValueAsType(v, numberValueTypes[name])\n            } else {\n                this.latest[name] = v\n            }\n\n            render && frame.render(render)\n        }\n\n        onChange()\n\n        const cancelOnChange = value.on(\"change\", onChange)\n\n        computed && value.addDependent(computed)\n\n        const remove = () => {\n            cancelOnChange()\n            render && cancelFrame(render)\n            this.values.delete(name)\n            computed && value.removeDependent(computed)\n        }\n\n        this.values.set(name, { value, onRemove: remove })\n\n        return remove\n    }\n\n    get(name: string): MotionValue | undefined {\n        return this.values.get(name)?.value\n    }\n}\n", "import { MotionValue } from \"../../value\"\nimport { MotionValueState } from \"../MotionValueState\"\n\nexport function createEffect<Subject extends object>(\n    addValue: (\n        subject: Subject,\n        state: MotionValueState,\n        key: string,\n        value: MotionValue\n    ) => VoidFunction\n) {\n    const stateCache = new WeakMap<Subject, MotionValueState>()\n\n    return (\n        subject: Subject,\n        values: Record<string, MotionValue>\n    ): VoidFunction => {\n        const state = stateCache.get(subject) ?? new MotionValueState()\n\n        stateCache.set(subject, state)\n\n        const subscriptions: VoidFunction[] = []\n\n        for (const key in values) {\n            const value = values[key]\n            const remove = addValue(subject, state, key, value)\n            subscriptions.push(remove)\n        }\n\n        return () => {\n            for (const cancel of subscriptions) cancel()\n        }\n    }\n}\n", "import { camelToDash } from \"../../render/dom/utils/camel-to-dash\"\nimport { MotionValue } from \"../../value\"\nimport { MotionValueState } from \"../MotionValueState\"\nimport { createSelectorEffect } from \"../utils/create-dom-effect\"\nimport { createEffect } from \"../utils/create-effect\"\n\nfunction canSetAsProperty(element: HTMLElement | SVGElement, name: string) {\n    if (!(name in element)) return false\n\n    const descriptor =\n        Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), name) ||\n        Object.getOwnPropertyDescriptor(element, name)\n\n    // Check if it has a setter\n    return descriptor && typeof descriptor.set === \"function\"\n}\n\nexport const addAttrValue = (\n    element: HTMLElement | SVGElement,\n    state: MotionValueState,\n    key: string,\n    value: MotionValue\n) => {\n    const isProp = canSetAsProperty(element, key)\n    const name = isProp\n        ? key\n        : key.startsWith(\"data\") || key.startsWith(\"aria\")\n        ? camelToDash(key)\n        : key\n\n    /**\n     * Set attribute directly via property if available\n     */\n    const render = isProp\n        ? () => {\n              ;(element as any)[name] = state.latest[key]\n          }\n        : () => {\n              const v = state.latest[key]\n              if (v === null || v === undefined) {\n                  element.removeAttribute(name)\n              } else {\n                  element.setAttribute(name, String(v))\n              }\n          }\n\n    return state.set(key, value, render)\n}\n\nexport const attrEffect = /*@__PURE__*/ createSelectorEffect(\n    /*@__PURE__*/ createEffect(addAttrValue)\n)\n", "import { MotionValue } from \"../../value\"\nimport { MotionValueState } from \"../MotionValueState\"\nimport { createEffect } from \"../utils/create-effect\"\n\nexport const propEffect = /*@__PURE__*/ createEffect(\n    (\n        subject: { [key: string]: any },\n        state: MotionValueState,\n        key: string,\n        value: MotionValue\n    ) => {\n        return state.set(\n            key,\n            value,\n            () => {\n                subject[key] = state.latest[key]\n            },\n            undefined,\n            false\n        )\n    }\n)\n", "import { isObject } from \"motion-utils\"\n\n/**\n * Checks if an element is an HTML element in a way\n * that works across iframes\n */\nexport function isHTMLElement(element: unknown): element is HTMLElement {\n    return (\n        isObject(element) &&\n        \"offsetHeight\" in element &&\n        !(\"ownerSVGElement\" in element)\n    )\n}\n", "import { transformPropOrder } from \"../../render/utils/keys-transform\"\nimport { MotionValueState } from \"../MotionValueState\"\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n}\n\nexport function buildTransform(state: MotionValueState) {\n    let transform = \"\"\n    let transformIsDefault = true\n\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < transformPropOrder.length; i++) {\n        const key = transformPropOrder[i] as keyof typeof translateAlias\n        const value = state.latest[key]\n\n        if (value === undefined) continue\n\n        let valueIsDefault = true\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0)\n        } else {\n            const parsed = parseFloat(value)\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0\n        }\n\n        if (!valueIsDefault) {\n            transformIsDefault = false\n            const transformName = translateAlias[key] || key\n            transform += `${transformName}(${value}) `\n        }\n    }\n\n    return transformIsDefault ? \"none\" : transform.trim()\n}\n", "import { isCSSVar } from \"../../render/dom/is-css-var\"\nimport { transformProps } from \"../../render/utils/keys-transform\"\nimport { isHTMLElement } from \"../../utils/is-html-element\"\nimport { MotionValue } from \"../../value\"\nimport { MotionValueState } from \"../MotionValueState\"\nimport { createSelectorEffect } from \"../utils/create-dom-effect\"\nimport { createEffect } from \"../utils/create-effect\"\nimport { buildTransform } from \"./transform\"\n\nconst originProps = new Set([\"originX\", \"originY\", \"originZ\"])\n\nexport const addStyleValue = (\n    element: HTMLElement | SVGElement,\n    state: MotionValueState,\n    key: string,\n    value: MotionValue\n) => {\n    let render: VoidFunction | undefined = undefined\n    let computed: MotionValue | undefined = undefined\n\n    if (transformProps.has(key)) {\n        if (!state.get(\"transform\")) {\n            // If this is an HTML element, we need to set the transform-box to fill-box\n            // to normalise the transform relative to the element's bounding box\n            if (!isHTMLElement(element) && !state.get(\"transformBox\")) {\n                addStyleValue(\n                    element,\n                    state,\n                    \"transformBox\",\n                    new MotionValue(\"fill-box\")\n                )\n            }\n\n            state.set(\"transform\", new MotionValue(\"none\"), () => {\n                element.style.transform = buildTransform(state)\n            })\n        }\n\n        computed = state.get(\"transform\")\n    } else if (originProps.has(key)) {\n        if (!state.get(\"transformOrigin\")) {\n            state.set(\"transformOrigin\", new MotionValue(\"\"), () => {\n                const originX = state.latest.originX ?? \"50%\"\n                const originY = state.latest.originY ?? \"50%\"\n                const originZ = state.latest.originZ ?? 0\n                element.style.transformOrigin = `${originX} ${originY} ${originZ}`\n            })\n        }\n\n        computed = state.get(\"transformOrigin\")\n    } else if (isCSSVar(key)) {\n        render = () => {\n            element.style.setProperty(key, state.latest[key] as string)\n        }\n    } else {\n        render = () => {\n            element.style[key as any] = state.latest[key] as string\n        }\n    }\n\n    return state.set(key, value, render, computed)\n}\n\nexport const styleEffect = /*@__PURE__*/ createSelectorEffect(\n    /*@__PURE__*/ createEffect(addStyleValue)\n)\n", "import { frame } from \"../../frameloop\"\nimport { MotionValue } from \"../../value\"\nimport { addAttrValue } from \"../attr\"\nimport { MotionValueState } from \"../MotionValueState\"\nimport { addStyleValue } from \"../style\"\nimport { createSelectorEffect } from \"../utils/create-dom-effect\"\nimport { createEffect } from \"../utils/create-effect\"\n\nfunction addSVGPathValue(\n    element: SVGElement,\n    state: MotionValueState,\n    key: string,\n    value: MotionValue\n) {\n    frame.render(() => element.setAttribute(\"pathLength\", \"1\"))\n\n    if (key === \"pathOffset\") {\n        return state.set(key, value, () => {\n            // Use unitless value to avoid Safari zoom bug\n            const offset = state.latest[key]\n            element.setAttribute(\"stroke-dashoffset\", `${-offset}`)\n        })\n    } else {\n        if (!state.get(\"stroke-dasharray\")) {\n            state.set(\"stroke-dasharray\", new MotionValue(\"1 1\"), () => {\n                const { pathLength = 1, pathSpacing } = state.latest\n\n                // Use unitless values to avoid Safari zoom bug\n                element.setAttribute(\n                    \"stroke-dasharray\",\n                    `${pathLength} ${pathSpacing ?? 1 - Number(pathLength)}`\n                )\n            })\n        }\n\n        return state.set(key, value, undefined, state.get(\"stroke-dasharray\"))\n    }\n}\n\nconst addSVGValue = (\n    element: SVGElement,\n    state: MotionValueState,\n    key: string,\n    value: MotionValue\n) => {\n    if (key.startsWith(\"path\")) {\n        return addSVGPathValue(element, state, key, value)\n    } else if (key.startsWith(\"attr\")) {\n        return addAttrValue(element, state, convertAttrKey(key), value)\n    }\n\n    const handler = key in element.style ? addStyleValue : addAttrValue\n    return handler(element, state, key, value)\n}\n\nexport const svgEffect = /*@__PURE__*/ createSelectorEffect(\n    /*@__PURE__*/ createEffect(addSVGValue)\n)\n\nfunction convertAttrKey(key: string) {\n    return key.replace(/^attr([A-Z])/, (_, firstChar) =>\n        firstChar.toLowerCase()\n    )\n}\n", "import { createRenderBatcher } from \"./batcher\"\n\nexport const { schedule: microtask, cancel: cancelMicrotask } =\n    /* @__PURE__ */ createRenderBatcher(queueMicrotask, false)\n", "export const isDragging = {\n    x: false,\n    y: false,\n}\n\nexport function isDragActive() {\n    return isDragging.x || isDragging.y\n}\n", "import { isDragging } from \"./is-active\"\n\nexport function setDragLock(axis: boolean | \"x\" | \"y\" | \"lockDirection\") {\n    if (axis === \"x\" || axis === \"y\") {\n        if (isDragging[axis]) {\n            return null\n        } else {\n            isDragging[axis] = true\n            return () => {\n                isDragging[axis] = false\n            }\n        }\n    } else {\n        if (isDragging.x || isDragging.y) {\n            return null\n        } else {\n            isDragging.x = isDragging.y = true\n            return () => {\n                isDragging.x = isDragging.y = false\n            }\n        }\n    }\n}\n", "import {\n    ElementOrSelector,\n    resolveElements,\n} from \"../../utils/resolve-elements\"\nimport { EventOptions } from \"../types\"\n\nexport function setupGesture(\n    elementOrSelector: ElementOrSelector,\n    options: EventOptions\n): [Element[], AddEventListenerOptions, VoidFunction] {\n    const elements = resolveElements(elementOrSelector)\n\n    const gestureAbortController = new AbortController()\n\n    const eventOptions = {\n        passive: true,\n        ...options,\n        signal: gestureAbortController.signal,\n    }\n\n    const cancel = () => gestureAbortController.abort()\n\n    return [elements, eventOptions, cancel]\n}\n", "import { ElementOrSelector } from \"../utils/resolve-elements\"\nimport { isDragActive } from \"./drag/state/is-active\"\nimport { EventOptions } from \"./types\"\nimport { setupGesture } from \"./utils/setup\"\n\n/**\n * A function to be called when a hover gesture starts.\n *\n * This function can optionally return a function that will be called\n * when the hover gesture ends.\n *\n * @public\n */\nexport type OnHoverStartEvent = (\n    element: Element,\n    event: PointerEvent\n) => void | OnHoverEndEvent\n\n/**\n * A function to be called when a hover gesture ends.\n *\n * @public\n */\nexport type OnHoverEndEvent = (event: PointerEvent) => void\n\nfunction isValidHover(event: PointerEvent) {\n    return !(event.pointerType === \"touch\" || isDragActive())\n}\n\n/**\n * Create a hover gesture. hover() is different to .addEventListener(\"pointerenter\")\n * in that it has an easier syntax, filters out polyfilled touch events, interoperates\n * with drag gestures, and automatically removes the \"pointerennd\" event listener when the hover ends.\n *\n * @public\n */\nexport function hover(\n    elementOrSelector: ElementOrSelector,\n    onHoverStart: OnHoverStartEvent,\n    options: EventOptions = {}\n): VoidFunction {\n    const [elements, eventOptions, cancel] = setupGesture(\n        elementOrSelector,\n        options\n    )\n\n    elements.forEach((element) => {\n        let isPressed = false\n        let deferredHoverEnd = false\n        let hoverEndCallback: OnHoverEndEvent | undefined\n\n        const removePointerLeave = () => {\n            element.removeEventListener(\n                \"pointerleave\",\n                onPointerLeave as EventListener\n            )\n        }\n\n        const endHover = (event: PointerEvent) => {\n            if (hoverEndCallback) {\n                hoverEndCallback(event)\n                hoverEndCallback = undefined\n            }\n            removePointerLeave()\n        }\n\n        const onPointerUp = (event: Event) => {\n            isPressed = false\n            window.removeEventListener(\n                \"pointerup\",\n                onPointerUp as EventListener\n            )\n            window.removeEventListener(\n                \"pointercancel\",\n                onPointerUp as EventListener\n            )\n\n            if (deferredHoverEnd) {\n                deferredHoverEnd = false\n                endHover(event as PointerEvent)\n            }\n        }\n\n        const onPointerDown = () => {\n            isPressed = true\n            window.addEventListener(\n                \"pointerup\",\n                onPointerUp as EventListener,\n                eventOptions\n            )\n            window.addEventListener(\n                \"pointercancel\",\n                onPointerUp as EventListener,\n                eventOptions\n            )\n        }\n\n        const onPointerLeave = (leaveEvent: PointerEvent) => {\n            if (leaveEvent.pointerType === \"touch\") return\n\n            if (isPressed) {\n                deferredHoverEnd = true\n                return\n            }\n\n            endHover(leaveEvent)\n        }\n\n        const onPointerEnter = (enterEvent: PointerEvent) => {\n            if (!isValidHover(enterEvent)) return\n\n            deferredHoverEnd = false\n\n            const onHoverEnd = onHoverStart(\n                element as Element,\n                enterEvent\n            )\n\n            if (typeof onHoverEnd !== \"function\") return\n\n            hoverEndCallback = onHoverEnd\n\n            element.addEventListener(\n                \"pointerleave\",\n                onPointerLeave as EventListener,\n                eventOptions\n            )\n        }\n\n        element.addEventListener(\n            \"pointerenter\",\n            onPointerEnter as EventListener,\n            eventOptions\n        )\n        element.addEventListener(\n            \"pointerdown\",\n            onPointerDown as EventListener,\n            eventOptions\n        )\n    })\n\n    return cancel\n}\n", "/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nexport const isNodeOrChild = (\n    parent: Element | null,\n    child?: Element | null\n): boolean => {\n    if (!child) {\n        return false\n    } else if (parent === child) {\n        return true\n    } else {\n        return isNodeOrChild(parent, child.parentElement)\n    }\n}\n", "export const isPrimaryPointer = (event: PointerEvent) => {\n    if (event.pointerType === \"mouse\") {\n        return typeof event.button !== \"number\" || event.button <= 0\n    } else {\n        /**\n         * isPrimary is true for all mice buttons, whereas every touch point\n         * is regarded as its own input. So subsequent concurrent touch points\n         * will be false.\n         *\n         * Specifically match against false here as incomplete versions of\n         * PointerEvents in very old browser might have it set as undefined.\n         */\n        return event.isPrimary !== false\n    }\n}\n", "const keyboardAccessibleElements = new Set([\n    \"BUTTON\",\n    \"INPUT\",\n    \"SELECT\",\n    \"TEXTAREA\",\n    \"A\",\n])\n\n/**\n * Checks if an element is natively keyboard accessible (focusable).\n * Used by the press gesture to determine if we need to add tabIndex.\n */\nexport function isElementKeyboardAccessible(element: Element) {\n    return (\n        keyboardAccessibleElements.has(element.tagName) ||\n        (element as HTMLElement).isContentEditable === true\n    )\n}\n\nconst textInputElements = new Set([\"INPUT\", \"SELECT\", \"TEXTAREA\"])\n\n/**\n * Checks if an element has text selection or direct interaction behavior\n * that should block drag gestures from starting.\n *\n * This specifically targets form controls where the user might want to select\n * text or interact with the control (e.g., sliders, dropdowns).\n *\n * Buttons and links are NOT included because they don't have click-and-move\n * actions of their own - they only respond to click events, so dragging\n * should still work when initiated from these elements.\n */\nexport function isElementTextInput(element: Element) {\n    return (\n        textInputElements.has(element.tagName) ||\n        (element as HTMLElement).isContentEditable === true\n    )\n}\n", "export const isPressing = new WeakSet<EventTarget>()\n", "import { isPressing } from \"./state\"\n\n/**\n * Filter out events that are not \"Enter\" keys.\n */\nfunction filterEvents(callback: (event: KeyboardEvent) => void) {\n    return (event: KeyboardEvent) => {\n        if (event.key !== \"Enter\") return\n        callback(event)\n    }\n}\n\nfunction firePointerEvent(target: EventTarget, type: \"down\" | \"up\" | \"cancel\") {\n    target.dispatchEvent(\n        new PointerEvent(\"pointer\" + type, { isPrimary: true, bubbles: true })\n    )\n}\n\nexport const enableKeyboardPress = (\n    focusEvent: FocusEvent,\n    eventOptions: AddEventListenerOptions\n) => {\n    const element = focusEvent.currentTarget as HTMLElement\n    if (!element) return\n\n    const handleKeydown = filterEvents(() => {\n        if (isPressing.has(element)) return\n\n        firePointerEvent(element, \"down\")\n\n        const handleKeyup = filterEvents(() => {\n            firePointerEvent(element, \"up\")\n        })\n\n        const handleBlur = () => firePointerEvent(element, \"cancel\")\n\n        element.addEventListener(\"keyup\", handleKeyup, eventOptions)\n        element.addEventListener(\"blur\", handleBlur, eventOptions)\n    })\n\n    element.addEventListener(\"keydown\", handleKeydown, eventOptions)\n\n    /**\n     * Add an event listener that fires on blur to remove the keydown events.\n     */\n    element.addEventListener(\n        \"blur\",\n        () => element.removeEventListener(\"keydown\", handleKeydown),\n        eventOptions\n    )\n}\n", "import { isHTMLElement } from \"../../utils/is-html-element\"\nimport { ElementOrSelector } from \"../../utils/resolve-elements\"\nimport { isDragActive } from \"../drag/state/is-active\"\nimport { EventOptions } from \"../types\"\nimport { isNodeOrChild } from \"../utils/is-node-or-child\"\nimport { isPrimaryPointer } from \"../utils/is-primary-pointer\"\nimport { setupGesture } from \"../utils/setup\"\nimport { OnPressStartEvent } from \"./types\"\nimport { isElementKeyboardAccessible } from \"./utils/is-keyboard-accessible\"\nimport { enableKeyboardPress } from \"./utils/keyboard\"\nimport { isPressing } from \"./utils/state\"\n\n/**\n * Filter out events that are not primary pointer events, or are triggering\n * while a Motion gesture is active.\n */\nfunction isValidPressEvent(event: PointerEvent) {\n    return isPrimaryPointer(event) && !isDragActive()\n}\n\nconst claimedPointerDownEvents = new WeakSet<Event>()\n\nexport interface PointerEventOptions extends EventOptions {\n    useGlobalTarget?: boolean\n    stopPropagation?: boolean\n}\n\n/**\n * Create a press gesture.\n *\n * Press is different to `\"pointerdown\"`, `\"pointerup\"` in that it\n * automatically filters out secondary pointer events like right\n * click and multitouch.\n *\n * It also adds accessibility support for keyboards, where\n * an element with a press gesture will receive focus and\n *  trigger on Enter `\"keydown\"` and `\"keyup\"` events.\n *\n * This is different to a browser's `\"click\"` event, which does\n * respond to keyboards but only for the `\"click\"` itself, rather\n * than the press start and end/cancel. The element also needs\n * to be focusable for this to work, whereas a press gesture will\n * make an element focusable by default.\n *\n * @public\n */\nexport function press(\n    targetOrSelector: ElementOrSelector,\n    onPressStart: OnPressStartEvent,\n    options: PointerEventOptions = {}\n): VoidFunction {\n    const [targets, eventOptions, cancelEvents] = setupGesture(\n        targetOrSelector,\n        options\n    )\n\n    const startPress = (startEvent: PointerEvent) => {\n        const target = startEvent.currentTarget as Element\n\n        if (!isValidPressEvent(startEvent)) return\n        if (claimedPointerDownEvents.has(startEvent)) return\n\n        isPressing.add(target)\n\n        if (options.stopPropagation) {\n            claimedPointerDownEvents.add(startEvent)\n        }\n\n        const onPressEnd = onPressStart(target, startEvent)\n\n        const onPointerEnd = (endEvent: PointerEvent, success: boolean) => {\n            window.removeEventListener(\"pointerup\", onPointerUp)\n            window.removeEventListener(\"pointercancel\", onPointerCancel)\n\n            if (isPressing.has(target)) {\n                isPressing.delete(target)\n            }\n\n            if (!isValidPressEvent(endEvent)) {\n                return\n            }\n\n            if (typeof onPressEnd === \"function\") {\n                onPressEnd(endEvent, { success })\n            }\n        }\n\n        const onPointerUp = (upEvent: PointerEvent) => {\n            onPointerEnd(\n                upEvent,\n                (target as any) === window ||\n                    (target as any) === document ||\n                    options.useGlobalTarget ||\n                    isNodeOrChild(target, upEvent.target as Element)\n            )\n        }\n\n        const onPointerCancel = (cancelEvent: PointerEvent) => {\n            onPointerEnd(cancelEvent, false)\n        }\n\n        window.addEventListener(\"pointerup\", onPointerUp, eventOptions)\n        window.addEventListener(\"pointercancel\", onPointerCancel, eventOptions)\n    }\n\n    targets.forEach((target: EventTarget) => {\n        const pointerDownTarget = options.useGlobalTarget ? window : target\n        pointerDownTarget.addEventListener(\n            \"pointerdown\",\n            startPress as EventListener,\n            eventOptions\n        )\n\n        if (isHTMLElement(target)) {\n            target.addEventListener(\"focus\", (event) =>\n                enableKeyboardPress(event as FocusEvent, eventOptions)\n            )\n\n            if (\n                !isElementKeyboardAccessible(target) &&\n                !target.hasAttribute(\"tabindex\")\n            ) {\n                target.tabIndex = 0\n            }\n        }\n    })\n\n    return cancelEvents\n}\n", "import { isCSSVar } from \"./is-css-var\"\n\nexport function getComputedStyle(\n    element: HTMLElement | SVGElement,\n    name: string\n) {\n    const computedStyle = window.getComputedStyle(element)\n    return isCSSVar(name)\n        ? computedStyle.getPropertyValue(name)\n        : computedStyle[name as any]\n}\n", "import { isObject } from \"motion-utils\"\n\n/**\n * Checks if an element is an SVG element in a way\n * that works across iframes\n */\nexport function isSVGElement(element: unknown): element is SVGElement {\n    return isObject(element) && \"ownerSVGElement\" in element\n}\n", "import { isSVGElement } from \"../utils/is-svg-element\"\nimport { ElementOrSelector, resolveElements } from \"../utils/resolve-elements\"\nimport { ResizeHandler } from \"./types\"\n\nconst resizeHandlers = new WeakMap<Element, Set<ResizeHandler<Element>>>()\n\nlet observer: ResizeObserver | undefined\n\nconst getSize =\n    (\n        borderBoxAxis: \"inline\" | \"block\",\n        svgAxis: \"width\" | \"height\",\n        htmlAxis: \"offsetWidth\" | \"offsetHeight\"\n    ) =>\n    (target: Element, borderBoxSize?: ReadonlyArray<ResizeObserverSize>) => {\n        if (borderBoxSize && borderBoxSize[0]) {\n            return borderBoxSize[0][\n                (borderBoxAxis + \"Size\") as keyof ResizeObserverSize\n            ]\n        } else if (isSVGElement(target) && \"getBBox\" in target) {\n            return (target as SVGGraphicsElement).getBBox()[svgAxis]\n        } else {\n            return (target as HTMLElement)[htmlAxis]\n        }\n    }\n\nconst getWidth = /*@__PURE__*/ getSize(\"inline\", \"width\", \"offsetWidth\")\nconst getHeight = /*@__PURE__*/ getSize(\"block\", \"height\", \"offsetHeight\")\n\nfunction notifyTarget({ target, borderBoxSize }: ResizeObserverEntry) {\n    resizeHandlers.get(target)?.forEach((handler) => {\n        handler(target, {\n            get width() {\n                return getWidth(target, borderBoxSize)\n            },\n            get height() {\n                return getHeight(target, borderBoxSize)\n            },\n        })\n    })\n}\n\nfunction notifyAll(entries: ResizeObserverEntry[]) {\n    entries.forEach(notifyTarget)\n}\n\nfunction createResizeObserver() {\n    if (typeof ResizeObserver === \"undefined\") return\n\n    observer = new ResizeObserver(notifyAll)\n}\n\nexport function resizeElement(\n    target: ElementOrSelector,\n    handler: ResizeHandler<Element>\n) {\n    if (!observer) createResizeObserver()\n\n    const elements = resolveElements(target)\n\n    elements.forEach((element) => {\n        let elementHandlers = resizeHandlers.get(element)\n\n        if (!elementHandlers) {\n            elementHandlers = new Set()\n            resizeHandlers.set(element, elementHandlers)\n        }\n\n        elementHandlers.add(handler)\n        observer?.observe(element)\n    })\n\n    return () => {\n        elements.forEach((element) => {\n            const elementHandlers = resizeHandlers.get(element)\n\n            elementHandlers?.delete(handler)\n\n            if (!elementHandlers?.size) {\n                observer?.unobserve(element)\n            }\n        })\n    }\n}\n", "import { WindowResizeHandler } from \"./types\"\n\nconst windowCallbacks = new Set<WindowResizeHandler>()\n\nlet windowResizeHandler: VoidFunction | undefined\n\nfunction createWindowResizeHandler() {\n    windowResizeHandler = () => {\n        const info = {\n            get width() {\n                return window.innerWidth\n            },\n            get height() {\n                return window.innerHeight\n            },\n        }\n\n        windowCallbacks.forEach((callback) => callback(info))\n    }\n\n    window.addEventListener(\"resize\", windowResizeHandler)\n}\n\nexport function resizeWindow(callback: WindowResizeHandler) {\n    windowCallbacks.add(callback)\n\n    if (!windowResizeHandler) createWindowResizeHandler()\n\n    return () => {\n        windowCallbacks.delete(callback)\n\n        if (\n            !windowCallbacks.size &&\n            typeof windowResizeHandler === \"function\"\n        ) {\n            window.removeEventListener(\"resize\", windowResizeHandler)\n            windowResizeHandler = undefined\n        }\n    }\n}\n", "import { ElementOrSelector } from \"../utils/resolve-elements\"\nimport { resizeElement } from \"./handle-element\"\nimport { resizeWindow } from \"./handle-window\"\nimport { ResizeHandler, WindowResizeHandler } from \"./types\"\n\nexport function resize(onResize: WindowResizeHandler): VoidFunction\nexport function resize(\n    target: ElementOrSelector,\n    onResize: ResizeHandler<Element>\n): VoidFunction\nexport function resize(\n    a: WindowResizeHandler | ElementOrSelector,\n    b?: ResizeHandler<Element>\n) {\n    return typeof a === \"function\" ? resizeWindow(a) : resizeElement(a, b!)\n}\n", "import { ProgressTimeline } from \"../animation/types\"\nimport { cancelFrame, frame } from \"../frameloop\"\n\ntype Update = (progress: number) => void\n\nexport function observeTimeline(update: Update, timeline: ProgressTimeline) {\n    let prevProgress: number\n\n    const onFrame = () => {\n        const { currentTime } = timeline\n        const percentage = currentTime === null ? 0 : currentTime.value\n        const progress = percentage / 100\n\n        if (prevProgress !== progress) {\n            update(progress)\n        }\n\n        prevProgress = progress\n    }\n\n    frame.preUpdate(onFrame, true)\n\n    return () => cancelFrame(onFrame)\n}\n", "import { cancelFrame, frame, frameData } from \"../frameloop\"\nimport { activeAnimations } from \"./animation-count\"\nimport { ActiveStatsBuffer, statsBuffer } from \"./buffer\"\nimport { StatsSummary, Summary } from \"./types\"\n\nfunction record() {\n    const { value } = statsBuffer\n\n    if (value === null) {\n        cancelFrame(record)\n        return\n    }\n\n    value.frameloop.rate.push(frameData.delta)\n    value.animations.mainThread.push(activeAnimations.mainThread)\n    value.animations.waapi.push(activeAnimations.waapi)\n    value.animations.layout.push(activeAnimations.layout)\n}\n\nfunction mean(values: number[]) {\n    return values.reduce((acc, value) => acc + value, 0) / values.length\n}\n\nfunction summarise(\n    values: number[],\n    calcAverage: (allValues: number[]) => number = mean\n): Summary {\n    if (values.length === 0) {\n        return {\n            min: 0,\n            max: 0,\n            avg: 0,\n        }\n    }\n\n    return {\n        min: Math.min(...values),\n        max: Math.max(...values),\n        avg: calcAverage(values),\n    }\n}\n\nconst msToFps = (ms: number) => Math.round(1000 / ms)\n\nfunction clearStatsBuffer() {\n    statsBuffer.value = null\n    statsBuffer.addProjectionMetrics = null\n}\n\nfunction reportStats(): StatsSummary {\n    const { value } = statsBuffer\n\n    if (!value) {\n        throw new Error(\"Stats are not being measured\")\n    }\n\n    clearStatsBuffer()\n    cancelFrame(record)\n\n    const summary = {\n        frameloop: {\n            setup: summarise(value.frameloop.setup),\n            rate: summarise(value.frameloop.rate),\n            read: summarise(value.frameloop.read),\n            resolveKeyframes: summarise(value.frameloop.resolveKeyframes),\n            preUpdate: summarise(value.frameloop.preUpdate),\n            update: summarise(value.frameloop.update),\n            preRender: summarise(value.frameloop.preRender),\n            render: summarise(value.frameloop.render),\n            postRender: summarise(value.frameloop.postRender),\n        },\n        animations: {\n            mainThread: summarise(value.animations.mainThread),\n            waapi: summarise(value.animations.waapi),\n            layout: summarise(value.animations.layout),\n        },\n        layoutProjection: {\n            nodes: summarise(value.layoutProjection.nodes),\n            calculatedTargetDeltas: summarise(\n                value.layoutProjection.calculatedTargetDeltas\n            ),\n            calculatedProjections: summarise(\n                value.layoutProjection.calculatedProjections\n            ),\n        },\n    }\n\n    /**\n     * Convert the rate to FPS\n     */\n    const { rate } = summary.frameloop\n    rate.min = msToFps(rate.min)\n    rate.max = msToFps(rate.max)\n    rate.avg = msToFps(rate.avg)\n    // Swap these as the min and max are inverted when converted to FPS\n    ;[rate.min, rate.max] = [rate.max, rate.min]\n\n    return summary\n}\n\nexport function recordStats() {\n    if (statsBuffer.value) {\n        clearStatsBuffer()\n        throw new Error(\"Stats are already being measured\")\n    }\n\n    const newStatsBuffer = statsBuffer as unknown as ActiveStatsBuffer\n\n    newStatsBuffer.value = {\n        frameloop: {\n            setup: [],\n            rate: [],\n            read: [],\n            resolveKeyframes: [],\n            preUpdate: [],\n            update: [],\n            preRender: [],\n            render: [],\n            postRender: [],\n        },\n        animations: {\n            mainThread: [],\n            waapi: [],\n            layout: [],\n        },\n        layoutProjection: {\n            nodes: [],\n            calculatedTargetDeltas: [],\n            calculatedProjections: [],\n        },\n    }\n\n    newStatsBuffer.addProjectionMetrics = (metrics) => {\n        const { layoutProjection } = newStatsBuffer.value\n        layoutProjection.nodes.push(metrics.nodes)\n        layoutProjection.calculatedTargetDeltas.push(\n            metrics.calculatedTargetDeltas\n        )\n        layoutProjection.calculatedProjections.push(\n            metrics.calculatedProjections\n        )\n    }\n\n    frame.postRender(record, true)\n\n    return reportStats\n}\n", "import { isSVGElement } from \"./is-svg-element\"\n\n/**\n * Checks if an element is specifically an SVGSVGElement (the root SVG element)\n * in a way that works across iframes\n */\nexport function isSVGSVGElement(element: unknown): element is SVGSVGElement {\n    return isSVGElement(element) && element.tagName === \"svg\"\n}\n", "import { Easing, easingDefinitionToFunction } from \"motion-utils\"\nimport { DynamicOption } from \"../animation/types\"\n\nexport type StaggerOrigin = \"first\" | \"last\" | \"center\" | number\n\nexport type StaggerOptions = {\n    startDelay?: number\n    from?: StaggerOrigin\n    ease?: Easing\n}\n\nexport function getOriginIndex(from: StaggerOrigin, total: number) {\n    if (from === \"first\") {\n        return 0\n    } else {\n        const lastIndex = total - 1\n        return from === \"last\" ? lastIndex : lastIndex / 2\n    }\n}\n\nexport function stagger(\n    duration: number = 0.1,\n    { startDelay = 0, from = 0, ease }: StaggerOptions = {}\n): DynamicOption<number> {\n    return (i: number, total: number) => {\n        const fromIndex =\n            typeof from === \"number\" ? from : getOriginIndex(from, total)\n        const distance = Math.abs(fromIndex - i)\n        let delay = duration * distance\n\n        if (ease) {\n            const maxDelay = total * duration\n            const easingFunction = easingDefinitionToFunction(ease)\n            delay = easingFunction(delay / maxDelay) * maxDelay\n        }\n\n        return startDelay + delay\n    }\n}\n", "import { EasingFunction } from \"motion-utils\"\nimport { interpolate } from \"./interpolate\"\n\n/**\n * @public\n */\nexport interface TransformOptions<T> {\n    /**\n     * Clamp values to within the given range. Defaults to `true`\n     *\n     * @public\n     */\n    clamp?: boolean\n\n    /**\n     * Easing functions to use on the interpolations between each value in the input and output ranges.\n     *\n     * If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition **between** each.\n     *\n     * @public\n     */\n    ease?: EasingFunction | EasingFunction[]\n\n    /**\n     * Provide a function that can interpolate between any two values in the provided range.\n     *\n     * @public\n     */\n    mixer?: (from: T, to: T) => (v: number) => any\n}\n\n/**\n * Transforms numbers into other values by mapping them from an input range to an output range.\n * Returns the type of the input provided.\n *\n * @remarks\n *\n * Given an input range of `[0, 200]` and an output range of\n * `[0, 1]`, this function will return a value between `0` and `1`.\n * The input range must be a linear series of numbers. The output range\n * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.\n * Every value in the output range must be of the same type and in the same format.\n *\n * ```jsx\n * export function MyComponent() {\n *    const inputRange = [0, 200]\n *    const outputRange = [0, 1]\n *    const output = transform(100, inputRange, outputRange)\n *\n *    // Returns 0.5\n *    return <div>{output}</div>\n * }\n * ```\n *\n * @param inputValue - A number to transform between the input and output ranges.\n * @param inputRange - A linear series of numbers (either all increasing or decreasing).\n * @param outputRange - A series of numbers, colors, strings, or arrays/objects of those. Must be the same length as `inputRange`.\n * @param options - Clamp: Clamp values to within the given range. Defaults to `true`.\n *\n * @public\n */\nexport function transform<T>(\n    inputValue: number,\n    inputRange: number[],\n    outputRange: T[],\n    options?: TransformOptions<T>\n): T\n/**\n *\n * Transforms numbers into other values by mapping them from an input range to an output range.\n *\n * Given an input range of `[0, 200]` and an output range of\n * `[0, 1]`, this function will return a value between `0` and `1`.\n * The input range must be a linear series of numbers. The output range\n * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.\n * Every value in the output range must be of the same type and in the same format.\n *\n * ```jsx\n * export function MyComponent() {\n *     const inputRange = [-200, -100, 100, 200]\n *     const outputRange = [0, 1, 1, 0]\n *     const convertRange = transform(inputRange, outputRange)\n *     const output = convertRange(-150)\n *\n *     // Returns 0.5\n *     return <div>{output}</div>\n * }\n *\n * ```\n *\n * @param inputRange - A linear series of numbers (either all increasing or decreasing).\n * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.\n * @param options - Clamp: clamp values to within the given range. Defaults to `true`.\n *\n * @public\n */\nexport function transform<T>(\n    inputRange: number[],\n    outputRange: T[],\n    options?: TransformOptions<T>\n): (inputValue: number) => T\nexport function transform<T>(\n    ...args:\n        | [number, number[], T[], TransformOptions<T>?]\n        | [number[], T[], TransformOptions<T>?]\n) {\n    const useImmediate = !Array.isArray(args[0])\n    const argOffset = useImmediate ? 0 : -1\n    const inputValue = args[0 + argOffset] as number\n    const inputRange = args[1 + argOffset] as number[]\n    const outputRange = args[2 + argOffset] as T[]\n    const options = args[3 + argOffset] as TransformOptions<T>\n\n    const interpolator = interpolate(inputRange, outputRange, options)\n\n    return useImmediate ? interpolator(inputValue) : interpolator\n}\n", "import { MotionValue, motionValue } from \".\"\nimport { JSAnimation } from \"../animation/JSAnimation\"\nimport { AnyResolvedKeyframe, ValueAnimationTransition } from \"../animation/types\"\nimport { frame } from \"../frameloop\"\nimport { isMotionValue } from \"./utils/is-motion-value\"\n\n/**\n * Options for useFollowValue hook, extending ValueAnimationTransition\n * but excluding lifecycle callbacks that don't make sense for the hook pattern.\n */\nexport type FollowValueOptions = Omit<\n    ValueAnimationTransition,\n    \"onUpdate\" | \"onComplete\" | \"onPlay\" | \"onRepeat\" | \"onStop\"\n> & {\n    /**\n     * When true, the first change from a tracked `MotionValue` source\n     * will jump to the new value instead of animating. Subsequent\n     * changes animate normally. This prevents unwanted animations\n     * on page refresh or back navigation (e.g. `useScroll` + `useSpring`).\n     *\n     * @default false\n     */\n    skipInitialAnimation?: boolean\n}\n\n/**\n * Create a `MotionValue` that animates to its latest value using any transition type.\n * Can either be a value or track another `MotionValue`.\n *\n * ```jsx\n * const x = motionValue(0)\n * const y = followValue(x, { type: \"spring\", stiffness: 300 })\n * // or with tween\n * const z = followValue(x, { type: \"tween\", duration: 0.5, ease: \"easeOut\" })\n * ```\n *\n * @param source - Initial value or MotionValue to track\n * @param options - Animation transition options\n * @returns `MotionValue`\n *\n * @public\n */\nexport function followValue<T extends AnyResolvedKeyframe>(\n    source: T | MotionValue<T>,\n    options?: FollowValueOptions\n) {\n    const initialValue = isMotionValue(source) ? source.get() : source\n    const value = motionValue(initialValue)\n\n    attachFollow(value, source, options)\n\n    return value\n}\n\n/**\n * Attach an animation to a MotionValue that will animate whenever the value changes.\n * Similar to attachSpring but supports any transition type (spring, tween, inertia, etc.)\n *\n * @param value - The MotionValue to animate\n * @param source - Initial value or MotionValue to track\n * @param options - Animation transition options\n * @returns Cleanup function\n *\n * @public\n */\nexport function attachFollow<T extends AnyResolvedKeyframe>(\n    value: MotionValue<T>,\n    source: T | MotionValue<T>,\n    options: FollowValueOptions = {}\n): VoidFunction {\n    const initialValue = value.get()\n\n    let activeAnimation: JSAnimation<number> | null = null\n    let latestValue = initialValue\n    let latestSetter: (v: T) => void\n\n    const unit =\n        typeof initialValue === \"string\"\n            ? initialValue.replace(/[\\d.-]/g, \"\")\n            : undefined\n\n    const stopAnimation = () => {\n        if (activeAnimation) {\n            activeAnimation.stop()\n            activeAnimation = null\n        }\n    }\n\n    const startAnimation = () => {\n        const currentValue = asNumber(value.get())\n        const targetValue = asNumber(latestValue)\n\n        // Don't animate if we're already at the target\n        if (currentValue === targetValue) {\n            stopAnimation()\n            return\n        }\n\n        // Use the running animation's analytical velocity for accuracy,\n        // falling back to the MotionValue's velocity for the initial animation.\n        // This prevents systematic velocity loss at high frame rates (240hz+).\n        const velocity = activeAnimation\n            ? activeAnimation.getGeneratorVelocity()\n            : value.getVelocity()\n\n        stopAnimation()\n\n        activeAnimation = new JSAnimation({\n            keyframes: [currentValue, targetValue],\n            velocity,\n            // Default to spring if no type specified (matches useSpring behavior)\n            type: \"spring\",\n            restDelta: 0.001,\n            restSpeed: 0.01,\n            ...options,\n            onUpdate: latestSetter,\n        })\n    }\n\n    // Use a stable function reference so the frame loop Set deduplicates\n    // multiple calls within the same frame (e.g. rapid mouse events)\n    const scheduleAnimation = () => {\n        startAnimation()\n        value[\"events\"].animationStart?.notify()\n        activeAnimation?.then(() => {\n            value[\"events\"].animationComplete?.notify()\n        })\n    }\n\n    value.attach((v, set) => {\n        latestValue = v\n        latestSetter = (latest) => set(parseValue(latest, unit) as T)\n        frame.postRender(scheduleAnimation)\n    }, stopAnimation)\n\n    if (isMotionValue(source)) {\n        let skipNextAnimation = options.skipInitialAnimation === true\n\n        const removeSourceOnChange = source.on(\"change\", (v) => {\n            if (skipNextAnimation) {\n                skipNextAnimation = false\n                value.jump(parseValue(v, unit) as T, false)\n            } else {\n                value.set(parseValue(v, unit) as T)\n            }\n        })\n\n        const removeValueOnDestroy = value.on(\"destroy\", removeSourceOnChange)\n\n        return () => {\n            removeSourceOnChange()\n            removeValueOnDestroy()\n        }\n    }\n\n    return stopAnimation\n}\n\nfunction parseValue(v: AnyResolvedKeyframe, unit?: string) {\n    return unit ? v + unit : v\n}\n\nfunction asNumber(v: AnyResolvedKeyframe) {\n    return typeof v === \"number\" ? v : parseFloat(v)\n}\n", "import { MotionValue } from \".\"\nimport { cancelFrame, frame } from \"../frameloop\"\n\nexport function subscribeValue<O>(\n    inputValues: MotionValue[],\n    outputValue: MotionValue<O>,\n    getLatest: () => O\n) {\n    const update = () => outputValue.set(getLatest())\n    const scheduleUpdate = () => frame.preRender(update, false, true)\n\n    const subscriptions = inputValues.map((v) => v.on(\"change\", scheduleUpdate))\n\n    outputValue.on(\"destroy\", () => {\n        subscriptions.forEach((unsubscribe) => unsubscribe())\n        cancelFrame(update)\n    })\n}\n", "import { MotionValue, collectMotionValues, motionValue } from \".\"\nimport { subscribeValue } from \"./subscribe-value\"\n\nexport type TransformInputRange = number[]\nexport type SingleTransformer<I, O> = (input: I) => O\nexport type MultiTransformer<I, O> = (input: I[]) => O\nexport type ValueTransformer<I, O> =\n    | SingleTransformer<I, O>\n    | MultiTransformer<I, O>\n\n/**\n * Create a `MotionValue` that transforms the output of other `MotionValue`s by\n * passing their latest values through a transform function.\n *\n * Whenever a `MotionValue` referred to in the provided function is updated,\n * it will be re-evaluated.\n *\n * ```jsx\n * const x = motionValue(0)\n * const y = transformValue(() => x.get() * 2) // double x\n * ```\n *\n * @param transformer - A transform function. This function must be pure with no side-effects or conditional statements.\n * @returns `MotionValue`\n *\n * @public\n */\nexport function transformValue<O>(transform: () => O): MotionValue<O> {\n    const collectedValues: MotionValue[] = []\n\n    /**\n     * Open session of collectMotionValues. Any MotionValue that calls get()\n     * inside transform will be saved into this array.\n     */\n    collectMotionValues.current = collectedValues\n    const initialValue = transform()\n    collectMotionValues.current = undefined\n\n    const value = motionValue(initialValue)\n\n    subscribeValue(collectedValues, value, transform)\n\n    return value\n}\n", "import { MotionValue } from \".\"\nimport { transform, TransformOptions } from \"../utils/transform\"\nimport { transformValue } from \"./transform-value\"\n\nexport type MapInputRange = number[]\n\n/**\n * Create a `MotionValue` that maps the output of another `MotionValue` by\n * mapping it from one range of values into another.\n *\n * @remarks\n *\n * Given an input range of `[-200, -100, 100, 200]` and an output range of\n * `[0, 1, 1, 0]`, the returned `MotionValue` will:\n *\n * - When provided a value between `-200` and `-100`, will return a value between `0` and  `1`.\n * - When provided a value between `-100` and `100`, will return `1`.\n * - When provided a value between `100` and `200`, will return a value between `1` and  `0`\n *\n * The input range must be a linear series of numbers. The output range\n * can be any value type supported by Motion: numbers, colors, shadows, etc.\n *\n * Every value in the output range must be of the same type and in the same format.\n *\n * ```jsx\n * const x = motionValue(0)\n * const xRange = [-200, -100, 100, 200]\n * const opacityRange = [0, 1, 1, 0]\n * const opacity = mapValue(x, xRange, opacityRange)\n * ```\n *\n * @param inputValue - `MotionValue`\n * @param inputRange - A linear series of numbers (either all increasing or decreasing)\n * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.\n * @param options -\n *\n *  - clamp: boolean. Clamp values to within the given range. Defaults to `true`\n *  - ease: EasingFunction[]. Easing functions to use on the interpolations between each value in the input and output ranges. If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition between each.\n *\n * @returns `MotionValue`\n *\n * @public\n */\nexport function mapValue<O>(\n    inputValue: MotionValue<number>,\n    inputRange: MapInputRange,\n    outputRange: O[],\n    options?: TransformOptions<O>\n): MotionValue<O> {\n    const map = transform(inputRange, outputRange, options)\n    return transformValue(() => map(inputValue.get()))\n}\n", "import { MotionValue } from \".\"\nimport { AnyResolvedKeyframe, SpringOptions } from \"../animation/types\"\nimport { attachFollow, followValue } from \"./follow-value\"\n\n/**\n * Create a `MotionValue` that animates to its latest value using a spring.\n * Can either be a value or track another `MotionValue`.\n *\n * ```jsx\n * const x = motionValue(0)\n * const y = springValue(x, { stiffness: 300 })\n * ```\n *\n * @param source - Initial value or MotionValue to track\n * @param options - Spring configuration options\n * @returns `MotionValue`\n *\n * @public\n */\nexport function springValue<T extends AnyResolvedKeyframe>(\n    source: T | MotionValue<T>,\n    options?: SpringOptions\n) {\n    return followValue(source, { type: \"spring\", ...options })\n}\n\n/**\n * Attach a spring animation to a MotionValue that will animate whenever the value changes.\n *\n * @param value - The MotionValue to animate\n * @param source - Initial value or MotionValue to track\n * @param options - Spring configuration options\n * @returns Cleanup function\n *\n * @public\n */\nexport function attachSpring<T extends AnyResolvedKeyframe>(\n    value: MotionValue<T>,\n    source: T | MotionValue<T>,\n    options?: SpringOptions\n): VoidFunction {\n    return attachFollow(value, source, { type: \"spring\", ...options })\n}\n", "import { color } from \"../color\"\nimport { complex } from \"../complex\"\nimport { dimensionValueTypes } from \"../dimensions\"\nimport { testValueType } from \"../test\"\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex]\n\n/**\n * Tests a value against the list of ValueTypes\n */\nexport const findValueType = (v: any) => valueTypes.find(testValueType(v))\n", "export function chooseLayerType(\n    valueName: \"layout\" | \"enter\" | \"exit\" | \"new\" | \"old\"\n): \"group\" | \"old\" | \"new\" {\n    if (valueName === \"layout\") return \"group\"\n    if (valueName === \"enter\" || valueName === \"new\") return \"new\"\n    if (valueName === \"exit\" || valueName === \"old\") return \"old\"\n\n    return \"group\"\n}\n", "let pendingRules: Record<string, Record<string, string>> = {}\n\nlet style: HTMLStyleElement | null = null\n\nexport const css = {\n    set: (selector: string, values: Record<string, string>) => {\n        pendingRules[selector] = values\n    },\n\n    commit: () => {\n        if (!style) {\n            style = document.createElement(\"style\")\n            style.id = \"motion-view\"\n        }\n\n        let cssText = \"\"\n\n        for (const selector in pendingRules) {\n            const rule = pendingRules[selector]\n            cssText += `${selector} {\\n`\n            for (const [property, value] of Object.entries(rule)) {\n                cssText += `  ${property}: ${value};\\n`\n            }\n            cssText += \"}\\n\"\n        }\n\n        style.textContent = cssText\n        document.head.appendChild(style)\n\n        pendingRules = {}\n    },\n\n    remove: () => {\n        if (style && style.parentElement) {\n            style.parentElement.removeChild(style)\n        }\n    },\n}\n", "export function getViewAnimationLayerInfo(pseudoElement: string) {\n    const match = pseudoElement.match(\n        /::view-transition-(old|new|group|image-pair)\\((.*?)\\)/\n    )\n    if (!match) return null\n\n    return { layer: match[2], type: match[1] }\n}\n", "function filterViewAnimations(animation: Animation) {\n    const { effect } = animation\n    if (!effect) return false\n\n    return (\n        effect.target === document.documentElement &&\n        effect.pseudoElement?.startsWith(\"::view-transition\")\n    )\n}\n\nexport function getViewAnimations() {\n    return document.getAnimations().filter(filterViewAnimations)\n}\n", "import { ViewTransitionTarget, ViewTransitionTargetDefinition } from \"../types\"\n\nexport function hasTarget(\n    target: ViewTransitionTargetDefinition,\n    targets: Map<ViewTransitionTargetDefinition, ViewTransitionTarget>\n) {\n    return targets.has(target) && Object.keys(targets.get(target)!).length > 0\n}\n", "import { secondsToMilliseconds } from \"motion-utils\"\nimport { GroupAnimation } from \"../animation/GroupAnimation\"\nimport { NativeAnimation } from \"../animation/NativeAnimation\"\nimport { NativeAnimationWrapper } from \"../animation/NativeAnimationWrapper\"\nimport { AnimationPlaybackControls } from \"../animation/types\"\nimport { getValueTransition } from \"../animation/utils/get-value-transition\"\nimport { mapEasingToNativeEasing } from \"../animation/waapi/easing/map-easing\"\nimport { applyGeneratorOptions } from \"../animation/waapi/utils/apply-generator\"\nimport type { ViewTransitionBuilder } from \"./index\"\nimport { ViewTransitionTarget } from \"./types\"\nimport { chooseLayerType } from \"./utils/choose-layer-type\"\nimport { css } from \"./utils/css\"\nimport { getViewAnimationLayerInfo } from \"./utils/get-layer-info\"\nimport { getViewAnimations } from \"./utils/get-view-animations\"\nimport { hasTarget } from \"./utils/has-target\"\n\nconst definitionNames = [\"layout\", \"enter\", \"exit\", \"new\", \"old\"] as const\n\nexport function startViewAnimation(\n    builder: ViewTransitionBuilder\n): Promise<GroupAnimation> {\n    const { update, targets, options: defaultOptions } = builder\n\n    if (!document.startViewTransition) {\n        return new Promise(async (resolve) => {\n            await update()\n            resolve(new GroupAnimation([]))\n        })\n    }\n\n    // TODO: Go over existing targets and ensure they all have ids\n\n    /**\n     * If we don't have any animations defined for the root target,\n     * remove it from being captured.\n     */\n    if (!hasTarget(\"root\", targets)) {\n        css.set(\":root\", {\n            \"view-transition-name\": \"none\",\n        })\n    }\n\n    /**\n     * Set the timing curve to linear for all view transition layers.\n     * This gets baked into the keyframes, which can't be changed\n     * without breaking the generated animation.\n     *\n     * This allows us to set easing via updateTiming - which can be changed.\n     */\n    css.set(\n        \"::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*)\",\n        { \"animation-timing-function\": \"linear !important\" }\n    )\n\n    css.commit() // Write\n\n    const transition = document.startViewTransition(async () => {\n        await update()\n\n        // TODO: Go over new targets and ensure they all have ids\n    })\n\n    transition.finished.finally(() => {\n        css.remove() // Write\n    })\n\n    return new Promise((resolve) => {\n        transition.ready.then(() => {\n            const generatedViewAnimations = getViewAnimations()\n\n            const animations: AnimationPlaybackControls[] = []\n\n            /**\n             * Create animations for each of our explicitly-defined subjects.\n             */\n            targets.forEach((definition, target) => {\n                // TODO: If target is not \"root\", resolve elements\n                // and iterate over each\n                for (const key of definitionNames) {\n                    if (!definition[key]) continue\n                    const { keyframes, options } =\n                        definition[key as keyof ViewTransitionTarget]!\n\n                    for (let [valueName, valueKeyframes] of Object.entries(\n                        keyframes\n                    )) {\n                        if (!valueKeyframes) continue\n\n                        const valueOptions = {\n                            ...getValueTransition(\n                                defaultOptions as any,\n                                valueName\n                            ),\n                            ...getValueTransition(options as any, valueName),\n                        }\n\n                        const type = chooseLayerType(\n                            key as keyof ViewTransitionTarget\n                        )\n\n                        /**\n                         * If this is an opacity animation, and keyframes are not an array,\n                         * we need to convert them into an array and set an initial value.\n                         */\n                        if (\n                            valueName === \"opacity\" &&\n                            !Array.isArray(valueKeyframes)\n                        ) {\n                            const initialValue = type === \"new\" ? 0 : 1\n                            valueKeyframes = [initialValue, valueKeyframes]\n                        }\n\n                        /**\n                         * Resolve stagger function if provided.\n                         */\n                        if (typeof valueOptions.delay === \"function\") {\n                            valueOptions.delay = valueOptions.delay(0, 1)\n                        }\n\n                        valueOptions.duration &&= secondsToMilliseconds(\n                            valueOptions.duration\n                        )\n\n                        valueOptions.delay &&= secondsToMilliseconds(\n                            valueOptions.delay\n                        )\n\n                        const animation = new NativeAnimation({\n                            ...valueOptions,\n                            element: document.documentElement,\n                            name: valueName,\n                            pseudoElement: `::view-transition-${type}(${target})`,\n                            keyframes: valueKeyframes,\n                        })\n\n                        animations.push(animation)\n                    }\n                }\n            })\n\n            /**\n             * Handle browser generated animations\n             */\n            for (const animation of generatedViewAnimations) {\n                if (animation.playState === \"finished\") continue\n\n                const { effect } = animation\n                if (!effect || !(effect instanceof KeyframeEffect)) continue\n\n                const { pseudoElement } = effect\n                if (!pseudoElement) continue\n\n                const name = getViewAnimationLayerInfo(pseudoElement)\n                if (!name) continue\n\n                const targetDefinition = targets.get(name.layer)\n\n                if (!targetDefinition) {\n                    /**\n                     * If transition name is group then update the timing of the animation\n                     * whereas if it's old or new then we could possibly replace it using\n                     * the above method.\n                     */\n                    const transitionName = name.type === \"group\" ? \"layout\" : \"\"\n                    let animationTransition = {\n                        ...getValueTransition(defaultOptions, transitionName),\n                    }\n\n                    animationTransition.duration &&= secondsToMilliseconds(\n                        animationTransition.duration\n                    )\n\n                    animationTransition =\n                        applyGeneratorOptions(animationTransition)\n\n                    const easing = mapEasingToNativeEasing(\n                        animationTransition.ease,\n                        animationTransition.duration!\n                    ) as string\n\n                    effect.updateTiming({\n                        delay: secondsToMilliseconds(\n                            animationTransition.delay ?? 0\n                        ),\n                        duration: animationTransition.duration,\n                        easing,\n                    })\n\n                    animations.push(new NativeAnimationWrapper(animation))\n                } else if (\n                    hasOpacity(targetDefinition, \"enter\") &&\n                    hasOpacity(targetDefinition, \"exit\") &&\n                    effect\n                        .getKeyframes()\n                        .some((keyframe) => keyframe.mixBlendMode)\n                ) {\n                    animations.push(new NativeAnimationWrapper(animation))\n                } else {\n                    animation.cancel()\n                }\n            }\n\n            resolve(new GroupAnimation(animations))\n        })\n    })\n}\n\nfunction hasOpacity(\n    target: ViewTransitionTarget | undefined,\n    key: \"enter\" | \"exit\" | \"layout\"\n) {\n    return target?.[key]?.keyframes.opacity\n}\n", "import { removeItem } from \"motion-utils\"\nimport type { ViewTransitionBuilder } from \".\"\nimport { microtask } from \"../frameloop/microtask\"\nimport { startViewAnimation } from \"./start\"\n\nlet builders: ViewTransitionBuilder[] = []\n\nlet current: ViewTransitionBuilder | null = null\n\nfunction next() {\n    current = null\n    const [nextBuilder] = builders\n    if (nextBuilder) start(nextBuilder)\n}\n\nfunction start(builder: ViewTransitionBuilder) {\n    removeItem(builders, builder)\n    current = builder\n    startViewAnimation(builder).then((animation) => {\n        builder.notifyReady(animation)\n        animation.finished.finally(next)\n    })\n}\n\nfunction processQueue() {\n    /**\n     * Iterate backwards over the builders array. We can ignore the\n     * \"wait\" animations. If we have an interrupting animation in the\n     * queue then we need to batch all preceeding animations into it.\n     * Currently this only batches the update functions but will also\n     * need to batch the targets.\n     */\n    for (let i = builders.length - 1; i >= 0; i--) {\n        const builder = builders[i]\n        const { interrupt } = builder.options\n\n        if (interrupt === \"immediate\") {\n            const batchedUpdates = builders.slice(0, i + 1).map((b) => b.update)\n            const remaining = builders.slice(i + 1)\n\n            builder.update = () => {\n                batchedUpdates.forEach((update) => update())\n            }\n\n            // Put the current builder at the front, followed by any \"wait\" builders\n            builders = [builder, ...remaining]\n\n            break\n        }\n    }\n\n    if (!current || builders[0]?.options.interrupt === \"immediate\") {\n        next()\n    }\n}\n\nexport function addToQueue(builder: ViewTransitionBuilder) {\n    builders.push(builder)\n    microtask.render(processQueue)\n}\n", "import { noop } from \"motion-utils\"\nimport type { GroupAnimation } from \"../animation/GroupAnimation\"\nimport { AnimationOptions, DOMKeyframesDefinition } from \"../animation/types\"\nimport { addToQueue } from \"./queue\"\nimport {\n    ViewTransitionOptions,\n    ViewTransitionTarget,\n    ViewTransitionTargetDefinition,\n} from \"./types\"\nimport \"./types.global\"\n\nexport class ViewTransitionBuilder {\n    private currentSubject: ViewTransitionTargetDefinition = \"root\"\n\n    targets = new Map<ViewTransitionTargetDefinition, ViewTransitionTarget>()\n\n    update: () => void | Promise<void>\n\n    options: ViewTransitionOptions\n\n    notifyReady: (value: GroupAnimation) => void = noop\n\n    private readyPromise = new Promise<GroupAnimation>((resolve) => {\n        this.notifyReady = resolve\n    })\n\n    constructor(\n        update: () => void | Promise<void>,\n        options: ViewTransitionOptions = {}\n    ) {\n        this.update = update\n        this.options = {\n            interrupt: \"wait\",\n            ...options,\n        }\n        addToQueue(this)\n    }\n\n    get(subject: ViewTransitionTargetDefinition) {\n        this.currentSubject = subject\n\n        return this\n    }\n\n    layout(keyframes: DOMKeyframesDefinition, options?: AnimationOptions) {\n        this.updateTarget(\"layout\", keyframes, options)\n\n        return this\n    }\n\n    new(keyframes: DOMKeyframesDefinition, options?: AnimationOptions) {\n        this.updateTarget(\"new\", keyframes, options)\n\n        return this\n    }\n\n    old(keyframes: DOMKeyframesDefinition, options?: AnimationOptions) {\n        this.updateTarget(\"old\", keyframes, options)\n\n        return this\n    }\n\n    enter(keyframes: DOMKeyframesDefinition, options?: AnimationOptions) {\n        this.updateTarget(\"enter\", keyframes, options)\n\n        return this\n    }\n\n    exit(keyframes: DOMKeyframesDefinition, options?: AnimationOptions) {\n        this.updateTarget(\"exit\", keyframes, options)\n\n        return this\n    }\n\n    crossfade(options?: AnimationOptions) {\n        this.updateTarget(\"enter\", { opacity: 1 }, options)\n        this.updateTarget(\"exit\", { opacity: 0 }, options)\n\n        return this\n    }\n\n    updateTarget(\n        target: \"enter\" | \"exit\" | \"layout\" | \"new\" | \"old\",\n        keyframes: DOMKeyframesDefinition,\n        options: AnimationOptions = {}\n    ) {\n        const { currentSubject, targets } = this\n\n        if (!targets.has(currentSubject)) {\n            targets.set(currentSubject, {})\n        }\n\n        const targetData = targets.get(currentSubject)!\n\n        targetData[target] = { keyframes, options }\n    }\n\n    then(resolve: () => void, reject?: () => void) {\n        return this.readyPromise.then(resolve, reject)\n    }\n}\n\nexport function animateView(\n    update: () => void | Promise<void>,\n    defaultOptions: ViewTransitionOptions = {}\n) {\n    return new ViewTransitionBuilder(update, defaultOptions)\n}\n", "import { Axis, AxisDelta, Box, Delta } from \"motion-utils\"\n\nexport const createAxisDelta = (): AxisDelta => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n})\n\nexport const createDelta = (): Delta => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n})\n\nexport const createAxis = (): Axis => ({ min: 0, max: 0 })\n\nexport const createBox = (): Box => ({\n    x: createAxis(),\n    y: createAxis(),\n})\n", "import type { VisualElement } from \"./VisualElement\"\n\nexport const visualElementStore = new WeakMap<any, VisualElement>()\n", "import type { LegacyAnimationControls } from \"../../node/types\"\n\nexport function isAnimationControls(v?: unknown): v is LegacyAnimationControls {\n    return (\n        v !== null &&\n        typeof v === \"object\" &&\n        typeof (v as LegacyAnimationControls).start === \"function\"\n    )\n}\n", "/**\n * Decides if the supplied variable is variant label\n */\nexport function isVariantLabel(v: unknown): v is string | string[] {\n    return typeof v === \"string\" || Array.isArray(v)\n}\n", "import type { AnimationType } from \"../types\"\n\nexport const variantPriorityOrder: AnimationType[] = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n]\n\nexport const variantProps = [\"initial\", ...variantPriorityOrder]\n", "import type { MotionNodeOptions } from \"../../node/types\"\nimport { isAnimationControls } from \"./is-animation-controls\"\nimport { isVariantLabel } from \"./is-variant-label\"\nimport { variantProps } from \"./variant-props\"\n\nexport function isControllingVariants(props: MotionNodeOptions) {\n    return (\n        isAnimationControls(props.animate) ||\n        variantProps.some((name) =>\n            isVariantLabel(props[name as keyof typeof props])\n        )\n    )\n}\n\nexport function isVariantNode(props: MotionNodeOptions) {\n    return Boolean(isControllingVariants(props) || props.variants)\n}\n", "import { motionValue } from \"../../value\"\nimport { isMotionValue } from \"../../value/utils/is-motion-value\"\n\ntype MotionStyleLike = Record<string, any>\n\n/**\n * Updates motion values from props changes.\n * Uses `any` type for element to avoid circular dependencies with VisualElement.\n */\nexport function updateMotionValuesFromProps(\n    element: any,\n    next: MotionStyleLike,\n    prev: MotionStyleLike\n) {\n    for (const key in next) {\n        const nextValue = next[key]\n        const prevValue = prev[key]\n\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue)\n        } else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }))\n        } else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key)!\n\n                if (existingValue.liveStyle === true) {\n                    existingValue.jump(nextValue)\n                } else if (!existingValue.hasAnimated) {\n                    existingValue.set(nextValue)\n                }\n            } else {\n                const latestValue = element.getStaticValue(key)\n                element.addValue(\n                    key,\n                    motionValue(\n                        latestValue !== undefined ? latestValue : nextValue,\n                        { owner: element }\n                    )\n                )\n            }\n        }\n    }\n\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined) element.removeValue(key)\n    }\n\n    return next\n}\n", "interface ReducedMotionState {\n    current: boolean | null\n}\n\n// Does this device prefer reduced motion? Returns `null` server-side.\nexport const prefersReducedMotion: ReducedMotionState = { current: null }\n\nexport const hasReducedMotionListener = { current: false }\n", "import { hasReducedMotionListener, prefersReducedMotion } from \"./state\"\n\nconst isBrowser = typeof window !== \"undefined\"\n\nexport function initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true\n    if (!isBrowser) return\n\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\")\n\n        const setReducedMotionPreferences = () =>\n            (prefersReducedMotion.current = motionMediaQuery.matches)\n\n        motionMediaQuery.addEventListener(\"change\", setReducedMotionPreferences)\n\n        setReducedMotionPreferences()\n    } else {\n        prefersReducedMotion.current = false\n    }\n}\n\nexport { prefersReducedMotion, hasReducedMotionListener }\n", "import {\n    Box,\n    isNumericalString,\n    isZeroValueString,\n    secondsToMilliseconds,\n    SubscriptionManager,\n    warnOnce,\n} from \"motion-utils\"\nimport { KeyframeResolver } from \"../animation/keyframes/KeyframesResolver\"\nimport { NativeAnimation } from \"../animation/NativeAnimation\"\nimport type { AnyResolvedKeyframe } from \"../animation/types\"\nimport { acceleratedValues } from \"../animation/waapi/utils/accelerated-values\"\nimport { cancelFrame, frame } from \"../frameloop\"\nimport { microtask } from \"../frameloop/microtask\"\nimport { time } from \"../frameloop/sync-time\"\nimport type { MotionNodeOptions } from \"../node/types\"\nimport { createBox } from \"../projection/geometry/models\"\nimport { motionValue, MotionValue } from \"../value\"\nimport { complex } from \"../value/types/complex\"\nimport { getAnimatableNone } from \"../value/types/utils/animatable-none\"\nimport { findValueType } from \"../value/types/utils/find\"\nimport { isMotionValue } from \"../value/utils/is-motion-value\"\nimport { Feature } from \"./Feature\"\nimport { visualElementStore } from \"./store\"\nimport {\n    FeatureDefinitions,\n    MotionConfigContextProps,\n    PresenceContextProps,\n    ReducedMotionConfig,\n    ResolvedValues,\n    VisualElementEventCallbacks,\n    VisualElementOptions,\n} from \"./types\"\nimport { AnimationState } from \"./utils/animation-state\"\nimport {\n    isControllingVariants as checkIsControllingVariants,\n    isVariantNode as checkIsVariantNode,\n} from \"./utils/is-controlling-variants\"\nimport { transformProps } from \"./utils/keys-transform\"\nimport { updateMotionValuesFromProps } from \"./utils/motion-values\"\nimport {\n    hasReducedMotionListener,\n    initPrefersReducedMotion,\n    prefersReducedMotion,\n} from \"./utils/reduced-motion\"\nimport { resolveVariantFromProps } from \"./utils/resolve-variants\"\n\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n] as const\n\n/**\n * Static feature definitions - can be injected by framework layer\n */\nlet featureDefinitions: Partial<FeatureDefinitions> = {}\n\n/**\n * Set feature definitions for all VisualElements.\n * This should be called by the framework layer (e.g., framer-motion) during initialization.\n */\nexport function setFeatureDefinitions(\n    definitions: Partial<FeatureDefinitions>\n) {\n    featureDefinitions = definitions\n}\n\n/**\n * Get the current feature definitions\n */\nexport function getFeatureDefinitions(): Partial<FeatureDefinitions> {\n    return featureDefinitions\n}\n\n/**\n * Motion style type - a subset of CSS properties that can contain motion values\n */\nexport type MotionStyle = {\n    [K: string]: AnyResolvedKeyframe | MotionValue | undefined\n}\n\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nexport abstract class VisualElement<\n    Instance = unknown,\n    RenderState = unknown,\n    Options extends {} = {}\n> {\n    /**\n     * VisualElements are arranged in trees mirroring that of the React tree.\n     * Each type of VisualElement has a unique name, to detect when we're crossing\n     * type boundaries within that tree.\n     */\n    abstract type: string\n\n    /**\n     * An `Array.sort` compatible function that will compare two Instances and\n     * compare their respective positions within the tree.\n     */\n    abstract sortInstanceNodePosition(a: Instance, b: Instance): number\n\n    /**\n     * Measure the viewport-relative bounding box of the Instance.\n     */\n    abstract measureInstanceViewportBox(\n        instance: Instance,\n        props: MotionNodeOptions & Partial<MotionConfigContextProps>\n    ): Box\n\n    /**\n     * When a value has been removed from all animation props we need to\n     * pick a target to animate back to. For instance, for HTMLElements\n     * we can look in the style prop.\n     */\n    abstract getBaseTargetFromProps(\n        props: MotionNodeOptions,\n        key: string\n    ): AnyResolvedKeyframe | undefined | MotionValue\n\n    /**\n     * When we first animate to a value we need to animate it *from* a value.\n     * Often this have been specified via the initial prop but it might be\n     * that the value needs to be read from the Instance.\n     */\n    abstract readValueFromInstance(\n        instance: Instance,\n        key: string,\n        options: Options\n    ): AnyResolvedKeyframe | null | undefined\n\n    /**\n     * When a value has been removed from the VisualElement we use this to remove\n     * it from the inherting class' unique render state.\n     */\n    abstract removeValueFromRenderState(\n        key: string,\n        renderState: RenderState\n    ): void\n\n    /**\n     * Run before a React or VisualElement render, builds the latest motion\n     * values into an Instance-specific format. For example, HTMLVisualElement\n     * will use this step to build `style` and `var` values.\n     */\n    abstract build(\n        renderState: RenderState,\n        latestValues: ResolvedValues,\n        props: MotionNodeOptions\n    ): void\n\n    /**\n     * Apply the built values to the Instance. For example, HTMLElements will have\n     * styles applied via `setProperty` and the style attribute, whereas SVGElements\n     * will have values applied to attributes.\n     */\n    abstract renderInstance(\n        instance: Instance,\n        renderState: RenderState,\n        styleProp?: MotionStyle,\n        projection?: any\n    ): void\n\n    /**\n     * This method is called when a transform property is bound to a motion value.\n     * It's currently used to measure SVG elements when a new transform property is bound.\n     */\n    onBindTransform?(): void\n\n    /**\n     * If the component child is provided as a motion value, handle subscriptions\n     * with the renderer-specific VisualElement.\n     */\n    handleChildMotionValue?(): void\n\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(\n        _props: MotionNodeOptions,\n        _prevProps: MotionNodeOptions,\n        _visualElement: VisualElement\n    ): {\n        [key: string]: MotionValue | AnyResolvedKeyframe\n    } {\n        return {}\n    }\n\n    /**\n     * A reference to the current underlying Instance, e.g. a HTMLElement\n     * or Three.Mesh etc.\n     */\n    current: Instance | null = null\n\n    /**\n     * A reference to the parent VisualElement (if exists).\n     */\n    parent: VisualElement | undefined\n\n    /**\n     * A set containing references to this VisualElement's children.\n     */\n    children = new Set<VisualElement>()\n\n    /**\n     * A set containing the latest children of this VisualElement. This is flushed\n     * at the start of every commit. We use it to calculate the stagger delay\n     * for newly-added children.\n     */\n    enteringChildren?: Set<VisualElement>\n\n    /**\n     * The depth of this VisualElement within the overall VisualElement tree.\n     */\n    depth: number\n\n    /**\n     * The current render state of this VisualElement. Defined by inherting VisualElements.\n     */\n    renderState: RenderState\n\n    /**\n     * An object containing the latest static values for each of this VisualElement's\n     * MotionValues.\n     */\n    latestValues: ResolvedValues\n\n    /**\n     * Determine what role this visual element should take in the variant tree.\n     */\n    isVariantNode: boolean = false\n    isControllingVariants: boolean = false\n\n    /**\n     * If this component is part of the variant tree, it should track\n     * any children that are also part of the tree. This is essentially\n     * a shadow tree to simplify logic around how to stagger over children.\n     */\n    variantChildren?: Set<VisualElement>\n\n    /**\n     * Decides whether this VisualElement should animate in reduced motion\n     * mode.\n     *\n     * TODO: This is currently set on every individual VisualElement but feels\n     * like it could be set globally.\n     */\n    shouldReduceMotion: boolean | null = null\n\n    /**\n     * Decides whether animations should be skipped for this VisualElement.\n     * Useful for E2E tests and visual regression testing.\n     */\n    shouldSkipAnimations: boolean = false\n\n    /**\n     * Normally, if a component is controlled by a parent's variants, it can\n     * rely on that ancestor to trigger animations further down the tree.\n     * However, if a component is created after its parent is mounted, the parent\n     * won't trigger that mount animation so the child needs to.\n     *\n     * TODO: This might be better replaced with a method isParentMounted\n     */\n    manuallyAnimateOnMount: boolean\n\n    /**\n     * This can be set by AnimatePresence to force components that mount\n     * at the same time as it to mount as if they have initial={false} set.\n     */\n    blockInitialAnimation: boolean\n\n    /**\n     * A reference to this VisualElement's projection node, used in layout animations.\n     */\n    projection?: any\n\n    /**\n     * A map of all motion values attached to this visual element. Motion\n     * values are source of truth for any given animated value. A motion\n     * value might be provided externally by the component via props.\n     */\n    values = new Map<string, MotionValue>()\n\n    /**\n     * The AnimationState, this is hydrated by the animation Feature.\n     */\n    animationState?: AnimationState\n\n    KeyframeResolver = KeyframeResolver\n\n    /**\n     * The options used to create this VisualElement. The Options type is defined\n     * by the inheriting VisualElement and is passed straight through to the render functions.\n     */\n    readonly options: Options\n\n    /**\n     * A reference to the latest props provided to the VisualElement's host React component.\n     */\n    props: MotionNodeOptions\n    prevProps?: MotionNodeOptions\n\n    presenceContext: PresenceContextProps | null\n    prevPresenceContext?: PresenceContextProps | null\n\n    /**\n     * Cleanup functions for active features (hover/tap/exit etc)\n     */\n    private features: {\n        [K in keyof FeatureDefinitions]?: Feature<Instance>\n    } = {}\n\n    /**\n     * A map of every subscription that binds the provided or generated\n     * motion values onChange listeners to this visual element.\n     */\n    private valueSubscriptions = new Map<string, VoidFunction>()\n\n    /**\n     * A reference to the ReducedMotionConfig passed to the VisualElement's host React component.\n     */\n    private reducedMotionConfig: ReducedMotionConfig | undefined\n\n    /**\n     * A reference to the skipAnimations config passed to the VisualElement's host React component.\n     */\n    private skipAnimationsConfig: boolean | undefined\n\n    /**\n     * On mount, this will be hydrated with a callback to disconnect\n     * this visual element from its parent on unmount.\n     */\n    private removeFromVariantTree: undefined | VoidFunction\n\n    /**\n     * A reference to the previously-provided motion values as returned\n     * from scrapeMotionValuesFromProps. We use the keys in here to determine\n     * if any motion values need to be removed after props are updated.\n     */\n    private prevMotionValues: MotionStyle = {}\n\n    /**\n     * When values are removed from all animation props we need to search\n     * for a fallback value to animate to. These values are tracked in baseTarget.\n     */\n    private baseTarget: ResolvedValues\n\n    /**\n     * Create an object of the values we initially animated from (if initial prop present).\n     */\n    private initialValues: ResolvedValues\n\n    /**\n     * Track whether this element has been mounted before, to detect\n     * remounts after Suspense unmount/remount cycles.\n     */\n    private hasBeenMounted = false\n\n    /**\n     * An object containing a SubscriptionManager for each active event.\n     */\n    private events: {\n        [key: string]: SubscriptionManager<any>\n    } = {}\n\n    /**\n     * An object containing an unsubscribe function for each prop event subscription.\n     * For example, every \"Update\" event can have multiple subscribers via\n     * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n     */\n    private propEventSubscriptions: {\n        [key: string]: VoidFunction\n    } = {}\n\n    constructor(\n        {\n            parent,\n            props,\n            presenceContext,\n            reducedMotionConfig,\n            skipAnimations,\n            blockInitialAnimation,\n            visualState,\n        }: VisualElementOptions<Instance, RenderState>,\n        options: Options = {} as any\n    ) {\n        const { latestValues, renderState } = visualState\n        this.latestValues = latestValues\n        this.baseTarget = { ...latestValues }\n        this.initialValues = props.initial ? { ...latestValues } : {}\n        this.renderState = renderState\n        this.parent = parent\n        this.props = props\n        this.presenceContext = presenceContext\n        this.depth = parent ? parent.depth + 1 : 0\n        this.reducedMotionConfig = reducedMotionConfig\n        this.skipAnimationsConfig = skipAnimations\n        this.options = options\n        this.blockInitialAnimation = Boolean(blockInitialAnimation)\n\n        this.isControllingVariants = checkIsControllingVariants(props)\n        this.isVariantNode = checkIsVariantNode(props)\n        if (this.isVariantNode) {\n            this.variantChildren = new Set()\n        }\n\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current)\n\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't necessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } =\n            this.scrapeMotionValuesFromProps(props, {}, this)\n\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key]\n\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key])\n            }\n        }\n    }\n\n    mount(instance: Instance) {\n        /**\n         * If this element has been mounted before (e.g. after a Suspense\n         * unmount/remount), reset motion values to their initial state\n         * so animations replay correctly from initial → animate.\n         */\n        if (this.hasBeenMounted) {\n            for (const key in this.initialValues) {\n                this.values.get(key)?.jump(this.initialValues[key])\n                this.latestValues[key] = this.initialValues[key]\n            }\n        }\n\n        this.current = instance\n\n        visualElementStore.set(instance, this)\n\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance)\n        }\n\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this)\n        }\n\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value))\n\n        /**\n         * Determine reduced motion preference. Only initialize the matchMedia\n         * listener if we actually need the dynamic value (i.e., when config\n         * is neither \"never\" nor \"always\").\n         */\n        if (this.reducedMotionConfig === \"never\") {\n            this.shouldReduceMotion = false\n        } else if (this.reducedMotionConfig === \"always\") {\n            this.shouldReduceMotion = true\n        } else {\n            if (!hasReducedMotionListener.current) {\n                initPrefersReducedMotion()\n            }\n            this.shouldReduceMotion = prefersReducedMotion.current\n        }\n\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(\n                this.shouldReduceMotion !== true,\n                \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\",\n                \"reduced-motion-disabled\"\n            )\n        }\n\n        /**\n         * Set whether animations should be skipped based on the config.\n         */\n        this.shouldSkipAnimations = this.skipAnimationsConfig ?? false\n\n        this.parent?.addChild(this)\n\n        this.update(this.props, this.presenceContext)\n\n        this.hasBeenMounted = true\n    }\n\n    unmount() {\n        this.projection && this.projection.unmount()\n        cancelFrame(this.notifyUpdate)\n        cancelFrame(this.render)\n        this.valueSubscriptions.forEach((remove) => remove())\n        this.valueSubscriptions.clear()\n        this.removeFromVariantTree && this.removeFromVariantTree()\n        this.parent?.removeChild(this)\n\n        for (const key in this.events) {\n            this.events[key].clear()\n        }\n\n        for (const key in this.features) {\n            const feature = this.features[key as keyof typeof this.features]\n            if (feature) {\n                feature.unmount()\n                feature.isMounted = false\n            }\n        }\n        this.current = null\n    }\n\n    addChild(child: VisualElement) {\n        this.children.add(child)\n        this.enteringChildren ??= new Set()\n        this.enteringChildren.add(child)\n    }\n\n    removeChild(child: VisualElement) {\n        this.children.delete(child)\n        this.enteringChildren && this.enteringChildren.delete(child)\n    }\n\n    private bindToMotionValue(key: string, value: MotionValue) {\n        if (this.valueSubscriptions.has(key)) {\n            this.valueSubscriptions.get(key)!()\n        }\n\n        if (\n            value.accelerate &&\n            acceleratedValues.has(key) &&\n            this.current instanceof HTMLElement\n        ) {\n            const { factory, keyframes, times, ease, duration } =\n                value.accelerate\n\n            const animation = new NativeAnimation({\n                element: this.current,\n                name: key,\n                keyframes,\n                times,\n                ease,\n                duration: secondsToMilliseconds(duration),\n            })\n\n            const cleanup = factory(animation)\n\n            this.valueSubscriptions.set(key, () => {\n                cleanup()\n                animation.cancel()\n            })\n            return\n        }\n\n        const valueIsTransform = transformProps.has(key)\n\n        if (valueIsTransform && this.onBindTransform) {\n            this.onBindTransform()\n        }\n\n        const removeOnChange = value.on(\n            \"change\",\n            (latestValue: AnyResolvedKeyframe) => {\n                this.latestValues[key] = latestValue\n\n                this.props.onUpdate && frame.preRender(this.notifyUpdate)\n\n                if (valueIsTransform && this.projection) {\n                    this.projection.isTransformDirty = true\n                }\n\n                this.scheduleRender()\n            }\n        )\n\n        let removeSyncCheck: VoidFunction | void\n        if (\n            typeof window !== \"undefined\" &&\n            (window as any).MotionCheckAppearSync\n        ) {\n            removeSyncCheck = (window as any).MotionCheckAppearSync(\n                this,\n                key,\n                value\n            )\n        }\n\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange()\n            if (removeSyncCheck) removeSyncCheck()\n            if (value.owner) value.stop()\n        })\n    }\n\n    sortNodePosition(other: VisualElement<Instance>) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (\n            !this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type\n        ) {\n            return 0\n        }\n\n        return this.sortInstanceNodePosition(\n            this.current as Instance,\n            other.current as Instance\n        )\n    }\n\n    updateFeatures() {\n        let key: keyof typeof featureDefinitions = \"animation\"\n\n        for (key in featureDefinitions) {\n            const featureDefinition = featureDefinitions[key]\n\n            if (!featureDefinition) continue\n\n            const { isEnabled, Feature: FeatureConstructor } = featureDefinition\n\n            /**\n             * If this feature is enabled but not active, make a new instance.\n             */\n            if (\n                !this.features[key] &&\n                FeatureConstructor &&\n                isEnabled(this.props)\n            ) {\n                this.features[key] = new FeatureConstructor(this) as any\n            }\n\n            /**\n             * If we have a feature, mount or update it.\n             */\n            if (this.features[key]) {\n                const feature = this.features[key]!\n                if (feature.isMounted) {\n                    feature.update()\n                } else {\n                    feature.mount()\n                    feature.isMounted = true\n                }\n            }\n        }\n    }\n\n    notifyUpdate = () => this.notify(\"Update\", this.latestValues)\n\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.props)\n    }\n\n    render = () => {\n        if (!this.current) return\n        this.triggerBuild()\n        this.renderInstance(\n            this.current,\n            this.renderState,\n            (this.props as any).style,\n            this.projection\n        )\n    }\n\n    private renderScheduledAt = 0.0\n    scheduleRender = () => {\n        const now = time.now()\n        if (this.renderScheduledAt < now) {\n            this.renderScheduledAt = now\n            frame.render(this.render, false, true)\n        }\n    }\n\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox()\n    }\n\n    getStaticValue(key: string) {\n        return this.latestValues[key]\n    }\n\n    setStaticValue(key: string, value: AnyResolvedKeyframe) {\n        this.latestValues[key] = value\n    }\n\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(\n        props: MotionNodeOptions,\n        presenceContext: PresenceContextProps | null\n    ) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender()\n        }\n\n        this.prevProps = this.props\n        this.props = props\n\n        this.prevPresenceContext = this.presenceContext\n        this.presenceContext = presenceContext\n\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i]\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]()\n                delete this.propEventSubscriptions[key]\n            }\n\n            const listenerName = (\"on\" + key) as keyof typeof props\n            const listener = props[listenerName]\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key as any, listener)\n            }\n        }\n\n        this.prevMotionValues = updateMotionValuesFromProps(\n            this,\n            this.scrapeMotionValuesFromProps(props, this.prevProps || {}, this),\n            this.prevMotionValues\n        )\n\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue()\n        }\n    }\n\n    getProps() {\n        return this.props\n    }\n\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name: string) {\n        return this.props.variants ? this.props.variants[name] : undefined\n    }\n\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition\n    }\n\n    getTransformPagePoint() {\n        return (this.props as any).transformPagePoint\n    }\n\n    getClosestVariantNode(): VisualElement | undefined {\n        return this.isVariantNode\n            ? this\n            : this.parent\n            ? this.parent.getClosestVariantNode()\n            : undefined\n    }\n\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child: VisualElement) {\n        const closestVariantNode = this.getClosestVariantNode()\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child)\n            return () => closestVariantNode.variantChildren!.delete(child)\n        }\n    }\n\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key: string, value: MotionValue) {\n        // Remove existing value if it exists\n        const existingValue = this.values.get(key)\n\n        if (value !== existingValue) {\n            if (existingValue) this.removeValue(key)\n            this.bindToMotionValue(key, value)\n            this.values.set(key, value)\n            this.latestValues[key] = value.get()\n        }\n    }\n\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key: string) {\n        this.values.delete(key)\n        const unsubscribe = this.valueSubscriptions.get(key)\n        if (unsubscribe) {\n            unsubscribe()\n            this.valueSubscriptions.delete(key)\n        }\n        delete this.latestValues[key]\n        this.removeValueFromRenderState(key, this.renderState)\n    }\n\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key: string) {\n        return this.values.has(key)\n    }\n\n    /**\n     * Get a motion value for this key. If called with a default\n     * value, we'll create one if none exists.\n     */\n    getValue(key: string): MotionValue | undefined\n    getValue(key: string, defaultValue: AnyResolvedKeyframe | null): MotionValue\n    getValue(\n        key: string,\n        defaultValue?: AnyResolvedKeyframe | null\n    ): MotionValue | undefined {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key]\n        }\n\n        let value = this.values.get(key)\n\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(\n                defaultValue === null ? undefined : defaultValue,\n                { owner: this }\n            )\n            this.addValue(key, value)\n        }\n\n        return value\n    }\n\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key: string, target?: AnyResolvedKeyframe | null) {\n        let value =\n            this.latestValues[key] !== undefined || !this.current\n                ? this.latestValues[key]\n                : this.getBaseTargetFromProps(this.props, key) ??\n                  this.readValueFromInstance(this.current, key, this.options)\n\n        if (value !== undefined && value !== null) {\n            if (\n                typeof value === \"string\" &&\n                (isNumericalString(value) || isZeroValueString(value))\n            ) {\n                // If this is a number read as a string, ie \"0\" or \"200\", convert it to a number\n                value = parseFloat(value)\n            } else if (!findValueType(value) && complex.test(target)) {\n                value = getAnimatableNone(key, target as string)\n            }\n\n            this.setBaseTarget(key, isMotionValue(value) ? value.get() : value)\n        }\n\n        return isMotionValue(value) ? value.get() : value\n    }\n\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key: string, value: AnyResolvedKeyframe) {\n        this.baseTarget[key] = value\n    }\n\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key: string): ResolvedValues[string] | undefined | null {\n        const { initial } = this.props\n\n        let valueFromInitial: ResolvedValues[string] | undefined | null\n\n        if (typeof initial === \"string\" || typeof initial === \"object\") {\n            const variant = resolveVariantFromProps(\n                this.props,\n                initial as any,\n                this.presenceContext?.custom\n            )\n            if (variant) {\n                valueFromInitial = variant[\n                    key as keyof typeof variant\n                ] as string\n            }\n        }\n\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial\n        }\n\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key)\n        if (target !== undefined && !isMotionValue(target)) return target\n\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key]\n    }\n\n    on<EventName extends keyof VisualElementEventCallbacks>(\n        eventName: EventName,\n        callback: VisualElementEventCallbacks[EventName]\n    ) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager()\n        }\n\n        return this.events[eventName].add(callback)\n    }\n\n    notify<EventName extends keyof VisualElementEventCallbacks>(\n        eventName: EventName,\n        ...args: any\n    ) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args)\n        }\n    }\n\n    scheduleRenderMicrotask() {\n        microtask.render(this.render)\n    }\n}\n", "import { isMotionValue } from \"../../value/utils/is-motion-value\"\nimport type { MotionValue } from \"../../value\"\nimport type { AnyResolvedKeyframe } from \"../../animation/types\"\nimport { DOMKeyframesResolver } from \"../../animation/keyframes/DOMKeyframesResolver\"\nimport type { MotionNodeOptions } from \"../../node/types\"\nimport type { DOMVisualElementOptions } from \"./types\"\nimport type { HTMLRenderState } from \"../html/types\"\nimport { VisualElement, MotionStyle } from \"../VisualElement\"\n\nexport abstract class DOMVisualElement<\n    Instance extends HTMLElement | SVGElement = HTMLElement,\n    State extends HTMLRenderState = HTMLRenderState,\n    Options extends DOMVisualElementOptions = DOMVisualElementOptions\n> extends VisualElement<Instance, State, Options> {\n    sortInstanceNodePosition(a: Instance, b: Instance): number {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1\n    }\n\n    getBaseTargetFromProps(\n        props: MotionNodeOptions,\n        key: string\n    ): AnyResolvedKeyframe | MotionValue<any> | undefined {\n        const style = (props as MotionNodeOptions & { style?: MotionStyle }).style\n        return style ? (style[key] as string) : undefined\n    }\n\n    removeValueFromRenderState(\n        key: string,\n        { vars, style }: HTMLRenderState\n    ): void {\n        delete vars[key]\n        delete style[key]\n    }\n\n    KeyframeResolver = DOMKeyframesResolver\n\n    childSubscription?: VoidFunction\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription()\n            delete this.childSubscription\n        }\n\n        const { children } = this.props as MotionNodeOptions & { children?: MotionValue | any }\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current) {\n                    this.current.textContent = `${latest}`\n                }\n            })\n        }\n    }\n}\n", "import type { VisualElement } from \"./VisualElement\"\n\n/**\n * Feature base class for extending VisualElement functionality.\n * Features are plugins that can be mounted/unmounted to add behavior\n * like gestures, animations, or layout tracking.\n */\nexport abstract class Feature<T extends any = any> {\n    isMounted = false\n\n    node: VisualElement<T>\n\n    constructor(node: VisualElement<T>) {\n        this.node = node\n    }\n\n    abstract mount(): void\n\n    abstract unmount(): void\n\n    update(): void {}\n}\n", "import { BoundingBox, Box, TransformPoint } from \"motion-utils\"\n\n/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nexport function convertBoundingBoxToBox({\n    top,\n    left,\n    right,\n    bottom,\n}: BoundingBox): Box {\n    return {\n        x: { min: left, max: right },\n        y: { min: top, max: bottom },\n    }\n}\n\nexport function convertBoxToBoundingBox({ x, y }: Box): BoundingBox {\n    return { top: y.min, right: x.max, bottom: y.max, left: x.min }\n}\n\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nexport function transformBoxPoints(\n    point: BoundingBox,\n    transformPoint?: TransformPoint\n) {\n    if (!transformPoint) return point\n    const topLeft = transformPoint({ x: point.left, y: point.top })\n    const bottomRight = transformPoint({ x: point.right, y: point.bottom })\n\n    return {\n        top: topLeft.y,\n        left: topLeft.x,\n        bottom: bottomRight.y,\n        right: bottomRight.x,\n    }\n}\n", "import { type AnyResolvedKeyframe } from \"../../animation/types\"\nimport { ResolvedValues } from \"../../render/types\"\n\nfunction isIdentityScale(scale: AnyResolvedKeyframe | undefined) {\n    return scale === undefined || scale === 1\n}\n\nexport function hasScale({ scale, scaleX, scaleY }: ResolvedValues) {\n    return (\n        !isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY)\n    )\n}\n\nexport function hasTransform(values: ResolvedValues) {\n    return (\n        hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY ||\n        values.skewX ||\n        values.skewY\n    )\n}\n\nexport function has2DTranslate(values: ResolvedValues) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y)\n}\n\nfunction is2DTranslate(value: AnyResolvedKeyframe | undefined) {\n    return value && value !== \"0%\"\n}\n", "import { Axis, Box, Delta, Point } from \"motion-utils\"\nimport { mixNumber } from \"../../utils/mix/number\"\nimport { ResolvedValues } from \"../../render/types\"\nimport { hasTransform } from \"../utils/has-transform\"\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nexport function scalePoint(point: number, scale: number, originPoint: number) {\n    const distanceFromOrigin = point - originPoint\n    const scaled = scale * distanceFromOrigin\n    return originPoint + scaled\n}\n\n/**\n * Applies a translate/scale delta to a point\n */\nexport function applyPointDelta(\n    point: number,\n    translate: number,\n    scale: number,\n    originPoint: number,\n    boxScale?: number\n): number {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint)\n    }\n\n    return scalePoint(point, scale, originPoint) + translate\n}\n\n/**\n * Applies a translate/scale delta to an axis\n */\nexport function applyAxisDelta(\n    axis: Axis,\n    translate: number = 0,\n    scale: number = 1,\n    originPoint: number,\n    boxScale?: number\n): void {\n    axis.min = applyPointDelta(\n        axis.min,\n        translate,\n        scale,\n        originPoint,\n        boxScale\n    )\n\n    axis.max = applyPointDelta(\n        axis.max,\n        translate,\n        scale,\n        originPoint,\n        boxScale\n    )\n}\n\n/**\n * Applies a translate/scale delta to a box\n */\nexport function applyBoxDelta(box: Box, { x, y }: Delta): void {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint)\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint)\n}\n\nconst TREE_SCALE_SNAP_MIN = 0.999999999999\nconst TREE_SCALE_SNAP_MAX = 1.0000000000001\n\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nexport function applyTreeDeltas(\n    box: Box,\n    treeScale: Point,\n    treePath: any[],\n    isSharedTransition: boolean = false\n) {\n    const treeLength = treePath.length\n    if (!treeLength) return\n\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1\n\n    let node: any\n    let delta: Delta | undefined\n\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i]\n        delta = node.projectionDelta\n\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const { visualElement } = node.options\n        if (\n            visualElement &&\n            visualElement.props.style &&\n            visualElement.props.style.display === \"contents\"\n        ) {\n            continue\n        }\n\n        if (\n            isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root\n        ) {\n            transformBox(box, {\n                x: -node.scroll.offset.x,\n                y: -node.scroll.offset.y,\n            })\n        }\n\n        if (delta) {\n            // Incoporate each ancestor's scale into a cumulative treeScale for this component\n            treeScale.x *= delta.x.scale\n            treeScale.y *= delta.y.scale\n\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta)\n        }\n\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues, node.layout?.layoutBox)\n        }\n    }\n\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    if (\n        treeScale.x < TREE_SCALE_SNAP_MAX &&\n        treeScale.x > TREE_SCALE_SNAP_MIN\n    ) {\n        treeScale.x = 1.0\n    }\n    if (\n        treeScale.y < TREE_SCALE_SNAP_MAX &&\n        treeScale.y > TREE_SCALE_SNAP_MIN\n    ) {\n        treeScale.y = 1.0\n    }\n}\n\nexport function translateAxis(axis: Axis, distance: number) {\n    axis.min = axis.min + distance\n    axis.max = axis.max + distance\n}\n\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nexport function transformAxis(\n    axis: Axis,\n    axisTranslate?: number,\n    axisScale?: number,\n    boxScale?: number,\n    axisOrigin: number = 0.5\n): void {\n    const originPoint = mixNumber(axis.min, axis.max, axisOrigin)\n\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale)\n}\n\nfunction resolveAxisTranslate(\n    value: number | string | undefined,\n    axis: Axis\n): number | undefined {\n    if (typeof value === \"string\") {\n        return (parseFloat(value) / 100) * (axis.max - axis.min)\n    }\n    return value as number | undefined\n}\n\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nexport function transformBox(\n    box: Box,\n    transform: ResolvedValues,\n    sourceBox?: Box\n) {\n    const resolveBox = sourceBox ?? box\n    transformAxis(\n        box.x,\n        resolveAxisTranslate(transform.x, resolveBox.x),\n        transform.scaleX as number,\n        transform.scale as number,\n        transform.originX as number\n    )\n    transformAxis(\n        box.y,\n        resolveAxisTranslate(transform.y, resolveBox.y),\n        transform.scaleY as number,\n        transform.scale as number,\n        transform.originY as number\n    )\n}\n", "import { TransformPoint } from \"motion-utils\"\nimport {\n    convertBoundingBoxToBox,\n    transformBoxPoints,\n} from \"../geometry/conversion\"\nimport { translateAxis } from \"../geometry/delta-apply\"\n\nexport function measureViewportBox(\n    instance: HTMLElement,\n    transformPoint?: TransformPoint\n) {\n    return convertBoundingBoxToBox(\n        transformBoxPoints(instance.getBoundingClientRect(), transformPoint)\n    )\n}\n\nexport function measurePageBox(\n    element: HTMLElement,\n    rootProjectionNode: any,\n    transformPagePoint?: TransformPoint\n) {\n    const viewportBox = measureViewportBox(element, transformPagePoint)\n    const { scroll } = rootProjectionNode\n\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x)\n        translateAxis(viewportBox.y, scroll.offset.y)\n    }\n\n    return viewportBox\n}\n", "import { getValueAsType } from \"../../../value/types/utils/get-as-type\"\nimport { numberValueTypes } from \"../../../value/types/maps/number\"\nimport { transformPropOrder } from \"../../utils/keys-transform\"\nimport { ResolvedValues } from \"../../types\"\nimport { HTMLRenderState } from \"../types\"\nimport type { MotionNodeOptions } from \"../../../node/types\"\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n}\n\nconst numTransforms = transformPropOrder.length\n\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nexport function buildTransform(\n    latestValues: ResolvedValues,\n    transform: HTMLRenderState[\"transform\"],\n    transformTemplate?: MotionNodeOptions[\"transformTemplate\"]\n) {\n    // The transform string we're going to build into.\n    let transformString = \"\"\n    let transformIsDefault = true\n\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i] as keyof typeof translateAlias\n        const value = latestValues[key]\n\n        if (value === undefined) continue\n\n        let valueIsDefault = true\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0)\n        } else {\n            const parsed = parseFloat(value)\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0\n        }\n\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key])\n\n            if (!valueIsDefault) {\n                transformIsDefault = false\n                const transformName = translateAlias[key] || key\n                transformString += `${transformName}(${valueAsType}) `\n            }\n\n            if (transformTemplate) {\n                transform[key] = valueAsType\n            }\n        }\n    }\n\n    transformString = transformString.trim()\n\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(\n            transform,\n            transformIsDefault ? \"\" : transformString\n        )\n    } else if (transformIsDefault) {\n        transformString = \"none\"\n    }\n\n    return transformString\n}\n", "import { getValueAsType } from \"../../../value/types/utils/get-as-type\"\nimport { numberValueTypes } from \"../../../value/types/maps/number\"\nimport { transformProps } from \"../../utils/keys-transform\"\nimport { isCSSVariableName } from \"../../../animation/utils/is-css-variable\"\nimport { ResolvedValues } from \"../../types\"\nimport { HTMLRenderState } from \"../types\"\nimport { buildTransform } from \"./build-transform\"\nimport type { MotionNodeOptions } from \"../../../node/types\"\n\nexport function buildHTMLStyles(\n    state: HTMLRenderState,\n    latestValues: ResolvedValues,\n    transformTemplate?: MotionNodeOptions[\"transformTemplate\"]\n) {\n    const { style, vars, transformOrigin } = state\n\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false\n    let hasTransformOrigin = false\n\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key]\n\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true\n            continue\n        } else if (isCSSVariableName(key)) {\n            vars[key] = value\n            continue\n        } else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key])\n\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true\n                transformOrigin[key as keyof typeof transformOrigin] =\n                    valueAsType\n            } else {\n                style[key] = valueAsType\n            }\n        }\n    }\n\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(\n                latestValues,\n                state.transform,\n                transformTemplate\n            )\n        } else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\"\n        }\n    }\n\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const {\n            originX = \"50%\",\n            originY = \"50%\",\n            originZ = 0,\n        } = transformOrigin\n        style.transformOrigin = `${originX} ${originY} ${originZ}`\n    }\n}\n", "import type { MotionStyle } from \"../../VisualElement\"\nimport { HTMLRenderState } from \"../types\"\n\nexport function renderHTML(\n    element: HTMLElement,\n    { style, vars }: HTMLRenderState,\n    styleProp?: MotionStyle,\n    projection?: any\n) {\n    const elementStyle = element.style\n\n    let key: string\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key as unknown as number] = style[key] as string\n    }\n\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp)\n\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key] as string)\n    }\n}\n", "import { px } from \"../../value/types/numbers/units\"\nimport type { Axis } from \"motion-utils\"\nimport type { ScaleCorrectorDefinition } from \"./types\"\n\nexport function pixelsToPercent(pixels: number, axis: Axis): number {\n    if (axis.max === axis.min) return 0\n    return (pixels / (axis.max - axis.min)) * 100\n}\n\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nexport const correctBorderRadius: ScaleCorrectorDefinition = {\n    correct: (latest, node) => {\n        if (!node.target) return latest\n\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest)\n            } else {\n                return latest\n            }\n        }\n\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x)\n        const y = pixelsToPercent(latest, node.target.y)\n\n        return `${x}% ${y}%`\n    },\n}\n", "import { complex } from \"../../value/types/complex\"\nimport { mixNumber } from \"../../utils/mix/number\"\nimport type { ScaleCorrectorDefinition } from \"./types\"\n\nexport const correctBoxShadow: ScaleCorrectorDefinition = {\n    correct: (latest: string, { treeScale, projectionDelta }) => {\n        const original = latest\n        const shadow = complex.parse(latest)\n\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5) return original\n\n        const template = complex.createTransformer(latest)\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0\n\n        // Calculate the overall context scale\n        const xScale = projectionDelta!.x.scale * treeScale!.x\n        const yScale = projectionDelta!.y.scale * treeScale!.y\n\n        // Scale x/y\n        ;(shadow[0 + offset] as number) /= xScale\n        ;(shadow[1 + offset] as number) /= yScale\n\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mixNumber(xScale, yScale, 0.5)\n\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            (shadow[2 + offset] as number) /= averageScale\n\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            (shadow[3 + offset] as number) /= averageScale\n\n        return template(shadow)\n    },\n}\n", "import { isCSSVariableName } from \"../../animation/utils/is-css-variable\"\nimport { correctBorderRadius } from \"./scale-border-radius\"\nimport { correctBoxShadow } from \"./scale-box-shadow\"\nimport type { ScaleCorrectorMap } from \"./types\"\n\nexport const scaleCorrectors: ScaleCorrectorMap = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n}\n\nexport function addScaleCorrector(correctors: ScaleCorrectorMap) {\n    for (const key in correctors) {\n        scaleCorrectors[key] = correctors[key]\n        if (isCSSVariableName(key)) {\n            scaleCorrectors[key].isCSSVariable = true\n        }\n    }\n}\n", "import { transformProps } from \"./keys-transform\"\nimport type { MotionNodeOptions } from \"../../node/types\"\nimport {\n    scaleCorrectors,\n    addScaleCorrector,\n} from \"../../projection/styles/scale-correction\"\n\nexport { scaleCorrectors, addScaleCorrector }\n\nexport function isForcedMotionValue(\n    key: string,\n    { layout, layoutId }: MotionNodeOptions\n) {\n    return (\n        transformProps.has(key) ||\n        key.startsWith(\"origin\") ||\n        ((layout || layoutId !== undefined) &&\n            (!!scaleCorrectors[key] || key === \"opacity\"))\n    )\n}\n", "import { isMotionValue } from \"../../../value/utils/is-motion-value\"\nimport type { MotionNodeOptions } from \"../../../node/types\"\nimport { isForcedMotionValue } from \"../../utils/is-forced-motion-value\"\nimport type { VisualElement } from \"../../VisualElement\"\n\nexport function scrapeMotionValuesFromProps(\n    props: MotionNodeOptions,\n    prevProps: MotionNodeOptions,\n    visualElement?: VisualElement\n) {\n    const style = (props as any).style\n    const prevStyle = (prevProps as any)?.style\n    const newValues: { [key: string]: any } = {}\n\n    if (!style) return newValues\n\n    for (const key in style) {\n        if (\n            isMotionValue(style[key]) ||\n            (prevStyle && isMotionValue(prevStyle[key])) ||\n            isForcedMotionValue(key, props) ||\n            visualElement?.getValue(key)?.liveStyle !== undefined\n        ) {\n            newValues[key] = style[key]\n        }\n    }\n\n    return newValues\n}\n", "import type { Box } from \"motion-utils\"\nimport type { AnyResolvedKeyframe } from \"../../animation/types\"\nimport { isCSSVariableName } from \"../../animation/utils/is-css-variable\"\nimport type { MotionNodeOptions } from \"../../node/types\"\nimport { transformProps } from \"../utils/keys-transform\"\nimport {\n    defaultTransformValue,\n    readTransformValue,\n} from \"../dom/parse-transform\"\nimport { measureViewportBox } from \"../../projection/utils/measure\"\nimport { DOMVisualElement } from \"../dom/DOMVisualElement\"\nimport type { DOMVisualElementOptions } from \"../dom/types\"\nimport type { ResolvedValues, MotionConfigContextProps } from \"../types\"\nimport type { VisualElement } from \"../VisualElement\"\nimport { HTMLRenderState } from \"./types\"\nimport { buildHTMLStyles } from \"./utils/build-styles\"\nimport { renderHTML } from \"./utils/render\"\nimport { scrapeMotionValuesFromProps } from \"./utils/scrape-motion-values\"\n\nexport function getComputedStyle(element: HTMLElement) {\n    return window.getComputedStyle(element)\n}\n\nexport class HTMLVisualElement extends DOMVisualElement<\n    HTMLElement,\n    HTMLRenderState,\n    DOMVisualElementOptions\n> {\n    type = \"html\"\n\n    readValueFromInstance(\n        instance: HTMLElement,\n        key: string\n    ): AnyResolvedKeyframe | null | undefined {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key)\n        } else {\n            const computedStyle = getComputedStyle(instance)\n            const value =\n                (isCSSVariableName(key)\n                    ? computedStyle.getPropertyValue(key)\n                    : computedStyle[key as keyof typeof computedStyle]) || 0\n\n            return typeof value === \"string\" ? value.trim() : (value as number)\n        }\n    }\n\n    measureInstanceViewportBox(\n        instance: HTMLElement,\n        { transformPagePoint }: MotionNodeOptions & Partial<MotionConfigContextProps>\n    ): Box {\n        return measureViewportBox(instance, transformPagePoint)\n    }\n\n    build(\n        renderState: HTMLRenderState,\n        latestValues: ResolvedValues,\n        props: MotionNodeOptions\n    ) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate)\n    }\n\n    scrapeMotionValuesFromProps(\n        props: MotionNodeOptions,\n        prevProps: MotionNodeOptions,\n        visualElement: VisualElement\n    ) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement)\n    }\n\n    renderInstance = renderHTML\n}\n", "import { createBox } from \"../../projection/geometry/models\"\nimport { ResolvedValues } from \"../types\"\nimport { VisualElement } from \"../VisualElement\"\n\ninterface ObjectRenderState {\n    output: ResolvedValues\n}\n\nfunction isObjectKey(key: string, object: Object): key is keyof Object {\n    return key in object\n}\n\nexport class ObjectVisualElement extends VisualElement<\n    Object,\n    ObjectRenderState\n> {\n    type = \"object\"\n\n    readValueFromInstance(instance: Object, key: string) {\n        if (isObjectKey(key, instance)) {\n            const value = instance[key]\n            if (typeof value === \"string\" || typeof value === \"number\") {\n                return value\n            }\n        }\n\n        return undefined\n    }\n\n    getBaseTargetFromProps() {\n        return undefined\n    }\n\n    removeValueFromRenderState(\n        key: string,\n        renderState: ObjectRenderState\n    ): void {\n        delete renderState.output[key]\n    }\n\n    measureInstanceViewportBox() {\n        return createBox()\n    }\n\n    build(renderState: ObjectRenderState, latestValues: ResolvedValues) {\n        Object.assign(renderState.output, latestValues)\n    }\n\n    renderInstance(instance: Object, { output }: ObjectRenderState) {\n        Object.assign(instance, output)\n    }\n\n    sortInstanceNodePosition() {\n        return 0\n    }\n}\n", "import { ResolvedValues } from \"../../types\"\n\nconst dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n}\n\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n}\n\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nexport function buildSVGPath(\n    attrs: ResolvedValues,\n    length: number,\n    spacing = 1,\n    offset = 0,\n    useDashCase: boolean = true\n): void {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1\n\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys\n\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`\n\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`\n}\n", "import type { MotionNodeOptions } from \"../../../node/types\"\nimport { buildHTMLStyles } from \"../../html/utils/build-styles\"\nimport { ResolvedValues } from \"../../types\"\nimport { SVGRenderState } from \"../types\"\nimport { buildSVGPath } from \"./path\"\n\n/**\n * CSS Motion Path properties that should remain as CSS styles on SVG elements.\n */\nconst cssMotionPathProperties = [\n    \"offsetDistance\",\n    \"offsetPath\",\n    \"offsetRotate\",\n    \"offsetAnchor\",\n]\n\n/**\n * Build SVG visual attributes, like cx and style.transform\n */\nexport function buildSVGAttrs(\n    state: SVGRenderState,\n    {\n        attrX,\n        attrY,\n        attrScale,\n        pathLength,\n        pathSpacing = 1,\n        pathOffset = 0,\n        // This is object creation, which we try to avoid per-frame.\n        ...latest\n    }: ResolvedValues,\n    isSVGTag: boolean,\n    transformTemplate?: MotionNodeOptions[\"transformTemplate\"],\n    styleProp?: Record<string, any>\n) {\n    buildHTMLStyles(state, latest, transformTemplate)\n\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox\n        }\n        return\n    }\n\n    state.attrs = state.style\n    state.style = {}\n    const { attrs, style } = state\n\n    /**\n     * However, we apply transforms as CSS transforms.\n     * So if we detect a transform, transformOrigin we take it from attrs and copy it into style.\n     */\n    if (attrs.transform) {\n        style.transform = attrs.transform\n        delete attrs.transform\n    }\n    if (style.transform || attrs.transformOrigin) {\n        style.transformOrigin = attrs.transformOrigin ?? \"50% 50%\"\n        delete attrs.transformOrigin\n    }\n\n    if (style.transform) {\n        /**\n         * SVG's element transform-origin uses its own median as a reference.\n         * Therefore, transformBox becomes a fill-box\n         */\n        style.transformBox = (styleProp?.transformBox as string) ?? \"fill-box\"\n        delete attrs.transformBox\n    }\n\n    for (const key of cssMotionPathProperties) {\n        if (attrs[key] !== undefined) {\n            style[key] = attrs[key]\n            delete attrs[key]\n        }\n    }\n\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined) attrs.x = attrX\n    if (attrY !== undefined) attrs.y = attrY\n    if (attrScale !== undefined) attrs.scale = attrScale\n\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(\n            attrs,\n            pathLength as number,\n            pathSpacing as number,\n            pathOffset as number,\n            false\n        )\n    }\n}\n", "/**\n * A set of attribute names that are always read/written as camel case.\n */\nexport const camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n])\n", "export const isSVGTag = (tag: unknown) =>\n    typeof tag === \"string\" && tag.toLowerCase() === \"svg\"\n", "import type { MotionStyle } from \"../../VisualElement\"\nimport { camelToDash } from \"../../dom/utils/camel-to-dash\"\nimport { renderHTML } from \"../../html/utils/render\"\nimport { SVGRenderState } from \"../types\"\nimport { camelCaseAttributes } from \"./camel-case-attrs\"\n\nexport function renderSVG(\n    element: SVGElement,\n    renderState: SVGRenderState,\n    _styleProp?: MotionStyle,\n    projection?: any\n) {\n    renderHTML(element as any, renderState, undefined, projection)\n\n    for (const key in renderState.attrs) {\n        element.setAttribute(\n            !camelCaseAttributes.has(key) ? camelToDash(key) : key,\n            renderState.attrs[key] as string\n        )\n    }\n}\n", "import { isMotionValue } from \"../../../value/utils/is-motion-value\"\nimport type { MotionNodeOptions } from \"../../../node/types\"\nimport { transformPropOrder } from \"../../utils/keys-transform\"\nimport { scrapeMotionValuesFromProps as scrapeHTMLMotionValuesFromProps } from \"../../html/utils/scrape-motion-values\"\nimport type { VisualElement } from \"../../VisualElement\"\n\nexport function scrapeMotionValuesFromProps(\n    props: MotionNodeOptions,\n    prevProps: MotionNodeOptions,\n    visualElement?: VisualElement\n) {\n    const newValues = scrapeHTMLMotionValuesFromProps(\n        props,\n        prevProps,\n        visualElement\n    )\n\n    for (const key in props) {\n        if (\n            isMotionValue(props[key as keyof typeof props]) ||\n            isMotionValue(prevProps[key as keyof typeof prevProps])\n        ) {\n            const targetKey =\n                transformPropOrder.indexOf(key) !== -1\n                    ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                    : key\n\n            newValues[targetKey] = props[key as keyof typeof props]\n        }\n    }\n\n    return newValues\n}\n", "import type { AnyResolvedKeyframe } from \"../../animation/types\"\nimport type { MotionValue } from \"../../value\"\nimport type { MotionNodeOptions } from \"../../node/types\"\nimport { transformProps } from \"../utils/keys-transform\"\nimport { getDefaultValueType } from \"../../value/types/maps/defaults\"\nimport { createBox } from \"../../projection/geometry/models\"\nimport { DOMVisualElement } from \"../dom/DOMVisualElement\"\nimport type { DOMVisualElementOptions } from \"../dom/types\"\nimport { camelToDash } from \"../dom/utils/camel-to-dash\"\nimport type { ResolvedValues } from \"../types\"\nimport type { VisualElement, MotionStyle } from \"../VisualElement\"\nimport { SVGRenderState } from \"./types\"\nimport { buildSVGAttrs } from \"./utils/build-attrs\"\nimport { camelCaseAttributes } from \"./utils/camel-case-attrs\"\nimport { isSVGTag } from \"./utils/is-svg-tag\"\nimport { renderSVG } from \"./utils/render\"\nimport { scrapeMotionValuesFromProps } from \"./utils/scrape-motion-values\"\nexport class SVGVisualElement extends DOMVisualElement<\n    SVGElement,\n    SVGRenderState,\n    DOMVisualElementOptions\n> {\n    type = \"svg\"\n\n    isSVGTag = false\n\n    getBaseTargetFromProps(\n        props: MotionNodeOptions,\n        key: string\n    ): AnyResolvedKeyframe | MotionValue<any> | undefined {\n        return props[key as keyof MotionNodeOptions]\n    }\n\n    readValueFromInstance(instance: SVGElement, key: string) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key)\n            return defaultType ? defaultType.default || 0 : 0\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key\n        return instance.getAttribute(key)\n    }\n\n    measureInstanceViewportBox = createBox\n\n    scrapeMotionValuesFromProps(\n        props: MotionNodeOptions,\n        prevProps: MotionNodeOptions,\n        visualElement: VisualElement\n    ) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement)\n    }\n\n    build(\n        renderState: SVGRenderState,\n        latestValues: ResolvedValues,\n        props: MotionNodeOptions\n    ) {\n        buildSVGAttrs(\n            renderState,\n            latestValues,\n            this.isSVGTag,\n            props.transformTemplate,\n            (props as any).style\n        )\n    }\n\n    renderInstance(\n        instance: SVGElement,\n        renderState: SVGRenderState,\n        styleProp?: MotionStyle | undefined,\n        projection?: any\n    ): void {\n        renderSVG(instance, renderState, styleProp, projection)\n    }\n\n    mount(instance: SVGElement) {\n        this.isSVGTag = isSVGTag(instance.tagName)\n        super.mount(instance)\n    }\n}\n", "import { isVariantLabel } from \"./is-variant-label\"\nimport { variantProps } from \"./variant-props\"\n\nconst numVariantProps = variantProps.length\n\ntype VariantStateContext = {\n    initial?: string | string[]\n    animate?: string | string[]\n    exit?: string | string[]\n    whileHover?: string | string[]\n    whileDrag?: string | string[]\n    whileFocus?: string | string[]\n    whileTap?: string | string[]\n}\n\n/**\n * Get variant context from a visual element's parent chain.\n * Uses `any` type for visualElement to avoid circular dependencies.\n */\nexport function getVariantContext(\n    visualElement?: any\n): undefined | VariantStateContext {\n    if (!visualElement) return undefined\n\n    if (!visualElement.isControllingVariants) {\n        const context = visualElement.parent\n            ? getVariantContext(visualElement.parent) || {}\n            : {}\n        if (visualElement.props.initial !== undefined) {\n            context.initial = visualElement.props.initial as any\n        }\n        return context\n    }\n\n    const context: VariantStateContext = {}\n    for (let i = 0; i < numVariantProps; i++) {\n        const name = variantProps[i] as keyof typeof context\n        const prop = visualElement.props[name]\n\n        if (isVariantLabel(prop) || prop === false) {\n            ;(context as any)[name] = prop\n        }\n    }\n\n    return context\n}\n", "export function shallowCompare(next: any[], prev: any[] | null) {\n    if (!Array.isArray(prev)) return false\n\n    const prevLength = prev.length\n\n    if (prevLength !== next.length) return false\n\n    for (let i = 0; i < prevLength; i++) {\n        if (prev[i] !== next[i]) return false\n    }\n\n    return true\n}\n", "import type {\n    AnimationDefinition,\n    TargetAndTransition,\n    VariantLabels,\n} from \"../../node/types\"\nimport type { AnimationType } from \"../types\"\nimport type { VisualElementAnimationOptions } from \"../../animation/interfaces/types\"\nimport { animateVisualElement } from \"../../animation/interfaces/visual-element\"\nimport { calcChildStagger } from \"../../animation/utils/calc-child-stagger\"\nimport { getVariantContext } from \"./get-variant-context\"\nimport { isAnimationControls } from \"./is-animation-controls\"\nimport { isKeyframesTarget } from \"./is-keyframes-target\"\nimport { isVariantLabel } from \"./is-variant-label\"\nimport { resolveVariant } from \"./resolve-dynamic-variants\"\nimport { shallowCompare } from \"./shallow-compare\"\nimport { variantPriorityOrder } from \"./variant-props\"\n\nexport type { VisualElementAnimationOptions }\n\nexport interface AnimationState {\n    animateChanges: (type?: AnimationType) => Promise<any>\n    setActive: (\n        type: AnimationType,\n        isActive: boolean,\n        options?: VisualElementAnimationOptions\n    ) => Promise<any>\n    setAnimateFunction: (fn: any) => void\n    getState: () => { [key: string]: AnimationTypeState }\n    reset: () => void\n}\n\ninterface DefinitionAndOptions {\n    animation: AnimationDefinition\n    options?: VisualElementAnimationOptions\n}\n\nexport type AnimationList = string[] | TargetAndTransition[]\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse()\nconst numAnimationTypes = variantPriorityOrder.length\n\n/**\n * Type for the animate function that can be injected.\n * This allows the animation implementation to be provided by the framework layer.\n */\nexport type AnimateFunction = (animations: DefinitionAndOptions[]) => Promise<any>\n\nfunction createAnimateFunction(visualElement: any): AnimateFunction {\n    return (animations: DefinitionAndOptions[]) => {\n        return Promise.all(\n            animations.map(({ animation, options }) =>\n                animateVisualElement(visualElement, animation, options)\n            )\n        )\n    }\n}\n\nexport function createAnimationState(visualElement: any): AnimationState {\n    let animate = createAnimateFunction(visualElement)\n    let state = createState()\n    let isInitialRender = true\n    /**\n     * Track whether the animation state has been reset (e.g. via StrictMode\n     * double-invocation or Suspense unmount/remount). On the first\n     * animateChanges() call after a reset we need to behave like the initial\n     * render for variant-inheritance checks, even though isInitialRender is\n     * already false.\n     */\n    let wasReset = false\n\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues =\n        (type: AnimationType) =>\n        (\n            acc: { [key: string]: any },\n            definition: string | TargetAndTransition | undefined\n        ) => {\n            const resolved = resolveVariant(\n                visualElement,\n                definition,\n                type === \"exit\"\n                    ? visualElement.presenceContext?.custom\n                    : undefined\n            )\n\n            if (resolved) {\n                const { transition, transitionEnd, ...target } = resolved\n                acc = { ...acc, ...target, ...transitionEnd }\n            }\n\n            return acc\n        }\n\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(\n        makeAnimator: (visualElement: any) => AnimateFunction\n    ) {\n        animate = makeAnimator(visualElement)\n    }\n\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(changedActiveType?: AnimationType) {\n        const { props } = visualElement\n        const context = getVariantContext(visualElement.parent) || {}\n\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations: DefinitionAndOptions[] = []\n\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set<string>()\n\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys: { [key: string]: any } = {}\n\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity\n\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i]\n            const typeState = state[type]\n            const prop =\n                props[type] !== undefined\n                    ? props[type]\n                    : context[type as keyof typeof context]\n            const propIsVariant = isVariantLabel(prop)\n\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta =\n                type === changedActiveType ? typeState.isActive : null\n\n            if (activeDelta === false) removedVariantIndex = i\n\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited =\n                prop === context[type as keyof typeof context] &&\n                prop !== props[type] &&\n                propIsVariant\n\n            if (\n                isInherited &&\n                (isInitialRender || wasReset) &&\n                visualElement.manuallyAnimateOnMount\n            ) {\n                isInherited = false\n            }\n\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys }\n\n            // Check if we can skip analysing this prop early\n            if (\n                // If it isn't active and hasn't *just* been set as inactive\n                (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\"\n            ) {\n                continue\n            }\n\n            /**\n             * If exit is already active and wasn't just activated, skip\n             * re-processing to prevent interrupting running exit animations.\n             * Re-resolving exit with a changed custom value can start new\n             * value animations that stop the originals, leaving the exit\n             * animation promise unresolved and the component stuck in the DOM.\n             */\n            if (type === \"exit\" && typeState.isActive && activeDelta !== true) {\n                if (typeState.prevResolvedValues) {\n                    encounteredKeys = {\n                        ...encounteredKeys,\n                        ...typeState.prevResolvedValues,\n                    }\n                }\n                continue\n            }\n\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(\n                typeState.prevProp,\n                prop\n            )\n\n            let shouldAnimateType =\n                variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant)\n\n            let handledRemovedValues = false\n\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop]\n\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(\n                buildResolvedTypeValues(type),\n                {}\n            )\n\n            if (activeDelta === false) resolvedValues = {}\n\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState\n\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            }\n            const markToAnimate = (key: string) => {\n                shouldAnimateType = true\n                if (removedKeys.has(key)) {\n                    handledRemovedValues = true\n                    removedKeys.delete(key)\n                }\n                typeState.needsAnimating[key] = true\n\n                const motionValue = visualElement.getValue(key)\n                if (motionValue) motionValue.liveStyle = false\n            }\n\n            for (const key in allKeys) {\n                const next = resolvedValues[key]\n                const prev = prevResolvedValues[key]\n\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key)) continue\n\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                let valueHasChanged = false\n                if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                    valueHasChanged = !shallowCompare(next, prev)\n                } else {\n                    valueHasChanged = next !== prev\n                }\n\n                if (valueHasChanged) {\n                    if (next !== undefined && next !== null) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key)\n                    } else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key)\n                    }\n                } else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key)\n                } else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true\n                }\n            }\n\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop\n            typeState.prevResolvedValues = resolvedValues\n\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues }\n            }\n\n            if (\n                (isInitialRender || wasReset) &&\n                visualElement.blockInitialAnimation\n            ) {\n                shouldAnimateType = false\n            }\n\n            /**\n             * If this is an inherited prop we want to skip this animation\n             * unless the inherited variants haven't changed on this render.\n             */\n            const willAnimateViaParent = isInherited && variantDidChange\n            const needsAnimating = !willAnimateViaParent || handledRemovedValues\n            if (shouldAnimateType && needsAnimating) {\n                animations.push(\n                    ...definitionList.map((animation) => {\n                        const options: VisualElementAnimationOptions = { type }\n\n                        /**\n                         * If we're performing the initial animation, but we're not\n                         * rendering at the same time as the variant-controlling parent,\n                         * we want to use the parent's transition to calculate the stagger.\n                         */\n                        if (\n                            typeof animation === \"string\" &&\n                            (isInitialRender || wasReset) &&\n                            !willAnimateViaParent &&\n                            visualElement.manuallyAnimateOnMount &&\n                            visualElement.parent\n                        ) {\n                            const { parent } = visualElement\n                            const parentVariant = resolveVariant(\n                                parent,\n                                animation\n                            )\n\n                            if (parent.enteringChildren && parentVariant) {\n                                const { delayChildren } =\n                                    parentVariant.transition || {}\n                                options.delay = calcChildStagger(\n                                    parent.enteringChildren,\n                                    visualElement,\n                                    delayChildren\n                                )\n                            }\n                        }\n\n                        return {\n                            animation: animation as AnimationDefinition,\n                            options,\n                        }\n                    })\n                )\n            }\n        }\n\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation: TargetAndTransition = {}\n\n            /**\n             * If the initial prop contains a transition we can use that, otherwise\n             * allow the animation function to use the visual element's default.\n             */\n            if (typeof props.initial !== \"boolean\") {\n                const initialTransition = resolveVariant(\n                    visualElement,\n                    Array.isArray(props.initial)\n                        ? props.initial[0]\n                        : props.initial\n                )\n\n                if (initialTransition && initialTransition.transition) {\n                    fallbackAnimation.transition = initialTransition.transition\n                }\n            }\n\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key)\n\n                const motionValue = visualElement.getValue(key)\n                if (motionValue) motionValue.liveStyle = true\n\n                // @ts-expect-error - @mattgperry to figure if we should do something here\n                fallbackAnimation[key] = fallbackTarget ?? null\n            })\n\n            animations.push({ animation: fallbackAnimation })\n        }\n\n        let shouldAnimate = Boolean(animations.length)\n\n        if (\n            isInitialRender &&\n            (props.initial === false || props.initial === props.animate) &&\n            !visualElement.manuallyAnimateOnMount\n        ) {\n            shouldAnimate = false\n        }\n\n        isInitialRender = false\n        wasReset = false\n        return shouldAnimate ? animate(animations) : Promise.resolve()\n    }\n\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type: AnimationType, isActive: boolean) {\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive) return Promise.resolve()\n\n        // Propagate active change to children\n        visualElement.variantChildren?.forEach((child: any) =>\n            child.animationState?.setActive(type, isActive)\n        )\n\n        state[type].isActive = isActive\n\n        const animations = animateChanges(type)\n\n        for (const key in state) {\n            state[key as keyof typeof state].protectedKeys = {}\n        }\n\n        return animations\n    }\n\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n        reset: () => {\n            state = createState()\n            wasReset = true\n        },\n    }\n}\n\nexport function checkVariantsDidChange(prev: any, next: any) {\n    if (typeof next === \"string\") {\n        return next !== prev\n    } else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev)\n    }\n\n    return false\n}\n\nexport interface AnimationTypeState {\n    isActive: boolean\n    protectedKeys: { [key: string]: true }\n    needsAnimating: { [key: string]: boolean }\n    prevResolvedValues: { [key: string]: any }\n    prevProp?: VariantLabels | TargetAndTransition\n}\n\nfunction createTypeState(isActive = false): AnimationTypeState {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    }\n}\n\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    }\n}\n", "import { Axis, AxisDelta, Box } from \"motion-utils\"\n\n/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nexport function copyAxisInto(axis: Axis, originAxis: Axis) {\n    axis.min = originAxis.min\n    axis.max = originAxis.max\n}\n\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nexport function copyBoxInto(box: Box, originBox: Box) {\n    copyAxisInto(box.x, originBox.x)\n    copyAxisInto(box.y, originBox.y)\n}\n\n/**\n * Reset a delta to the provided origin box.\n *\n * This is a mutative operation.\n */\nexport function copyAxisDeltaInto(delta: AxisDelta, originDelta: AxisDelta) {\n    delta.translate = originDelta.translate\n    delta.scale = originDelta.scale\n    delta.originPoint = originDelta.originPoint\n    delta.origin = originDelta.origin\n}\n", "import { Axis, AxisDelta, Box, Delta } from \"motion-utils\"\nimport { mixNumber } from \"../../utils/mix/number\"\nimport { ResolvedValues } from \"../../render/types\"\n\nconst SCALE_PRECISION = 0.0001\nconst SCALE_MIN = 1 - SCALE_PRECISION\nconst SCALE_MAX = 1 + SCALE_PRECISION\nconst TRANSLATE_PRECISION = 0.01\nconst TRANSLATE_MIN = 0 - TRANSLATE_PRECISION\nconst TRANSLATE_MAX = 0 + TRANSLATE_PRECISION\n\nexport function calcLength(axis: Axis) {\n    return axis.max - axis.min\n}\n\nexport function isNear(\n    value: number,\n    target: number,\n    maxDistance: number\n): boolean {\n    return Math.abs(value - target) <= maxDistance\n}\n\nexport function calcAxisDelta(\n    delta: AxisDelta,\n    source: Axis,\n    target: Axis,\n    origin: number = 0.5\n) {\n    delta.origin = origin\n    delta.originPoint = mixNumber(source.min, source.max, delta.origin)\n    delta.scale = calcLength(target) / calcLength(source)\n    delta.translate =\n        mixNumber(target.min, target.max, delta.origin) - delta.originPoint\n\n    if (\n        (delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX) ||\n        isNaN(delta.scale)\n    ) {\n        delta.scale = 1.0\n    }\n\n    if (\n        (delta.translate >= TRANSLATE_MIN &&\n            delta.translate <= TRANSLATE_MAX) ||\n        isNaN(delta.translate)\n    ) {\n        delta.translate = 0.0\n    }\n}\n\nexport function calcBoxDelta(\n    delta: Delta,\n    source: Box,\n    target: Box,\n    origin?: ResolvedValues\n): void {\n    calcAxisDelta(\n        delta.x,\n        source.x,\n        target.x,\n        origin ? (origin.originX as number) : undefined\n    )\n    calcAxisDelta(\n        delta.y,\n        source.y,\n        target.y,\n        origin ? (origin.originY as number) : undefined\n    )\n}\n\nexport function calcRelativeAxis(target: Axis, relative: Axis, parent: Axis) {\n    target.min = parent.min + relative.min\n    target.max = target.min + calcLength(relative)\n}\n\nexport function calcRelativeBox(target: Box, relative: Box, parent: Box) {\n    calcRelativeAxis(target.x, relative.x, parent.x)\n    calcRelativeAxis(target.y, relative.y, parent.y)\n}\n\nexport function calcRelativeAxisPosition(\n    target: Axis,\n    layout: Axis,\n    parent: Axis\n) {\n    target.min = layout.min - parent.min\n    target.max = target.min + calcLength(layout)\n}\n\nexport function calcRelativePosition(target: Box, layout: Box, parent: Box) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x)\n    calcRelativeAxisPosition(target.y, layout.y, parent.y)\n}\n", "import { Axis, Box } from \"motion-utils\"\nimport { mixNumber } from \"../../utils/mix/number\"\nimport { percent } from \"../../value/types/numbers/units\"\nimport { ResolvedValues } from \"../../render/types\"\nimport { scalePoint } from \"./delta-apply\"\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nexport function removePointDelta(\n    point: number,\n    translate: number,\n    scale: number,\n    originPoint: number,\n    boxScale?: number\n): number {\n    point -= translate\n    point = scalePoint(point, 1 / scale, originPoint)\n\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint)\n    }\n\n    return point\n}\n\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nexport function removeAxisDelta(\n    axis: Axis,\n    translate: number | string = 0,\n    scale: number = 1,\n    origin: number = 0.5,\n    boxScale?: number,\n    originAxis: Axis = axis,\n    sourceAxis: Axis = axis\n): void {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate as string)\n        const relativeProgress = mixNumber(\n            sourceAxis.min,\n            sourceAxis.max,\n            translate / 100\n        )\n        translate = relativeProgress - sourceAxis.min\n    }\n\n    if (typeof translate !== \"number\") return\n\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin)\n    if (axis === originAxis) originPoint -= translate\n\n    axis.min = removePointDelta(\n        axis.min,\n        translate,\n        scale,\n        originPoint,\n        boxScale\n    )\n\n    axis.max = removePointDelta(\n        axis.max,\n        translate,\n        scale,\n        originPoint,\n        boxScale\n    )\n}\n\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nexport function removeAxisTransforms(\n    axis: Axis,\n    transforms: ResolvedValues,\n    [key, scaleKey, originKey]: string[],\n    origin?: Axis,\n    sourceAxis?: Axis\n) {\n    removeAxisDelta(\n        axis,\n        transforms[key] as number,\n        transforms[scaleKey] as number,\n        transforms[originKey] as number,\n        transforms.scale as number,\n        origin,\n        sourceAxis\n    )\n}\n\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"]\nconst yKeys = [\"y\", \"scaleY\", \"originY\"]\n\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nexport function removeBoxTransforms(\n    box: Box,\n    transforms: ResolvedValues,\n    originBox?: Box,\n    sourceBox?: Box\n): void {\n    removeAxisTransforms(\n        box.x,\n        transforms,\n        xKeys,\n        originBox ? originBox.x : undefined,\n        sourceBox ? sourceBox.x : undefined\n    )\n    removeAxisTransforms(\n        box.y,\n        transforms,\n        yKeys,\n        originBox ? originBox.y : undefined,\n        sourceBox ? sourceBox.y : undefined\n    )\n}\n", "import { Axis, AxisDelta, Box, Delta } from \"motion-utils\"\nimport { calcLength } from \"./delta-calc\"\n\nfunction isAxisDeltaZero(delta: AxisDelta) {\n    return delta.translate === 0 && delta.scale === 1\n}\n\nexport function isDeltaZero(delta: Delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y)\n}\n\nexport function axisEquals(a: Axis, b: Axis) {\n    return a.min === b.min && a.max === b.max\n}\n\nexport function boxEquals(a: Box, b: Box) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y)\n}\n\nexport function axisEqualsRounded(a: Axis, b: Axis) {\n    return (\n        Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max)\n    )\n}\n\nexport function boxEqualsRounded(a: Box, b: Box) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y)\n}\n\nexport function aspectRatio(box: Box): number {\n    return calcLength(box.x) / calcLength(box.y)\n}\n\nexport function axisDeltaEquals(a: AxisDelta, b: AxisDelta) {\n    return (\n        a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint\n    )\n}\n", "type Callback = (axis: \"x\" | \"y\") => void\n\nexport function eachAxis(callback: Callback) {\n    return [callback(\"x\"), callback(\"y\")]\n}\n", "import type { Delta, Point } from \"motion-utils\"\nimport type { ResolvedValues } from \"../../node/types\"\n\nexport function buildProjectionTransform(\n    delta: Delta,\n    treeScale: Point,\n    latestTransform?: ResolvedValues\n): string {\n    let transform = \"\"\n\n    /**\n     * The translations we use to calculate are always relative to the viewport coordinate space.\n     * But when we apply scales, we also scale the coordinate space of an element and its children.\n     * For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need\n     * to move an element 100 pixels, we actually need to move it 200 in within that scaled space.\n     */\n    const xTranslate = delta.x.translate / treeScale.x\n    const yTranslate = delta.y.translate / treeScale.y\n    const zTranslate = latestTransform?.z || 0\n    if (xTranslate || yTranslate || zTranslate) {\n        transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `\n    }\n\n    /**\n     * Apply scale correction for the tree transform.\n     * This will apply scale to the screen-orientated axes.\n     */\n    if (treeScale.x !== 1 || treeScale.y !== 1) {\n        transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `\n    }\n\n    if (latestTransform) {\n        const { transformPerspective, rotate, rotateX, rotateY, skewX, skewY } =\n            latestTransform\n        if (transformPerspective)\n            transform = `perspective(${transformPerspective}px) ${transform}`\n        if (rotate) transform += `rotate(${rotate}deg) `\n        if (rotateX) transform += `rotateX(${rotateX}deg) `\n        if (rotateY) transform += `rotateY(${rotateY}deg) `\n        if (skewX) transform += `skewX(${skewX}deg) `\n        if (skewY) transform += `skewY(${skewY}deg) `\n    }\n\n    /**\n     * Apply scale to match the size of the element to the size we want it.\n     * This will apply scale to the element-orientated axes.\n     */\n    const elementScaleX = delta.x.scale * treeScale.x\n    const elementScaleY = delta.y.scale * treeScale.y\n    if (elementScaleX !== 1 || elementScaleY !== 1) {\n        transform += `scale(${elementScaleX}, ${elementScaleY})`\n    }\n\n    return transform || \"none\"\n}\n", "import { mixNumber } from \"../../utils/mix/number\"\nimport { percent, px } from \"../../value/types/numbers/units\"\nimport type { AnyResolvedKeyframe } from \"../../animation/types\"\nimport {\n    progress as calcProgress,\n    circOut,\n    EasingFunction,\n    noop,\n} from \"motion-utils\"\nimport type { ResolvedValues } from \"../../node/types\"\n\nconst borders = [\"TopLeft\", \"TopRight\", \"BottomLeft\", \"BottomRight\"]\nconst numBorders = borders.length\n\nconst asNumber = (value: AnyResolvedKeyframe) =>\n    typeof value === \"string\" ? parseFloat(value) : value\n\nconst isPx = (value: AnyResolvedKeyframe) =>\n    typeof value === \"number\" || px.test(value)\n\nexport function mixValues(\n    target: ResolvedValues,\n    follow: ResolvedValues,\n    lead: ResolvedValues,\n    progress: number,\n    shouldCrossfadeOpacity: boolean,\n    isOnlyMember: boolean\n) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mixNumber(\n            0,\n            (lead.opacity as number) ?? 1,\n            easeCrossfadeIn(progress)\n        )\n        target.opacityExit = mixNumber(\n            (follow.opacity as number) ?? 1,\n            0,\n            easeCrossfadeOut(progress)\n        )\n    } else if (isOnlyMember) {\n        target.opacity = mixNumber(\n            (follow.opacity as number) ?? 1,\n            (lead.opacity as number) ?? 1,\n            progress\n        )\n    }\n\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = `border${borders[i]}Radius`\n        let followRadius = getRadius(follow, borderLabel)\n        let leadRadius = getRadius(lead, borderLabel)\n\n        if (followRadius === undefined && leadRadius === undefined) continue\n\n        followRadius ||= 0\n        leadRadius ||= 0\n\n        const canMix =\n            followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius)\n\n        if (canMix) {\n            target[borderLabel] = Math.max(\n                mixNumber(\n                    asNumber(followRadius),\n                    asNumber(leadRadius),\n                    progress\n                ),\n                0\n            )\n\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\"\n            }\n        } else {\n            target[borderLabel] = leadRadius\n        }\n    }\n\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mixNumber(\n            (follow.rotate as number) || 0,\n            (lead.rotate as number) || 0,\n            progress\n        )\n    }\n}\n\nfunction getRadius(values: ResolvedValues, radiusName: string) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius\n}\n\nconst easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut)\nconst easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop)\n\nfunction compress(\n    min: number,\n    max: number,\n    easing: EasingFunction\n): EasingFunction {\n    return (p: number) => {\n        // Could replace ifs with clamp\n        if (p < min) return 0\n        if (p > max) return 1\n        return easing(calcProgress(min, max, p))\n    }\n}\n", "import { animateMotionValue } from \"../interfaces/motion-value\"\nimport type {\n    AnimationPlaybackControlsWithThen,\n    AnyResolvedKeyframe,\n    UnresolvedValueKeyframe,\n    ValueAnimationTransition,\n} from \"../types\"\nimport {\n    motionValue as createMotionValue,\n    MotionValue,\n} from \"../../value\"\nimport { isMotionValue } from \"../../value/utils/is-motion-value\"\n\nexport function animateSingleValue<V extends AnyResolvedKeyframe>(\n    value: MotionValue<V> | V,\n    keyframes: V | UnresolvedValueKeyframe<V>[],\n    options?: ValueAnimationTransition\n): AnimationPlaybackControlsWithThen {\n    const motionValue = isMotionValue(value) ? value : createMotionValue(value)\n\n    motionValue.start(animateMotionValue(\"\", motionValue, keyframes, options))\n\n    return motionValue.animation!\n}\n", "export function addDomEvent(\n    target: EventTarget,\n    eventName: string,\n    handler: EventListener,\n    options: AddEventListenerOptions = { passive: true }\n) {\n    target.addEventListener(eventName, handler, options)\n\n    return () => target.removeEventListener(eventName, handler)\n}\n", "import type { VisualElement } from \"../../render/VisualElement\"\n\nexport interface WithDepth {\n    depth: number\n}\n\nexport const compareByDepth = (a: VisualElement, b: VisualElement) =>\n    a.depth - b.depth\n", "import { addUniqueItem, removeItem } from \"motion-utils\"\nimport { compareByDepth, WithDepth } from \"./compare-by-depth\"\n\nexport class FlatTree {\n    private children: WithDepth[] = []\n\n    private isDirty: boolean = false\n\n    add(child: WithDepth) {\n        addUniqueItem(this.children, child)\n        this.isDirty = true\n    }\n\n    remove(child: WithDepth) {\n        removeItem(this.children, child)\n        this.isDirty = true\n    }\n\n    forEach(callback: (child: WithDepth) => void) {\n        this.isDirty && this.children.sort(compareByDepth)\n        this.isDirty = false\n        this.children.forEach(callback)\n    }\n}\n", "import { cancelFrame, frame } from \"../frameloop\"\nimport { time } from \"../frameloop/sync-time\"\nimport type { FrameData } from \"../frameloop/types\"\nimport { secondsToMilliseconds } from \"motion-utils\"\n\nexport type DelayedFunction = (overshoot: number) => void\n\n/**\n * Timeout defined in ms\n */\nexport function delay(callback: DelayedFunction, timeout: number) {\n    const start = time.now()\n\n    const checkElapsed = ({ timestamp }: FrameData) => {\n        const elapsed = timestamp - start\n\n        if (elapsed >= timeout) {\n            cancelFrame(checkElapsed)\n            callback(elapsed - timeout)\n        }\n    }\n\n    frame.setup(checkElapsed, true)\n\n    return () => cancelFrame(checkElapsed)\n}\n\nexport function delayInSeconds(callback: DelayedFunction, timeout: number) {\n    return delay(callback, secondsToMilliseconds(timeout))\n}\n", "import type { AnyResolvedKeyframe } from \"../../animation/types\"\nimport { isMotionValue } from \"./is-motion-value\"\nimport type { MotionValue } from \"../index\"\n\n/**\n * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself\n */\nexport function resolveMotionValue(\n    value?: AnyResolvedKeyframe | MotionValue\n): AnyResolvedKeyframe {\n    return isMotionValue(value) ? value.get() : value\n}\n", "import { addUniqueItem, removeItem } from \"motion-utils\"\nimport type { IProjectionNode } from \"../node/types\"\n\nexport class NodeStack {\n    lead?: IProjectionNode\n    prevLead?: IProjectionNode\n    members: IProjectionNode[] = []\n\n    add(node: IProjectionNode) {\n        addUniqueItem(this.members, node)\n\n        for (let i = this.members.length - 1; i >= 0; i--) {\n            const member = this.members[i]\n            if (member === node || member === this.lead || member === this.prevLead) continue\n            const inst = member.instance as HTMLElement | undefined\n            if ((!inst || inst.isConnected === false) && !member.snapshot) {\n                removeItem(this.members, member)\n                member.unmount()\n            }\n        }\n\n        node.scheduleRender()\n    }\n\n    remove(node: IProjectionNode) {\n        removeItem(this.members, node)\n        if (node === this.prevLead) this.prevLead = undefined\n        if (node === this.lead) {\n            const prevLead = this.members[this.members.length - 1]\n            if (prevLead) this.promote(prevLead)\n        }\n    }\n\n    relegate(node: IProjectionNode) {\n        for (let i = this.members.indexOf(node) - 1; i >= 0; i--) {\n            const member = this.members[i]\n            if (member.isPresent !== false && (member.instance as HTMLElement)?.isConnected !== false) {\n                this.promote(member)\n                return true\n            }\n        }\n        return false\n    }\n\n    promote(node: IProjectionNode, preserveFollowOpacity?: boolean) {\n        const prevLead = this.lead\n        if (node === prevLead) return\n\n        this.prevLead = prevLead\n        this.lead = node\n        node.show()\n\n        if (prevLead) {\n            prevLead.updateSnapshot()\n            node.scheduleRender()\n\n            const { layoutDependency: prevDep } = prevLead.options\n            const { layoutDependency: nextDep } = node.options\n\n            if (prevDep === undefined || prevDep !== nextDep) {\n                node.resumeFrom = prevLead\n                if (preserveFollowOpacity) prevLead.preserveOpacity = true\n\n                if (prevLead.snapshot) {\n                    node.snapshot = prevLead.snapshot\n                    node.snapshot.latestValues =\n                        prevLead.animationValues || prevLead.latestValues\n                }\n\n                if (node.root?.isUpdating) node.isLayoutDirty = true\n            }\n            if (node.options.crossfade === false) prevLead.hide()\n        }\n    }\n\n    exitAnimationComplete() {\n        this.members.forEach((member) => {\n            member.options.onExitComplete?.()\n            member.resumingFrom?.options.onExitComplete?.()\n        })\n    }\n\n    scheduleRender() {\n        this.members.forEach(\n            (member) => member.instance && member.scheduleRender(false)\n        )\n    }\n\n    removeLeadSnapshot() {\n        if (this.lead?.snapshot) this.lead.snapshot = undefined\n    }\n}\n", "/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nexport const globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n}\n", "import {\n    Axis,\n    AxisDelta,\n    Box,\n    clamp,\n    Delta,\n    noop,\n    Point,\n    SubscriptionManager,\n} from \"motion-utils\"\nimport { animateSingleValue } from \"../../animation/animate/single-value\"\nimport { JSAnimation } from \"../../animation/JSAnimation\"\nimport { getOptimisedAppearId } from \"../../animation/optimized-appear/get-appear-id\"\nimport { Transition, ValueAnimationOptions } from \"../../animation/types\"\nimport { getValueTransition } from \"../../animation/utils/get-value-transition\"\nimport { cancelFrame, frame, frameData, frameSteps } from \"../../frameloop\"\nimport { microtask } from \"../../frameloop/microtask\"\nimport { time } from \"../../frameloop/sync-time\"\nimport type { Process } from \"../../frameloop/types\"\nimport { HTMLVisualElement } from \"../../render/html/HTMLVisualElement\"\nimport type { ResolvedValues } from \"../../render/types\"\nimport { scaleCorrectors } from \"../../render/utils/is-forced-motion-value\"\nimport type { MotionStyle, VisualElement } from \"../../render/VisualElement\"\nimport { activeAnimations } from \"../../stats/animation-count\"\nimport { statsBuffer } from \"../../stats/buffer\"\nimport { delay } from \"../../utils/delay\"\nimport { isSVGElement } from \"../../utils/is-svg-element\"\nimport { isSVGSVGElement } from \"../../utils/is-svg-svg-element\"\nimport { mixNumber } from \"../../utils/mix/number\"\nimport { MotionValue, motionValue } from \"../../value\"\nimport { resolveMotionValue } from \"../../value/utils/resolve-motion-value\"\nimport { mixValues } from \"../animation/mix-values\"\nimport { copyAxisDeltaInto, copyAxisInto, copyBoxInto } from \"../geometry/copy\"\nimport {\n    applyBoxDelta,\n    applyTreeDeltas,\n    transformBox,\n    translateAxis,\n} from \"../geometry/delta-apply\"\nimport {\n    calcBoxDelta,\n    calcLength,\n    calcRelativeBox,\n    calcRelativePosition,\n    isNear,\n} from \"../geometry/delta-calc\"\nimport { removeBoxTransforms } from \"../geometry/delta-remove\"\nimport { createBox, createDelta } from \"../geometry/models\"\nimport {\n    aspectRatio,\n    axisDeltaEquals,\n    boxEquals,\n    boxEqualsRounded,\n    isDeltaZero,\n} from \"../geometry/utils\"\nimport { NodeStack } from \"../shared/stack\"\nimport { buildProjectionTransform } from \"../styles/transform\"\nimport { eachAxis } from \"../utils/each-axis\"\nimport { FlatTree } from \"../utils/flat-tree\"\nimport { has2DTranslate, hasScale, hasTransform } from \"../utils/has-transform\"\nimport { globalProjectionState } from \"./state\"\nimport {\n    IProjectionNode,\n    LayoutEvents,\n    LayoutUpdateData,\n    Measurements,\n    Phase,\n    ProjectionNodeConfig,\n    ProjectionNodeOptions,\n    ScrollMeasurements,\n} from \"./types\"\n\nconst metrics = {\n    nodes: 0,\n    calculatedTargetDeltas: 0,\n    calculatedProjections: 0,\n}\n\nconst transformAxes = [\"\", \"X\", \"Y\", \"Z\"]\n\n/**\n * We use 1000 as the animation target as 0-1000 maps better to pixels than 0-1\n * which has a noticeable difference in spring animations\n */\nconst animationTarget = 1000\n\nlet id = 0\n\nfunction resetDistortingTransform(\n    key: string,\n    visualElement: VisualElement,\n    values: ResolvedValues,\n    sharedAnimationValues?: ResolvedValues\n) {\n    const { latestValues } = visualElement\n\n    // Record the distorting transform and then temporarily set it to 0\n    if (latestValues[key]) {\n        values[key] = latestValues[key]\n        visualElement.setStaticValue(key, 0)\n        if (sharedAnimationValues) {\n            sharedAnimationValues[key] = 0\n        }\n    }\n}\n\nfunction cancelTreeOptimisedTransformAnimations(\n    projectionNode: IProjectionNode\n) {\n    projectionNode.hasCheckedOptimisedAppear = true\n    if (projectionNode.root === projectionNode) return\n\n    const { visualElement } = projectionNode.options\n\n    if (!visualElement) return\n\n    const appearId = getOptimisedAppearId(visualElement)\n\n    if (window.MotionHasOptimisedAnimation!(appearId, \"transform\")) {\n        const { layout, layoutId } = projectionNode.options\n        window.MotionCancelOptimisedAnimation!(\n            appearId,\n            \"transform\",\n            frame,\n            !(layout || layoutId)\n        )\n    }\n\n    const { parent } = projectionNode\n    if (parent && !parent.hasCheckedOptimisedAppear) {\n        cancelTreeOptimisedTransformAnimations(parent)\n    }\n}\n\nexport function createProjectionNode<I>({\n    attachResizeListener,\n    defaultParent,\n    measureScroll,\n    checkIsScrollRoot,\n    resetTransform,\n}: ProjectionNodeConfig<I>) {\n    return class ProjectionNode implements IProjectionNode<I> {\n        /**\n         * A unique ID generated for every projection node.\n         */\n        id: number = id++\n\n        /**\n         * An id that represents a unique session instigated by startUpdate.\n         */\n        animationId: number = 0\n\n        animationCommitId = 0\n\n        /**\n         * A reference to the platform-native node (currently this will be a HTMLElement).\n         */\n        instance: I | undefined\n\n        /**\n         * A reference to the root projection node. There'll only ever be one tree and one root.\n         */\n        root: IProjectionNode\n\n        /**\n         * A reference to this node's parent.\n         */\n        parent?: IProjectionNode\n\n        /**\n         * A path from this node to the root node. This provides a fast way to iterate\n         * back up the tree.\n         */\n        path: IProjectionNode[]\n\n        /**\n         * A Set containing all this component's children. This is used to iterate\n         * through the children.\n         *\n         * TODO: This could be faster to iterate as a flat array stored on the root node.\n         */\n        children = new Set<IProjectionNode>()\n\n        /**\n         * Options for the node. We use this to configure what kind of layout animations\n         * we should perform (if any).\n         */\n        options: ProjectionNodeOptions = {}\n\n        /**\n         * A snapshot of the element's state just before the current update. This is\n         * hydrated when this node's `willUpdate` method is called and scrubbed at the\n         * end of the tree's `didUpdate` method.\n         */\n        snapshot: Measurements | undefined\n\n        /**\n         * A box defining the element's layout relative to the page. This will have been\n         * captured with all parent scrolls and projection transforms unset.\n         */\n        layout: Measurements | undefined\n\n        /**\n         * The layout used to calculate the previous layout animation. We use this to compare\n         * layouts between renders and decide whether we need to trigger a new layout animation\n         * or just let the current one play out.\n         */\n        targetLayout?: Box\n\n        /**\n         * A mutable data structure we use to apply all parent transforms currently\n         * acting on the element's layout. It's from here we can calculate the projectionDelta\n         * required to get the element from its layout into its calculated target box.\n         */\n        layoutCorrected: Box\n\n        /**\n         * An ideal projection transform we want to apply to the element. This is calculated,\n         * usually when an element's layout has changed, and we want the element to look as though\n         * its in its previous layout on the next frame. From there, we animated it down to 0\n         * to animate the element to its new layout.\n         */\n        targetDelta?: Delta\n\n        /**\n         * A mutable structure representing the visual bounding box on the page where we want\n         * and element to appear. This can be set directly but is currently derived once a frame\n         * from apply targetDelta to layout.\n         */\n        target?: Box\n\n        /**\n         * A mutable structure describing a visual bounding box relative to the element's\n         * projected parent. If defined, target will be derived from this rather than targetDelta.\n         * If not defined, we'll attempt to calculate on the first layout animation frame\n         * based on the targets calculated from targetDelta. This will transfer a layout animation\n         * from viewport-relative to parent-relative.\n         */\n        relativeTarget?: Box\n\n        relativeTargetOrigin?: Box\n        relativeParent?: IProjectionNode\n\n        /**\n         * We use this to detect when its safe to shut down part of a projection tree.\n         * We have to keep projecting children for scale correction and relative projection\n         * until all their parents stop performing layout animations.\n         */\n        isTreeAnimating = false\n\n        isAnimationBlocked = false\n\n        /**\n         * If true, attempt to resolve relativeTarget.\n         */\n        attemptToResolveRelativeTarget?: boolean\n\n        /**\n         * A mutable structure that represents the target as transformed by the element's\n         * latest user-set transforms (ie scale, x)\n         */\n        targetWithTransforms?: Box\n\n        /**\n         * The previous projection delta, which we can compare with the newly calculated\n         * projection delta to see if we need to render.\n         */\n        prevProjectionDelta?: Delta\n\n        /**\n         * A calculated transform that will project an element from its layoutCorrected\n         * into the target. This will be used by children to calculate their own layoutCorrect boxes.\n         */\n        projectionDelta?: Delta\n\n        /**\n         * A calculated transform that will project an element from its layoutCorrected\n         * into the targetWithTransforms.\n         */\n        projectionDeltaWithTransform?: Delta\n\n        /**\n         * If we're tracking the scroll of this element, we store it here.\n         */\n        scroll?: ScrollMeasurements\n\n        /**\n         * Flag to true if we think this layout has been changed. We can't always know this,\n         * currently we set it to true every time a component renders, or if it has a layoutDependency\n         * if that has changed between renders. Additionally, components can be grouped by LayoutGroup\n         * and if one node is dirtied, they all are.\n         */\n        isLayoutDirty = false\n\n        /**\n         * Flag to true if we think the projection calculations for this node needs\n         * recalculating as a result of an updated transform or layout animation.\n         */\n        isProjectionDirty = false\n\n        /**\n         * Flag to true if the layout *or* transform has changed. This then gets propagated\n         * throughout the projection tree, forcing any element below to recalculate on the next frame.\n         */\n        isSharedProjectionDirty = false\n\n        /**\n         * Flag transform dirty. This gets propagated throughout the whole tree but is only\n         * respected by shared nodes.\n         */\n        isTransformDirty = false\n\n        /**\n         * Block layout updates for instant layout transitions throughout the tree.\n         */\n        updateManuallyBlocked = false\n\n        updateBlockedByResize = false\n\n        /**\n         * Set to true between the start of the first `willUpdate` call and the end of the `didUpdate`\n         * call.\n         */\n        isUpdating = false\n\n        /**\n         * If this is an SVG element we currently disable projection transforms\n         */\n        isSVG = false\n\n        /**\n         * Flag to true (during promotion) if a node doing an instant layout transition needs to reset\n         * its projection styles.\n         */\n        needsReset = false\n\n        /**\n         * Flags whether this node should have its transform reset prior to measuring.\n         */\n        shouldResetTransform = false\n\n        /**\n         * Store whether this node has been checked for optimised appear animations. As\n         * effects fire bottom-up, and we want to look up the tree for appear animations,\n         * this makes sure we only check each path once, stopping at nodes that\n         * have already been checked.\n         */\n        hasCheckedOptimisedAppear = false\n\n        /**\n         * An object representing the calculated contextual/accumulated/tree scale.\n         * This will be used to scale calculcated projection transforms, as these are\n         * calculated in screen-space but need to be scaled for elements to layoutly\n         * make it to their calculated destinations.\n         *\n         * TODO: Lazy-init\n         */\n        treeScale: Point = { x: 1, y: 1 }\n\n        /**\n         * Is hydrated with a projection node if an element is animating from another.\n         */\n        resumeFrom?: IProjectionNode\n\n        /**\n         * Is hydrated with a projection node if an element is animating from another.\n         */\n        resumingFrom?: IProjectionNode\n\n        /**\n         * A reference to the element's latest animated values. This is a reference shared\n         * between the element's VisualElement and the ProjectionNode.\n         */\n        latestValues: ResolvedValues\n\n        /**\n         *\n         */\n        eventHandlers = new Map<LayoutEvents, SubscriptionManager<any>>()\n\n        nodes?: FlatTree\n\n        depth: number\n\n        /**\n         * If transformTemplate generates a different value before/after the\n         * update, we need to reset the transform.\n         */\n        prevTransformTemplateValue: string | undefined\n\n        preserveOpacity?: boolean\n\n        hasTreeAnimated = false\n\n        layoutVersion: number = 0\n\n        constructor(\n            latestValues: ResolvedValues = {},\n            parent: IProjectionNode | undefined = defaultParent?.()\n        ) {\n            this.latestValues = latestValues\n            this.root = parent ? parent.root || parent : this\n            this.path = parent ? [...parent.path, parent] : []\n            this.parent = parent\n\n            this.depth = parent ? parent.depth + 1 : 0\n\n            for (let i = 0; i < this.path.length; i++) {\n                this.path[i].shouldResetTransform = true\n            }\n\n            if (this.root === this) this.nodes = new FlatTree()\n        }\n\n        addEventListener(name: LayoutEvents, handler: any) {\n            if (!this.eventHandlers.has(name)) {\n                this.eventHandlers.set(name, new SubscriptionManager())\n            }\n\n            return this.eventHandlers.get(name)!.add(handler)\n        }\n\n        notifyListeners(name: LayoutEvents, ...args: any) {\n            const subscriptionManager = this.eventHandlers.get(name)\n            subscriptionManager && subscriptionManager.notify(...args)\n        }\n\n        hasListeners(name: LayoutEvents) {\n            return this.eventHandlers.has(name)\n        }\n\n        /**\n         * Lifecycles\n         */\n        mount(instance: I) {\n            if (this.instance) return\n\n            this.isSVG = isSVGElement(instance) && !isSVGSVGElement(instance)\n\n            this.instance = instance\n\n            const { layoutId, layout, visualElement } = this.options\n            if (visualElement && !visualElement.current) {\n                visualElement.mount(instance)\n            }\n\n            this.root.nodes!.add(this)\n            this.parent && this.parent.children.add(this)\n\n            if (this.root.hasTreeAnimated && (layout || layoutId)) {\n                this.isLayoutDirty = true\n            }\n\n            if (attachResizeListener) {\n                let cancelDelay: VoidFunction\n                let innerWidth = 0\n\n                const resizeUnblockUpdate = () =>\n                    (this.root.updateBlockedByResize = false)\n\n                // Set initial innerWidth in a frame.read callback to batch the read\n                frame.read(() => {\n                    innerWidth = window.innerWidth\n                })\n\n                attachResizeListener(instance, () => {\n                    const newInnerWidth = window.innerWidth\n                    if (newInnerWidth === innerWidth) return\n\n                    innerWidth = newInnerWidth\n\n                    this.root.updateBlockedByResize = true\n\n                    cancelDelay && cancelDelay()\n                    cancelDelay = delay(resizeUnblockUpdate, 250)\n\n                    if (globalProjectionState.hasAnimatedSinceResize) {\n                        globalProjectionState.hasAnimatedSinceResize = false\n                        this.nodes!.forEach(finishAnimation)\n                    }\n                })\n            }\n\n            if (layoutId) {\n                this.root.registerSharedNode(layoutId, this)\n            }\n\n            // Only register the handler if it requires layout animation\n            if (\n                this.options.animate !== false &&\n                visualElement &&\n                (layoutId || layout)\n            ) {\n                this.addEventListener(\n                    \"didUpdate\",\n                    ({\n                        delta,\n                        hasLayoutChanged,\n                        hasRelativeLayoutChanged,\n                        layout: newLayout,\n                    }: LayoutUpdateData) => {\n                        if (this.isTreeAnimationBlocked()) {\n                            this.target = undefined\n                            this.relativeTarget = undefined\n                            return\n                        }\n\n                        // TODO: Check here if an animation exists\n                        const layoutTransition =\n                            this.options.transition ||\n                            visualElement.getDefaultTransition() ||\n                            defaultLayoutTransition\n\n                        const {\n                            onLayoutAnimationStart,\n                            onLayoutAnimationComplete,\n                        } = visualElement.getProps()\n\n                        /**\n                         * The target layout of the element might stay the same,\n                         * but its position relative to its parent has changed.\n                         */\n                        const hasTargetChanged =\n                            !this.targetLayout ||\n                            !boxEqualsRounded(this.targetLayout, newLayout)\n                        /*\n                         * Note: Disabled to fix relative animations always triggering new\n                         * layout animations. If this causes further issues, we can try\n                         * a different approach to detecting relative target changes.\n                         */\n                        // || hasRelativeLayoutChanged\n\n                        /**\n                         * If the layout hasn't seemed to have changed, it might be that the\n                         * element is visually in the same place in the document but its position\n                         * relative to its parent has indeed changed. So here we check for that.\n                         */\n                        const hasOnlyRelativeTargetChanged =\n                            !hasLayoutChanged && hasRelativeLayoutChanged\n\n                        if (\n                            this.options.layoutRoot ||\n                            this.resumeFrom ||\n                            hasOnlyRelativeTargetChanged ||\n                            (hasLayoutChanged &&\n                                (hasTargetChanged || !this.currentAnimation))\n                        ) {\n                            if (this.resumeFrom) {\n                                this.resumingFrom = this.resumeFrom\n                                this.resumingFrom.resumingFrom = undefined\n                            }\n\n                            const animationOptions = {\n                                ...getValueTransition(\n                                    layoutTransition,\n                                    \"layout\"\n                                ),\n                                onPlay: onLayoutAnimationStart,\n                                onComplete: onLayoutAnimationComplete,\n                            }\n\n                            if (\n                                visualElement.shouldReduceMotion ||\n                                this.options.layoutRoot\n                            ) {\n                                animationOptions.delay = 0\n                                animationOptions.type = false\n                            }\n\n                            this.startAnimation(animationOptions)\n                            /**\n                             * Set animation origin after starting animation to avoid layout jump\n                             * caused by stopping previous layout animation\n                             */\n                            this.setAnimationOrigin(\n                                delta,\n                                hasOnlyRelativeTargetChanged\n                            )\n                        } else {\n                            /**\n                             * If the layout hasn't changed and we have an animation that hasn't started yet,\n                             * finish it immediately. Otherwise it will be animating from a location\n                             * that was probably never committed to screen and look like a jumpy box.\n                             */\n\n                            if (!hasLayoutChanged) {\n                                finishAnimation(this)\n                            }\n\n                            if (this.isLead() && this.options.onExitComplete) {\n                                this.options.onExitComplete()\n                            }\n                        }\n\n                        this.targetLayout = newLayout\n                    }\n                )\n            }\n        }\n\n        unmount() {\n            this.options.layoutId && this.willUpdate()\n            this.root.nodes!.remove(this)\n            const stack = this.getStack()\n            stack && stack.remove(this)\n            this.parent && this.parent.children.delete(this)\n            this.instance = undefined\n            this.eventHandlers.clear()\n\n            cancelFrame(this.updateProjection)\n        }\n\n        // only on the root\n        blockUpdate() {\n            this.updateManuallyBlocked = true\n        }\n\n        unblockUpdate() {\n            this.updateManuallyBlocked = false\n        }\n\n        isUpdateBlocked() {\n            return this.updateManuallyBlocked || this.updateBlockedByResize\n        }\n\n        isTreeAnimationBlocked() {\n            return (\n                this.isAnimationBlocked ||\n                (this.parent && this.parent.isTreeAnimationBlocked()) ||\n                false\n            )\n        }\n\n        // Note: currently only running on root node\n        startUpdate() {\n            if (this.isUpdateBlocked()) return\n\n            this.isUpdating = true\n\n            this.nodes && this.nodes.forEach(resetSkewAndRotation)\n            this.animationId++\n        }\n\n        getTransformTemplate() {\n            const { visualElement } = this.options\n            return visualElement && visualElement.getProps().transformTemplate\n        }\n\n        willUpdate(shouldNotifyListeners = true) {\n            this.root.hasTreeAnimated = true\n\n            if (this.root.isUpdateBlocked()) {\n                this.options.onExitComplete && this.options.onExitComplete()\n                return\n            }\n\n            /**\n             * If we're running optimised appear animations then these must be\n             * cancelled before measuring the DOM. This is so we can measure\n             * the true layout of the element rather than the WAAPI animation\n             * which will be unaffected by the resetSkewAndRotate step.\n             *\n             * Note: This is a DOM write. Worst case scenario is this is sandwiched\n             * between other snapshot reads which will cause unnecessary style recalculations.\n             * This has to happen here though, as we don't yet know which nodes will need\n             * snapshots in startUpdate(), but we only want to cancel optimised animations\n             * if a layout animation measurement is actually going to be affected by them.\n             */\n            if (\n                window.MotionCancelOptimisedAnimation &&\n                !this.hasCheckedOptimisedAppear\n            ) {\n                cancelTreeOptimisedTransformAnimations(this)\n            }\n\n            !this.root.isUpdating && this.root.startUpdate()\n\n            if (this.isLayoutDirty) return\n\n            this.isLayoutDirty = true\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i]\n                node.shouldResetTransform = true\n\n                /**\n                 * Percentage translates resolve against layoutBox dimensions,\n                 * so ancestors with them must be re-measured after transform reset.\n                 */\n                if (\n                    typeof node.latestValues.x === \"string\" ||\n                    typeof node.latestValues.y === \"string\"\n                ) {\n                    node.isLayoutDirty = true\n                }\n\n                node.updateScroll(\"snapshot\")\n\n                if (node.options.layoutRoot) {\n                    node.willUpdate(false)\n                }\n            }\n\n            const { layoutId, layout } = this.options\n            if (layoutId === undefined && !layout) return\n\n            const transformTemplate = this.getTransformTemplate()\n            this.prevTransformTemplateValue = transformTemplate\n                ? transformTemplate(this.latestValues, \"\")\n                : undefined\n\n            this.updateSnapshot()\n            shouldNotifyListeners && this.notifyListeners(\"willUpdate\")\n        }\n\n        // Note: Currently only running on root node\n        updateScheduled = false\n\n        update() {\n            this.updateScheduled = false\n\n            const updateWasBlocked = this.isUpdateBlocked()\n\n            // When doing an instant transition, we skip the layout update,\n            // but should still clean up the measurements so that the next\n            // snapshot could be taken correctly.\n            if (updateWasBlocked) {\n                this.unblockUpdate()\n                this.clearAllSnapshots()\n                this.nodes!.forEach(clearMeasurements)\n                return\n            }\n\n            /**\n             * If this is a repeat of didUpdate then ignore the animation.\n             */\n            if (this.animationId <= this.animationCommitId) {\n                this.nodes!.forEach(clearIsLayoutDirty)\n                return\n            }\n\n            this.animationCommitId = this.animationId\n\n            if (!this.isUpdating) {\n                this.nodes!.forEach(clearIsLayoutDirty)\n            } else {\n                this.isUpdating = false\n\n                /**\n                 * Write\n                 */\n                this.nodes!.forEach(resetTransformStyle)\n\n                /**\n                 * Read ==================\n                 */\n                // Update layout measurements of updated children\n                this.nodes!.forEach(updateLayout)\n\n                /**\n                 * Write\n                 */\n                // Notify listeners that the layout is updated\n                this.nodes!.forEach(notifyLayoutUpdate)\n            }\n\n            this.clearAllSnapshots()\n\n            /**\n             * Manually flush any pending updates. Ideally\n             * we could leave this to the following requestAnimationFrame but this seems\n             * to leave a flash of incorrectly styled content.\n             */\n            const now = time.now()\n            frameData.delta = clamp(0, 1000 / 60, now - frameData.timestamp)\n            frameData.timestamp = now\n            frameData.isProcessing = true\n            frameSteps.update.process(frameData)\n            frameSteps.preRender.process(frameData)\n            frameSteps.render.process(frameData)\n            frameData.isProcessing = false\n        }\n\n        scheduleUpdate = () => this.update()\n\n        didUpdate() {\n            if (!this.updateScheduled) {\n                this.updateScheduled = true\n                microtask.read(this.scheduleUpdate)\n            }\n        }\n\n        clearAllSnapshots() {\n            this.nodes!.forEach(clearSnapshot)\n            this.sharedNodes.forEach(removeLeadSnapshots)\n        }\n\n        projectionUpdateScheduled = false\n        scheduleUpdateProjection() {\n            if (!this.projectionUpdateScheduled) {\n                this.projectionUpdateScheduled = true\n                frame.preRender(this.updateProjection, false, true)\n            }\n        }\n\n        scheduleCheckAfterUnmount() {\n            /**\n             * If the unmounting node is in a layoutGroup and did trigger a willUpdate,\n             * we manually call didUpdate to give a chance to the siblings to animate.\n             * Otherwise, cleanup all snapshots to prevents future nodes from reusing them.\n             */\n            frame.postRender(() => {\n                if (this.isLayoutDirty) {\n                    this.root.didUpdate()\n                } else {\n                    this.root.checkUpdateFailed()\n                }\n            })\n        }\n\n        checkUpdateFailed = () => {\n            if (this.isUpdating) {\n                this.isUpdating = false\n                this.clearAllSnapshots()\n            }\n        }\n\n        /**\n         * This is a multi-step process as shared nodes might be of different depths. Nodes\n         * are sorted by depth order, so we need to resolve the entire tree before moving to\n         * the next step.\n         */\n        updateProjection = () => {\n            this.projectionUpdateScheduled = false\n\n            /**\n             * Reset debug counts. Manually resetting rather than creating a new\n             * object each frame.\n             */\n            if (statsBuffer.value) {\n                metrics.nodes =\n                    metrics.calculatedTargetDeltas =\n                    metrics.calculatedProjections =\n                        0\n            }\n\n            this.nodes!.forEach(propagateDirtyNodes)\n            this.nodes!.forEach(resolveTargetDelta)\n            this.nodes!.forEach(calcProjection)\n            this.nodes!.forEach(cleanDirtyNodes)\n\n            if (statsBuffer.addProjectionMetrics) {\n                statsBuffer.addProjectionMetrics(metrics)\n            }\n        }\n\n        /**\n         * Update measurements\n         */\n        updateSnapshot() {\n            if (this.snapshot || !this.instance) return\n\n            this.snapshot = this.measure()\n\n            if (\n                this.snapshot &&\n                !calcLength(this.snapshot.measuredBox.x) &&\n                !calcLength(this.snapshot.measuredBox.y)\n            ) {\n                this.snapshot = undefined\n            }\n        }\n\n        updateLayout() {\n            if (!this.instance) return\n\n            this.updateScroll()\n\n            if (\n                !(this.options.alwaysMeasureLayout && this.isLead()) &&\n                !this.isLayoutDirty\n            ) {\n                return\n            }\n\n            /**\n             * When a node is mounted, it simply resumes from the prevLead's\n             * snapshot instead of taking a new one, but the ancestors scroll\n             * might have updated while the prevLead is unmounted. We need to\n             * update the scroll again to make sure the layout we measure is\n             * up to date.\n             */\n            if (this.resumeFrom && !this.resumeFrom.instance) {\n                for (let i = 0; i < this.path.length; i++) {\n                    const node = this.path[i]\n                    node.updateScroll()\n                }\n            }\n\n            const prevLayout = this.layout\n            this.layout = this.measure(false)\n            this.layoutVersion++\n            this.layoutCorrected = createBox()\n            this.isLayoutDirty = false\n            this.projectionDelta = undefined\n            this.notifyListeners(\"measure\", this.layout.layoutBox)\n\n            const { visualElement } = this.options\n            visualElement &&\n                visualElement.notify(\n                    \"LayoutMeasure\",\n                    this.layout.layoutBox,\n                    prevLayout ? prevLayout.layoutBox : undefined\n                )\n        }\n\n        updateScroll(phase: Phase = \"measure\") {\n            let needsMeasurement = Boolean(\n                this.options.layoutScroll && this.instance\n            )\n\n            if (\n                this.scroll &&\n                this.scroll.animationId === this.root.animationId &&\n                this.scroll.phase === phase\n            ) {\n                needsMeasurement = false\n            }\n\n            if (needsMeasurement && this.instance) {\n                const isRoot = checkIsScrollRoot(this.instance)\n                this.scroll = {\n                    animationId: this.root.animationId,\n                    phase,\n                    isRoot,\n                    offset: measureScroll(this.instance),\n                    wasRoot: this.scroll ? this.scroll.isRoot : isRoot,\n                }\n            }\n        }\n\n        resetTransform() {\n            if (!resetTransform) return\n\n            const isResetRequested =\n                this.isLayoutDirty ||\n                this.shouldResetTransform ||\n                this.options.alwaysMeasureLayout\n\n            const hasProjection =\n                this.projectionDelta && !isDeltaZero(this.projectionDelta)\n\n            const transformTemplate = this.getTransformTemplate()\n            const transformTemplateValue = transformTemplate\n                ? transformTemplate(this.latestValues, \"\")\n                : undefined\n\n            const transformTemplateHasChanged =\n                transformTemplateValue !== this.prevTransformTemplateValue\n\n            if (\n                isResetRequested &&\n                this.instance &&\n                (hasProjection ||\n                    hasTransform(this.latestValues) ||\n                    transformTemplateHasChanged)\n            ) {\n                resetTransform(this.instance, transformTemplateValue)\n                this.shouldResetTransform = false\n                this.scheduleRender()\n            }\n        }\n\n        measure(removeTransform = true) {\n            const pageBox = this.measurePageBox()\n\n            let layoutBox = this.removeElementScroll(pageBox)\n\n            /**\n             * Measurements taken during the pre-render stage\n             * still have transforms applied so we remove them\n             * via calculation.\n             */\n            if (removeTransform) {\n                layoutBox = this.removeTransform(layoutBox)\n            }\n\n            roundBox(layoutBox)\n\n            return {\n                animationId: this.root.animationId,\n                measuredBox: pageBox,\n                layoutBox,\n                latestValues: {},\n                source: this.id,\n            }\n        }\n\n        measurePageBox() {\n            const { visualElement } = this.options\n            if (!visualElement) return createBox()\n\n            const box = visualElement.measureViewportBox()\n\n            const wasInScrollRoot =\n                this.scroll?.wasRoot || this.path.some(checkNodeWasScrollRoot)\n\n            if (!wasInScrollRoot) {\n                // Remove viewport scroll to give page-relative coordinates\n                const { scroll } = this.root\n                if (scroll) {\n                    translateAxis(box.x, scroll.offset.x)\n                    translateAxis(box.y, scroll.offset.y)\n                }\n            }\n\n            return box\n        }\n\n        removeElementScroll(box: Box): Box {\n            const boxWithoutScroll = createBox()\n            copyBoxInto(boxWithoutScroll, box)\n\n            if (this.scroll?.wasRoot) {\n                return boxWithoutScroll\n            }\n\n            /**\n             * Performance TODO: Keep a cumulative scroll offset down the tree\n             * rather than loop back up the path.\n             */\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i]\n                const { scroll, options } = node\n\n                if (node !== this.root && scroll && options.layoutScroll) {\n                    /**\n                     * If this is a new scroll root, we want to remove all previous scrolls\n                     * from the viewport box.\n                     */\n                    if (scroll.wasRoot) {\n                        copyBoxInto(boxWithoutScroll, box)\n                    }\n\n                    translateAxis(boxWithoutScroll.x, scroll.offset.x)\n                    translateAxis(boxWithoutScroll.y, scroll.offset.y)\n                }\n            }\n\n            return boxWithoutScroll\n        }\n\n        applyTransform(box: Box, transformOnly = false): Box {\n            const withTransforms = createBox()\n            copyBoxInto(withTransforms, box)\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i]\n\n                if (\n                    !transformOnly &&\n                    node.options.layoutScroll &&\n                    node.scroll &&\n                    node !== node.root\n                ) {\n                    transformBox(withTransforms, {\n                        x: -node.scroll.offset.x,\n                        y: -node.scroll.offset.y,\n                    })\n                }\n\n                if (!hasTransform(node.latestValues)) continue\n                transformBox(\n                    withTransforms,\n                    node.latestValues,\n                    node.layout?.layoutBox\n                )\n            }\n\n            if (hasTransform(this.latestValues)) {\n                transformBox(\n                    withTransforms,\n                    this.latestValues,\n                    this.layout?.layoutBox\n                )\n            }\n\n            return withTransforms\n        }\n\n        removeTransform(box: Box): Box {\n            const boxWithoutTransform = createBox()\n            copyBoxInto(boxWithoutTransform, box)\n\n            for (let i = 0; i < this.path.length; i++) {\n                const node = this.path[i]\n                if (!hasTransform(node.latestValues)) continue\n\n                let sourceBox: Box | undefined\n\n                if (node.instance) {\n                    hasScale(node.latestValues) && node.updateSnapshot()\n                    sourceBox = createBox()\n                    copyBoxInto(sourceBox, node.measurePageBox())\n                }\n\n                removeBoxTransforms(\n                    boxWithoutTransform,\n                    node.latestValues,\n                    node.snapshot?.layoutBox,\n                    sourceBox\n                )\n            }\n\n            if (hasTransform(this.latestValues)) {\n                removeBoxTransforms(boxWithoutTransform, this.latestValues)\n            }\n\n            return boxWithoutTransform\n        }\n\n        setTargetDelta(delta: Delta) {\n            this.targetDelta = delta\n            this.root.scheduleUpdateProjection()\n            this.isProjectionDirty = true\n        }\n\n        setOptions(options: ProjectionNodeOptions) {\n            this.options = {\n                ...this.options,\n                ...options,\n                crossfade:\n                    options.crossfade !== undefined ? options.crossfade : true,\n            }\n        }\n\n        clearMeasurements() {\n            this.scroll = undefined\n            this.layout = undefined\n            this.snapshot = undefined\n            this.prevTransformTemplateValue = undefined\n            this.targetDelta = undefined\n            this.target = undefined\n            this.isLayoutDirty = false\n        }\n\n        forceRelativeParentToResolveTarget() {\n            if (!this.relativeParent) return\n\n            /**\n             * If the parent target isn't up-to-date, force it to update.\n             * This is an unfortunate de-optimisation as it means any updating relative\n             * projection will cause all the relative parents to recalculate back\n             * up the tree.\n             */\n            if (\n                this.relativeParent.resolvedRelativeTargetAt !==\n                frameData.timestamp\n            ) {\n                this.relativeParent.resolveTargetDelta(true)\n            }\n        }\n\n        /**\n         * Frame calculations\n         */\n        resolvedRelativeTargetAt: number = 0.0\n        resolveTargetDelta(forceRecalculation = false) {\n            /**\n             * Once the dirty status of nodes has been spread through the tree, we also\n             * need to check if we have a shared node of a different depth that has itself\n             * been dirtied.\n             */\n            const lead = this.getLead()\n            this.isProjectionDirty ||= lead.isProjectionDirty\n            this.isTransformDirty ||= lead.isTransformDirty\n            this.isSharedProjectionDirty ||= lead.isSharedProjectionDirty\n\n            const isShared = Boolean(this.resumingFrom) || this !== lead\n\n            /**\n             * We don't use transform for this step of processing so we don't\n             * need to check whether any nodes have changed transform.\n             */\n            const canSkip = !(\n                forceRecalculation ||\n                (isShared && this.isSharedProjectionDirty) ||\n                this.isProjectionDirty ||\n                this.parent?.isProjectionDirty ||\n                this.attemptToResolveRelativeTarget ||\n                this.root.updateBlockedByResize\n            )\n\n            if (canSkip) return\n\n            const { layout, layoutId } = this.options\n\n            /**\n             * If we have no layout, we can't perform projection, so early return\n             */\n            if (!this.layout || !(layout || layoutId)) return\n\n            this.resolvedRelativeTargetAt = frameData.timestamp\n\n            const relativeParent = this.getClosestProjectingParent()\n\n            if (\n                relativeParent &&\n                this.linkedParentVersion !== relativeParent.layoutVersion &&\n                !relativeParent.options.layoutRoot\n            ) {\n                this.removeRelativeTarget()\n            }\n\n            /**\n             * If we don't have a targetDelta but do have a layout, we can attempt to resolve\n             * a relativeParent. This will allow a component to perform scale correction\n             * even if no animation has started.\n             */\n            if (!this.targetDelta && !this.relativeTarget) {\n                if (relativeParent && relativeParent.layout) {\n                    this.createRelativeTarget(\n                        relativeParent,\n                        this.layout.layoutBox,\n                        relativeParent.layout.layoutBox\n                    )\n                } else {\n                    this.removeRelativeTarget()\n                }\n            }\n\n            /**\n             * If we have no relative target or no target delta our target isn't valid\n             * for this frame.\n             */\n            if (!this.relativeTarget && !this.targetDelta) return\n\n            /**\n             * Lazy-init target data structure\n             */\n            if (!this.target) {\n                this.target = createBox()\n                this.targetWithTransforms = createBox()\n            }\n\n            /**\n             * If we've got a relative box for this component, resolve it into a target relative to the parent.\n             */\n            if (\n                this.relativeTarget &&\n                this.relativeTargetOrigin &&\n                this.relativeParent &&\n                this.relativeParent.target\n            ) {\n                this.forceRelativeParentToResolveTarget()\n\n                calcRelativeBox(\n                    this.target,\n                    this.relativeTarget,\n                    this.relativeParent.target\n                )\n\n                /**\n                 * If we've only got a targetDelta, resolve it into a target\n                 */\n            } else if (this.targetDelta) {\n                if (Boolean(this.resumingFrom)) {\n                    // TODO: This is creating a new object every frame\n                    this.target = this.applyTransform(this.layout.layoutBox)\n                } else {\n                    copyBoxInto(this.target, this.layout.layoutBox)\n                }\n\n                applyBoxDelta(this.target, this.targetDelta)\n            } else {\n                /**\n                 * If no target, use own layout as target\n                 */\n                copyBoxInto(this.target, this.layout.layoutBox)\n            }\n\n            /**\n             * If we've been told to attempt to resolve a relative target, do so.\n             */\n            if (this.attemptToResolveRelativeTarget) {\n                this.attemptToResolveRelativeTarget = false\n\n                if (\n                    relativeParent &&\n                    Boolean(relativeParent.resumingFrom) ===\n                        Boolean(this.resumingFrom) &&\n                    !relativeParent.options.layoutScroll &&\n                    relativeParent.target &&\n                    this.animationProgress !== 1\n                ) {\n                    this.createRelativeTarget(\n                        relativeParent,\n                        this.target,\n                        relativeParent.target\n                    )\n                } else {\n                    this.relativeParent = this.relativeTarget = undefined\n                }\n            }\n\n            /**\n             * Increase debug counter for resolved target deltas\n             */\n            if (statsBuffer.value) {\n                metrics.calculatedTargetDeltas++\n            }\n        }\n\n        getClosestProjectingParent() {\n            if (\n                !this.parent ||\n                hasScale(this.parent.latestValues) ||\n                has2DTranslate(this.parent.latestValues)\n            ) {\n                return undefined\n            }\n\n            if (this.parent.isProjecting()) {\n                return this.parent\n            } else {\n                return this.parent.getClosestProjectingParent()\n            }\n        }\n\n        isProjecting() {\n            return Boolean(\n                (this.relativeTarget ||\n                    this.targetDelta ||\n                    this.options.layoutRoot) &&\n                    this.layout\n            )\n        }\n\n        linkedParentVersion: number = 0\n        createRelativeTarget(\n            relativeParent: IProjectionNode,\n            layout: Box,\n            parentLayout: Box\n        ) {\n            this.relativeParent = relativeParent\n            this.linkedParentVersion = relativeParent.layoutVersion\n            this.forceRelativeParentToResolveTarget()\n            this.relativeTarget = createBox()\n            this.relativeTargetOrigin = createBox()\n            calcRelativePosition(\n                this.relativeTargetOrigin,\n                layout,\n                parentLayout\n            )\n\n            copyBoxInto(this.relativeTarget, this.relativeTargetOrigin)\n        }\n\n        removeRelativeTarget() {\n            this.relativeParent = this.relativeTarget = undefined\n        }\n\n        hasProjected: boolean = false\n\n        calcProjection() {\n            const lead = this.getLead()\n            const isShared = Boolean(this.resumingFrom) || this !== lead\n\n            let canSkip = true\n\n            /**\n             * If this is a normal layout animation and neither this node nor its nearest projecting\n             * is dirty then we can't skip.\n             */\n            if (this.isProjectionDirty || this.parent?.isProjectionDirty) {\n                canSkip = false\n            }\n\n            /**\n             * If this is a shared layout animation and this node's shared projection is dirty then\n             * we can't skip.\n             */\n            if (\n                isShared &&\n                (this.isSharedProjectionDirty || this.isTransformDirty)\n            ) {\n                canSkip = false\n            }\n\n            /**\n             * If we have resolved the target this frame we must recalculate the\n             * projection to ensure it visually represents the internal calculations.\n             */\n            if (this.resolvedRelativeTargetAt === frameData.timestamp) {\n                canSkip = false\n            }\n\n            if (canSkip) return\n\n            const { layout, layoutId } = this.options\n\n            /**\n             * If this section of the tree isn't animating we can\n             * delete our target sources for the following frame.\n             */\n            this.isTreeAnimating = Boolean(\n                (this.parent && this.parent.isTreeAnimating) ||\n                    this.currentAnimation ||\n                    this.pendingAnimation\n            )\n            if (!this.isTreeAnimating) {\n                this.targetDelta = this.relativeTarget = undefined\n            }\n\n            if (!this.layout || !(layout || layoutId)) return\n\n            /**\n             * Reset the corrected box with the latest values from box, as we're then going\n             * to perform mutative operations on it.\n             */\n            copyBoxInto(this.layoutCorrected, this.layout.layoutBox)\n\n            /**\n             * Record previous tree scales before updating.\n             */\n            const prevTreeScaleX = this.treeScale.x\n            const prevTreeScaleY = this.treeScale.y\n            /**\n             * Apply all the parent deltas to this box to produce the corrected box. This\n             * is the layout box, as it will appear on screen as a result of the transforms of its parents.\n             */\n            applyTreeDeltas(\n                this.layoutCorrected,\n                this.treeScale,\n                this.path,\n                isShared\n            )\n\n            /**\n             * If this layer needs to perform scale correction but doesn't have a target,\n             * use the layout as the target.\n             */\n            if (\n                lead.layout &&\n                !lead.target &&\n                (this.treeScale.x !== 1 || this.treeScale.y !== 1)\n            ) {\n                lead.target = lead.layout.layoutBox\n                lead.targetWithTransforms = createBox()\n            }\n\n            const { target } = lead\n\n            if (!target) {\n                /**\n                 * If we don't have a target to project into, but we were previously\n                 * projecting, we want to remove the stored transform and schedule\n                 * a render to ensure the elements reflect the removed transform.\n                 */\n                if (this.prevProjectionDelta) {\n                    this.createProjectionDeltas()\n                    this.scheduleRender()\n                }\n\n                return\n            }\n\n            if (!this.projectionDelta || !this.prevProjectionDelta) {\n                this.createProjectionDeltas()\n            } else {\n                copyAxisDeltaInto(\n                    this.prevProjectionDelta.x,\n                    this.projectionDelta.x\n                )\n                copyAxisDeltaInto(\n                    this.prevProjectionDelta.y,\n                    this.projectionDelta.y\n                )\n            }\n\n            /**\n             * Update the delta between the corrected box and the target box before user-set transforms were applied.\n             * This will allow us to calculate the corrected borderRadius and boxShadow to compensate\n             * for our layout reprojection, but still allow them to be scaled correctly by the user.\n             * It might be that to simplify this we may want to accept that user-set scale is also corrected\n             * and we wouldn't have to keep and calc both deltas, OR we could support a user setting\n             * to allow people to choose whether these styles are corrected based on just the\n             * layout reprojection or the final bounding box.\n             */\n            calcBoxDelta(\n                this.projectionDelta!,\n                this.layoutCorrected,\n                target,\n                this.latestValues\n            )\n\n            if (\n                this.treeScale.x !== prevTreeScaleX ||\n                this.treeScale.y !== prevTreeScaleY ||\n                !axisDeltaEquals(\n                    this.projectionDelta!.x,\n                    this.prevProjectionDelta!.x\n                ) ||\n                !axisDeltaEquals(\n                    this.projectionDelta!.y,\n                    this.prevProjectionDelta!.y\n                )\n            ) {\n                this.hasProjected = true\n                this.scheduleRender()\n                this.notifyListeners(\"projectionUpdate\", target)\n            }\n\n            /**\n             * Increase debug counter for recalculated projections\n             */\n            if (statsBuffer.value) {\n                metrics.calculatedProjections++\n            }\n        }\n\n        isVisible = true\n        hide() {\n            this.isVisible = false\n            // TODO: Schedule render\n        }\n        show() {\n            this.isVisible = true\n            // TODO: Schedule render\n        }\n\n        scheduleRender(notifyAll = true) {\n            this.options.visualElement?.scheduleRender()\n            if (notifyAll) {\n                const stack = this.getStack()\n                stack && stack.scheduleRender()\n            }\n            if (this.resumingFrom && !this.resumingFrom.instance) {\n                this.resumingFrom = undefined\n            }\n        }\n\n        createProjectionDeltas() {\n            this.prevProjectionDelta = createDelta()\n            this.projectionDelta = createDelta()\n            this.projectionDeltaWithTransform = createDelta()\n        }\n\n        /**\n         * Animation\n         */\n        animationValues?: ResolvedValues\n        pendingAnimation?: Process\n        currentAnimation?: JSAnimation<number>\n        mixTargetDelta: (progress: number) => void\n        animationProgress = 0\n\n        setAnimationOrigin(\n            delta: Delta,\n            hasOnlyRelativeTargetChanged: boolean = false\n        ) {\n            const snapshot = this.snapshot\n            const snapshotLatestValues = snapshot ? snapshot.latestValues : {}\n            const mixedValues = { ...this.latestValues }\n\n            const targetDelta = createDelta()\n            if (\n                !this.relativeParent ||\n                !this.relativeParent.options.layoutRoot\n            ) {\n                this.relativeTarget = this.relativeTargetOrigin = undefined\n            }\n            this.attemptToResolveRelativeTarget = !hasOnlyRelativeTargetChanged\n\n            const relativeLayout = createBox()\n\n            const snapshotSource = snapshot ? snapshot.source : undefined\n            const layoutSource = this.layout ? this.layout.source : undefined\n            const isSharedLayoutAnimation = snapshotSource !== layoutSource\n            const stack = this.getStack()\n            const isOnlyMember = !stack || stack.members.length <= 1\n            const shouldCrossfadeOpacity = Boolean(\n                isSharedLayoutAnimation &&\n                    !isOnlyMember &&\n                    this.options.crossfade === true &&\n                    !this.path.some(hasOpacityCrossfade)\n            )\n\n            this.animationProgress = 0\n\n            let prevRelativeTarget: Box\n\n            this.mixTargetDelta = (latest: number) => {\n                const progress = latest / 1000\n\n                mixAxisDelta(targetDelta.x, delta.x, progress)\n                mixAxisDelta(targetDelta.y, delta.y, progress)\n                this.setTargetDelta(targetDelta)\n\n                if (\n                    this.relativeTarget &&\n                    this.relativeTargetOrigin &&\n                    this.layout &&\n                    this.relativeParent &&\n                    this.relativeParent.layout\n                ) {\n                    calcRelativePosition(\n                        relativeLayout,\n                        this.layout.layoutBox,\n                        this.relativeParent.layout.layoutBox\n                    )\n                    mixBox(\n                        this.relativeTarget,\n                        this.relativeTargetOrigin,\n                        relativeLayout,\n                        progress\n                    )\n\n                    /**\n                     * If this is an unchanged relative target we can consider the\n                     * projection not dirty.\n                     */\n                    if (\n                        prevRelativeTarget &&\n                        boxEquals(this.relativeTarget, prevRelativeTarget)\n                    ) {\n                        this.isProjectionDirty = false\n                    }\n\n                    if (!prevRelativeTarget) prevRelativeTarget = createBox()\n                    copyBoxInto(prevRelativeTarget, this.relativeTarget)\n                }\n\n                if (isSharedLayoutAnimation) {\n                    this.animationValues = mixedValues\n\n                    mixValues(\n                        mixedValues,\n                        snapshotLatestValues,\n                        this.latestValues,\n                        progress,\n                        shouldCrossfadeOpacity,\n                        isOnlyMember\n                    )\n                }\n\n                this.root.scheduleUpdateProjection()\n                this.scheduleRender()\n\n                this.animationProgress = progress\n            }\n\n            this.mixTargetDelta(this.options.layoutRoot ? 1000 : 0)\n        }\n\n        motionValue?: MotionValue<number>\n        startAnimation(options: ValueAnimationOptions<number>) {\n            this.notifyListeners(\"animationStart\")\n\n            this.currentAnimation?.stop()\n            this.resumingFrom?.currentAnimation?.stop()\n\n            if (this.pendingAnimation) {\n                cancelFrame(this.pendingAnimation)\n                this.pendingAnimation = undefined\n            }\n\n            /**\n             * Start the animation in the next frame to have a frame with progress 0,\n             * where the target is the same as when the animation started, so we can\n             * calculate the relative positions correctly for instant transitions.\n             */\n            this.pendingAnimation = frame.update(() => {\n                globalProjectionState.hasAnimatedSinceResize = true\n\n                activeAnimations.layout++\n                this.motionValue ||= motionValue(0)\n                this.motionValue.jump(0, false)\n\n                this.currentAnimation = animateSingleValue(\n                    this.motionValue,\n                    [0, 1000],\n                    {\n                        ...(options as any),\n                        velocity: 0,\n                        isSync: true,\n                        onUpdate: (latest: number) => {\n                            this.mixTargetDelta(latest)\n                            options.onUpdate && options.onUpdate(latest)\n                        },\n                        onStop: () => {\n                            activeAnimations.layout--\n                        },\n                        onComplete: () => {\n                            activeAnimations.layout--\n                            options.onComplete && options.onComplete()\n                            this.completeAnimation()\n                        },\n                    }\n                ) as JSAnimation<number>\n\n                if (this.resumingFrom) {\n                    this.resumingFrom.currentAnimation = this.currentAnimation\n                }\n\n                this.pendingAnimation = undefined\n            })\n        }\n\n        completeAnimation() {\n            if (this.resumingFrom) {\n                this.resumingFrom.currentAnimation = undefined\n                this.resumingFrom.preserveOpacity = undefined\n            }\n\n            const stack = this.getStack()\n            stack && stack.exitAnimationComplete()\n            this.resumingFrom =\n                this.currentAnimation =\n                this.animationValues =\n                    undefined\n\n            this.notifyListeners(\"animationComplete\")\n        }\n\n        finishAnimation() {\n            if (this.currentAnimation) {\n                this.mixTargetDelta && this.mixTargetDelta(animationTarget)\n                this.currentAnimation.stop()\n            }\n\n            this.completeAnimation()\n        }\n\n        applyTransformsToTarget() {\n            const lead = this.getLead()\n            let { targetWithTransforms, target, layout, latestValues } = lead\n\n            if (!targetWithTransforms || !target || !layout) return\n\n            /**\n             * If we're only animating position, and this element isn't the lead element,\n             * then instead of projecting into the lead box we instead want to calculate\n             * a new target that aligns the two boxes but maintains the layout shape.\n             */\n            if (\n                this !== lead &&\n                this.layout &&\n                layout &&\n                shouldAnimatePositionOnly(\n                    this.options.animationType,\n                    this.layout.layoutBox,\n                    layout.layoutBox\n                )\n            ) {\n                target = this.target || createBox()\n\n                const xLength = calcLength(this.layout!.layoutBox.x)\n                target!.x.min = lead.target!.x.min\n                target!.x.max = target.x.min + xLength\n\n                const yLength = calcLength(this.layout!.layoutBox.y)\n                target!.y.min = lead.target!.y.min\n                target!.y.max = target.y.min + yLength\n            }\n\n            copyBoxInto(targetWithTransforms, target)\n\n            /**\n             * Apply the latest user-set transforms to the targetBox to produce the targetBoxFinal.\n             * This is the final box that we will then project into by calculating a transform delta and\n             * applying it to the corrected box.\n             */\n            transformBox(targetWithTransforms, latestValues)\n\n            /**\n             * Update the delta between the corrected box and the final target box, after\n             * user-set transforms are applied to it. This will be used by the renderer to\n             * create a transform style that will reproject the element from its layout layout\n             * into the desired bounding box.\n             */\n            calcBoxDelta(\n                this.projectionDeltaWithTransform!,\n                this.layoutCorrected,\n                targetWithTransforms!,\n                latestValues\n            )\n        }\n\n        /**\n         * Shared layout\n         */\n        // TODO Only running on root node\n        sharedNodes: Map<string, NodeStack> = new Map()\n        registerSharedNode(layoutId: string, node: IProjectionNode) {\n            if (!this.sharedNodes.has(layoutId)) {\n                this.sharedNodes.set(layoutId, new NodeStack())\n            }\n\n            const stack = this.sharedNodes.get(layoutId)!\n            stack.add(node)\n\n            const config = node.options.initialPromotionConfig\n            node.promote({\n                transition: config ? config.transition : undefined,\n                preserveFollowOpacity:\n                    config && config.shouldPreserveFollowOpacity\n                        ? config.shouldPreserveFollowOpacity(node)\n                        : undefined,\n            })\n        }\n\n        isLead(): boolean {\n            const stack = this.getStack()\n            return stack ? stack.lead === this : true\n        }\n\n        getLead() {\n            const { layoutId } = this.options\n            return layoutId ? this.getStack()?.lead || this : this\n        }\n\n        getPrevLead() {\n            const { layoutId } = this.options\n            return layoutId ? this.getStack()?.prevLead : undefined\n        }\n\n        getStack() {\n            const { layoutId } = this.options\n            if (layoutId) return this.root.sharedNodes.get(layoutId)\n        }\n\n        promote({\n            needsReset,\n            transition,\n            preserveFollowOpacity,\n        }: {\n            needsReset?: boolean\n            transition?: Transition\n            preserveFollowOpacity?: boolean\n        } = {}) {\n            const stack = this.getStack()\n            if (stack) stack.promote(this, preserveFollowOpacity)\n\n            if (needsReset) {\n                this.projectionDelta = undefined\n                this.needsReset = true\n            }\n            if (transition) this.setOptions({ transition })\n        }\n\n        relegate(): boolean {\n            const stack = this.getStack()\n            if (stack) {\n                return stack.relegate(this)\n            } else {\n                return false\n            }\n        }\n\n        resetSkewAndRotation() {\n            const { visualElement } = this.options\n\n            if (!visualElement) return\n\n            // If there's no detected skew or rotation values, we can early return without a forced render.\n            let hasDistortingTransform = false\n\n            /**\n             * An unrolled check for rotation values. Most elements don't have any rotation and\n             * skipping the nested loop and new object creation is 50% faster.\n             */\n            const { latestValues } = visualElement\n            if (\n                latestValues.z ||\n                latestValues.rotate ||\n                latestValues.rotateX ||\n                latestValues.rotateY ||\n                latestValues.rotateZ ||\n                latestValues.skewX ||\n                latestValues.skewY\n            ) {\n                hasDistortingTransform = true\n            }\n\n            // If there's no distorting values, we don't need to do any more.\n            if (!hasDistortingTransform) return\n\n            const resetValues: ResolvedValues = {}\n\n            if (latestValues.z) {\n                resetDistortingTransform(\n                    \"z\",\n                    visualElement,\n                    resetValues,\n                    this.animationValues\n                )\n            }\n\n            // Check the skew and rotate value of all axes and reset to 0\n            for (let i = 0; i < transformAxes.length; i++) {\n                resetDistortingTransform(\n                    `rotate${transformAxes[i]}`,\n                    visualElement,\n                    resetValues,\n                    this.animationValues\n                )\n                resetDistortingTransform(\n                    `skew${transformAxes[i]}`,\n                    visualElement,\n                    resetValues,\n                    this.animationValues\n                )\n            }\n\n            // Force a render of this element to apply the transform with all skews and rotations\n            // set to 0.\n            visualElement.render()\n\n            // Put back all the values we reset\n            for (const key in resetValues) {\n                visualElement.setStaticValue(key, resetValues[key])\n                if (this.animationValues) {\n                    this.animationValues[key] = resetValues[key]\n                }\n            }\n\n            // Schedule a render for the next frame. This ensures we won't visually\n            // see the element with the reset rotate value applied.\n            visualElement.scheduleRender()\n        }\n\n        applyProjectionStyles(\n            targetStyle: any, // CSSStyleDeclaration - doesn't allow numbers to be assigned to properties\n            styleProp?: MotionStyle\n        ) {\n            if (!this.instance || this.isSVG) return\n\n            if (!this.isVisible) {\n                targetStyle.visibility = \"hidden\"\n                return\n            }\n\n            const transformTemplate = this.getTransformTemplate()\n\n            if (this.needsReset) {\n                this.needsReset = false\n\n                targetStyle.visibility = \"\"\n                targetStyle.opacity = \"\"\n                targetStyle.pointerEvents =\n                    resolveMotionValue(styleProp?.pointerEvents) || \"\"\n                targetStyle.transform = transformTemplate\n                    ? transformTemplate(this.latestValues, \"\")\n                    : \"none\"\n                return\n            }\n\n            const lead = this.getLead()\n            if (!this.projectionDelta || !this.layout || !lead.target) {\n                if (this.options.layoutId) {\n                    targetStyle.opacity =\n                        this.latestValues.opacity !== undefined\n                            ? this.latestValues.opacity\n                            : 1\n                    targetStyle.pointerEvents =\n                        resolveMotionValue(styleProp?.pointerEvents) || \"\"\n                }\n                if (this.hasProjected && !hasTransform(this.latestValues)) {\n                    targetStyle.transform = transformTemplate\n                        ? transformTemplate({}, \"\")\n                        : \"none\"\n                    this.hasProjected = false\n                }\n\n                return\n            }\n\n            targetStyle.visibility = \"\"\n\n            const valuesToRender = lead.animationValues || lead.latestValues\n            this.applyTransformsToTarget()\n\n            let transform = buildProjectionTransform(\n                this.projectionDeltaWithTransform!,\n                this.treeScale,\n                valuesToRender\n            )\n\n            if (transformTemplate) {\n                transform = transformTemplate(valuesToRender, transform)\n            }\n\n            targetStyle.transform = transform\n\n            const { x, y } = this.projectionDelta\n            targetStyle.transformOrigin = `${x.origin * 100}% ${\n                y.origin * 100\n            }% 0`\n\n            if (lead.animationValues) {\n                /**\n                 * If the lead component is animating, assign this either the entering/leaving\n                 * opacity\n                 */\n                targetStyle.opacity =\n                    lead === this\n                        ? valuesToRender.opacity ??\n                          this.latestValues.opacity ??\n                          1\n                        : this.preserveOpacity\n                        ? this.latestValues.opacity\n                        : valuesToRender.opacityExit\n            } else {\n                /**\n                 * Or we're not animating at all, set the lead component to its layout\n                 * opacity and other components to hidden.\n                 */\n                targetStyle.opacity =\n                    lead === this\n                        ? valuesToRender.opacity !== undefined\n                            ? valuesToRender.opacity\n                            : \"\"\n                        : valuesToRender.opacityExit !== undefined\n                        ? valuesToRender.opacityExit\n                        : 0\n            }\n\n            /**\n             * Apply scale correction\n             */\n            for (const key in scaleCorrectors) {\n                if (valuesToRender[key] === undefined) continue\n\n                const { correct, applyTo, isCSSVariable } = scaleCorrectors[key]\n\n                /**\n                 * Only apply scale correction to the value if we have an\n                 * active projection transform. Otherwise these values become\n                 * vulnerable to distortion if the element changes size without\n                 * a corresponding layout animation.\n                 */\n                const corrected =\n                    transform === \"none\"\n                        ? valuesToRender[key]\n                        : correct(valuesToRender[key], lead)\n\n                if (applyTo) {\n                    const num = applyTo.length\n                    for (let i = 0; i < num; i++) {\n                        targetStyle[applyTo[i] as any] = corrected\n                    }\n                } else {\n                    // If this is a CSS variable, set it directly on the instance.\n                    // Replacing this function from creating styles to setting them\n                    // would be a good place to remove per frame object creation\n                    if (isCSSVariable) {\n                        ;(\n                            this.options.visualElement as HTMLVisualElement\n                        ).renderState.vars[key] = corrected\n                    } else {\n                        targetStyle[key as any] = corrected\n                    }\n                }\n            }\n\n            /**\n             * Disable pointer events on follow components. This is to ensure\n             * that if a follow component covers a lead component it doesn't block\n             * pointer events on the lead.\n             */\n            if (this.options.layoutId) {\n                targetStyle.pointerEvents =\n                    lead === this\n                        ? resolveMotionValue(styleProp?.pointerEvents) || \"\"\n                        : \"none\"\n            }\n        }\n\n        clearSnapshot() {\n            this.resumeFrom = this.snapshot = undefined\n        }\n\n        // Only run on root\n        resetTree() {\n            this.root.nodes!.forEach((node: IProjectionNode) =>\n                node.currentAnimation?.stop()\n            )\n            this.root.nodes!.forEach(clearMeasurements)\n            this.root.sharedNodes.clear()\n        }\n    }\n}\n\nfunction updateLayout(node: IProjectionNode) {\n    node.updateLayout()\n}\n\nfunction notifyLayoutUpdate(node: IProjectionNode) {\n    const snapshot = node.resumeFrom?.snapshot || node.snapshot\n\n    if (\n        node.isLead() &&\n        node.layout &&\n        snapshot &&\n        node.hasListeners(\"didUpdate\")\n    ) {\n        const { layoutBox: layout, measuredBox: measuredLayout } = node.layout\n        const { animationType } = node.options\n\n        const isShared = snapshot.source !== node.layout.source\n\n        // TODO Maybe we want to also resize the layout snapshot so we don't trigger\n        // animations for instance if layout=\"size\" and an element has only changed position\n        if (animationType === \"size\") {\n            eachAxis((axis) => {\n                const axisSnapshot = isShared\n                    ? snapshot.measuredBox[axis]\n                    : snapshot.layoutBox[axis]\n                const length = calcLength(axisSnapshot)\n                axisSnapshot.min = layout[axis].min\n                axisSnapshot.max = axisSnapshot.min + length\n            })\n        } else if (animationType === \"x\" || animationType === \"y\") {\n            const snapAxis = animationType === \"x\" ? \"y\" : \"x\"\n            copyAxisInto(\n                isShared\n                    ? snapshot.measuredBox[snapAxis]\n                    : snapshot.layoutBox[snapAxis],\n                layout[snapAxis]\n            )\n        } else if (\n            shouldAnimatePositionOnly(animationType, snapshot.layoutBox, layout)\n        ) {\n            eachAxis((axis) => {\n                const axisSnapshot = isShared\n                    ? snapshot.measuredBox[axis]\n                    : snapshot.layoutBox[axis]\n                const length = calcLength(layout[axis])\n                axisSnapshot.max = axisSnapshot.min + length\n\n                /**\n                 * Ensure relative target gets resized and rerendererd\n                 */\n                if (node.relativeTarget && !node.currentAnimation) {\n                    node.isProjectionDirty = true\n                    node.relativeTarget[axis].max =\n                        node.relativeTarget[axis].min + length\n                }\n            })\n        }\n\n        const layoutDelta = createDelta()\n\n        calcBoxDelta(layoutDelta, layout, snapshot.layoutBox)\n        const visualDelta = createDelta()\n        if (isShared) {\n            calcBoxDelta(\n                visualDelta,\n                node.applyTransform(measuredLayout, true),\n                snapshot.measuredBox\n            )\n        } else {\n            calcBoxDelta(visualDelta, layout, snapshot.layoutBox)\n        }\n\n        const hasLayoutChanged = !isDeltaZero(layoutDelta)\n        let hasRelativeLayoutChanged = false\n\n        if (!node.resumeFrom) {\n            const relativeParent = node.getClosestProjectingParent()\n\n            /**\n             * If the relativeParent is itself resuming from a different element then\n             * the relative snapshot is not relavent\n             */\n            if (relativeParent && !relativeParent.resumeFrom) {\n                const { snapshot: parentSnapshot, layout: parentLayout } =\n                    relativeParent\n\n                if (parentSnapshot && parentLayout) {\n                    const relativeSnapshot = createBox()\n                    calcRelativePosition(\n                        relativeSnapshot,\n                        snapshot.layoutBox,\n                        parentSnapshot.layoutBox\n                    )\n\n                    const relativeLayout = createBox()\n                    calcRelativePosition(\n                        relativeLayout,\n                        layout,\n                        parentLayout.layoutBox\n                    )\n\n                    if (!boxEqualsRounded(relativeSnapshot, relativeLayout)) {\n                        hasRelativeLayoutChanged = true\n                    }\n\n                    if (relativeParent.options.layoutRoot) {\n                        node.relativeTarget = relativeLayout\n                        node.relativeTargetOrigin = relativeSnapshot\n                        node.relativeParent = relativeParent\n                    }\n                }\n            }\n        }\n\n        node.notifyListeners(\"didUpdate\", {\n            layout,\n            snapshot,\n            delta: visualDelta,\n            layoutDelta,\n            hasLayoutChanged,\n            hasRelativeLayoutChanged,\n        })\n    } else if (node.isLead()) {\n        const { onExitComplete } = node.options\n        onExitComplete && onExitComplete()\n    }\n\n    /**\n     * Clearing transition\n     * TODO: Investigate why this transition is being passed in as {type: false } from Framer\n     * and why we need it at all\n     */\n    node.options.transition = undefined\n}\n\nexport function propagateDirtyNodes(node: IProjectionNode) {\n    /**\n     * Increase debug counter for nodes encountered this frame\n     */\n    if (statsBuffer.value) {\n        metrics.nodes++\n    }\n\n    if (!node.parent) return\n\n    /**\n     * If this node isn't projecting, propagate isProjectionDirty. It will have\n     * no performance impact but it will allow the next child that *is* projecting\n     * but *isn't* dirty to just check its parent to see if *any* ancestor needs\n     * correcting.\n     */\n    if (!node.isProjecting()) {\n        node.isProjectionDirty = node.parent.isProjectionDirty\n    }\n\n    /**\n     * Propagate isSharedProjectionDirty and isTransformDirty\n     * throughout the whole tree. A future revision can take another look at\n     * this but for safety we still recalcualte shared nodes.\n     */\n    node.isSharedProjectionDirty ||= Boolean(\n        node.isProjectionDirty ||\n            node.parent.isProjectionDirty ||\n            node.parent.isSharedProjectionDirty\n    )\n\n    node.isTransformDirty ||= node.parent.isTransformDirty\n}\n\nexport function cleanDirtyNodes(node: IProjectionNode) {\n    node.isProjectionDirty =\n        node.isSharedProjectionDirty =\n        node.isTransformDirty =\n            false\n}\n\nfunction clearSnapshot(node: IProjectionNode) {\n    node.clearSnapshot()\n}\n\nfunction clearMeasurements(node: IProjectionNode) {\n    node.clearMeasurements()\n}\n\nfunction clearIsLayoutDirty(node: IProjectionNode) {\n    node.isLayoutDirty = false\n}\n\nfunction resetTransformStyle(node: IProjectionNode) {\n    const { visualElement } = node.options\n    if (visualElement && visualElement.getProps().onBeforeLayoutMeasure) {\n        visualElement.notify(\"BeforeLayoutMeasure\")\n    }\n\n    node.resetTransform()\n}\n\nfunction finishAnimation(node: IProjectionNode) {\n    node.finishAnimation()\n    node.targetDelta = node.relativeTarget = node.target = undefined\n    node.isProjectionDirty = true\n}\n\nfunction resolveTargetDelta(node: IProjectionNode) {\n    node.resolveTargetDelta()\n}\n\nfunction calcProjection(node: IProjectionNode) {\n    node.calcProjection()\n}\n\nfunction resetSkewAndRotation(node: IProjectionNode) {\n    node.resetSkewAndRotation()\n}\n\nfunction removeLeadSnapshots(stack: NodeStack) {\n    stack.removeLeadSnapshot()\n}\n\nexport function mixAxisDelta(output: AxisDelta, delta: AxisDelta, p: number) {\n    output.translate = mixNumber(delta.translate, 0, p)\n    output.scale = mixNumber(delta.scale, 1, p)\n    output.origin = delta.origin\n    output.originPoint = delta.originPoint\n}\n\nexport function mixAxis(output: Axis, from: Axis, to: Axis, p: number) {\n    output.min = mixNumber(from.min, to.min, p)\n    output.max = mixNumber(from.max, to.max, p)\n}\n\nexport function mixBox(output: Box, from: Box, to: Box, p: number) {\n    mixAxis(output.x, from.x, to.x, p)\n    mixAxis(output.y, from.y, to.y, p)\n}\n\nfunction hasOpacityCrossfade(node: IProjectionNode) {\n    return (\n        node.animationValues && node.animationValues.opacityExit !== undefined\n    )\n}\n\nconst defaultLayoutTransition = {\n    duration: 0.45,\n    ease: [0.4, 0, 0.1, 1],\n}\n\nconst userAgentContains = (string: string) =>\n    typeof navigator !== \"undefined\" &&\n    navigator.userAgent &&\n    navigator.userAgent.toLowerCase().includes(string)\n\n/**\n * Measured bounding boxes must be rounded in Safari and\n * left untouched in Chrome, otherwise non-integer layouts within scaled-up elements\n * can appear to jump.\n */\nconst roundPoint =\n    userAgentContains(\"applewebkit/\") && !userAgentContains(\"chrome/\")\n        ? Math.round\n        : noop\n\nfunction roundAxis(axis: Axis): void {\n    // Round to the nearest .5 pixels to support subpixel layouts\n    axis.min = roundPoint(axis.min)\n    axis.max = roundPoint(axis.max)\n}\n\nfunction roundBox(box: Box): void {\n    roundAxis(box.x)\n    roundAxis(box.y)\n}\n\nfunction shouldAnimatePositionOnly(\n    animationType: string | undefined,\n    snapshot: Box,\n    layout: Box\n) {\n    return (\n        animationType === \"position\" ||\n        (animationType === \"preserve-aspect\" &&\n            !isNear(aspectRatio(snapshot), aspectRatio(layout), 0.2))\n    )\n}\n\nfunction checkNodeWasScrollRoot(node: IProjectionNode) {\n    return node !== node.root && node.scroll?.wasRoot\n}\n", "import { addDomEvent } from \"../../events/add-dom-event\"\nimport { createProjectionNode } from \"./create-projection-node\"\n\nexport const DocumentProjectionNode = createProjectionNode<Window>({\n    attachResizeListener: (\n        ref: Window | Element,\n        notify: VoidFunction\n    ): VoidFunction => addDomEvent(ref, \"resize\", notify),\n    measureScroll: () => ({\n        x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,\n        y: document.documentElement.scrollTop || document.body?.scrollTop || 0,\n    }),\n    checkIsScrollRoot: () => true,\n})\n", "import { IProjectionNode } from \"./types\"\n\nconst notify = (node: IProjectionNode) =>\n    !node.isLayoutDirty && node.willUpdate(false)\n\nexport interface NodeGroup {\n    add: (node: IProjectionNode) => void\n    remove: (node: IProjectionNode) => void\n    dirty: VoidFunction\n}\n\nexport function nodeGroup(): NodeGroup {\n    const nodes = new Set<IProjectionNode>()\n    const subscriptions = new WeakMap<IProjectionNode, () => void>()\n\n    const dirtyAll = () => nodes.forEach(notify)\n\n    return {\n        add: (node) => {\n            nodes.add(node)\n            subscriptions.set(\n                node,\n                node.addEventListener(\"willUpdate\", dirtyAll)\n            )\n        },\n        remove: (node) => {\n            nodes.delete(node)\n            const unsubscribe = subscriptions.get(node)\n            if (unsubscribe) {\n                unsubscribe()\n                subscriptions.delete(node)\n            }\n            dirtyAll()\n        },\n        dirty: dirtyAll,\n    }\n}\n", "import { createProjectionNode } from \"./create-projection-node\"\nimport { DocumentProjectionNode } from \"./DocumentProjectionNode\"\nimport { IProjectionNode } from \"./types\"\n\nexport const rootProjectionNode: { current: IProjectionNode | undefined } = {\n    current: undefined,\n}\n\nexport const HTMLProjectionNode = createProjectionNode<HTMLElement>({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({})\n            documentNode.mount(window)\n            documentNode.setOptions({ layoutScroll: true })\n            rootProjectionNode.current = documentNode\n        }\n        return rootProjectionNode.current\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\"\n    },\n    checkIsScrollRoot: (instance) =>\n        Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n})\n", "import type { Box } from \"motion-utils\"\nimport { GroupAnimation } from \"../animation/GroupAnimation\"\nimport type {\n    AnimationOptions,\n    AnimationPlaybackControls,\n    Transition,\n} from \"../animation/types\"\nimport { frame } from \"../frameloop\"\nimport { copyBoxInto } from \"../projection/geometry/copy\"\nimport { createBox } from \"../projection/geometry/models\"\nimport { HTMLProjectionNode } from \"../projection/node/HTMLProjectionNode\"\nimport type { IProjectionNode } from \"../projection/node/types\"\nimport { HTMLVisualElement } from \"../render/html/HTMLVisualElement\"\nimport { visualElementStore } from \"../render/store\"\nimport type { VisualElement } from \"../render/VisualElement\"\nimport { resolveElements, type ElementOrSelector } from \"../utils/resolve-elements\"\n\ntype LayoutAnimationScope = Element | Document\n\ninterface LayoutElementRecord {\n    element: Element\n    visualElement: VisualElement\n    projection: IProjectionNode\n}\n\ninterface LayoutAttributes {\n    layout?: boolean | \"position\" | \"size\" | \"preserve-aspect\" | \"x\" | \"y\"\n    layoutId?: string\n}\n\ntype LayoutBuilderResolve = (animation: GroupAnimation) => void\ntype LayoutBuilderReject = (error: unknown) => void\n\ninterface ProjectionOptions {\n    layout?: boolean | \"position\" | \"size\" | \"preserve-aspect\" | \"x\" | \"y\"\n    layoutId?: string\n    animationType?: \"size\" | \"position\" | \"both\" | \"preserve-aspect\" | \"x\" | \"y\"\n    transition?: Transition\n    crossfade?: boolean\n}\n\nconst layoutSelector = \"[data-layout], [data-layout-id]\"\nconst noop = () => {}\nfunction snapshotFromTarget(projection: IProjectionNode): LayoutElementRecord[\"projection\"][\"snapshot\"] {\n    const target = projection.targetWithTransforms || projection.target\n    if (!target) return undefined\n\n    const measuredBox = createBox()\n    const layoutBox = createBox()\n    copyBoxInto(measuredBox, target as Box)\n    copyBoxInto(layoutBox, target as Box)\n\n    return {\n        animationId: projection.root?.animationId ?? 0,\n        measuredBox,\n        layoutBox,\n        latestValues: projection.animationValues || projection.latestValues || {},\n        source: projection.id,\n    }\n}\n\nexport class LayoutAnimationBuilder {\n    private scope: LayoutAnimationScope\n    private updateDom: () => void | Promise<void>\n    private defaultOptions?: AnimationOptions\n    private sharedTransitions = new Map<string, AnimationOptions>()\n    private notifyReady: LayoutBuilderResolve = noop\n    private rejectReady: LayoutBuilderReject = noop\n    private readyPromise: Promise<GroupAnimation>\n\n    constructor(\n        scope: LayoutAnimationScope,\n        updateDom: () => void | Promise<void>,\n        defaultOptions?: AnimationOptions\n    ) {\n        this.scope = scope\n        this.updateDom = updateDom\n        this.defaultOptions = defaultOptions\n\n        this.readyPromise = new Promise<GroupAnimation>((resolve, reject) => {\n            this.notifyReady = resolve\n            this.rejectReady = reject\n        })\n\n        frame.postRender(() => {\n            this.start().then(this.notifyReady).catch(this.rejectReady)\n        })\n    }\n\n    shared(id: string, transition: AnimationOptions): this {\n        this.sharedTransitions.set(id, transition)\n        return this\n    }\n\n    then(\n        resolve: LayoutBuilderResolve,\n        reject?: LayoutBuilderReject\n    ): Promise<void> {\n        return this.readyPromise.then(resolve, reject)\n    }\n\n    private async start(): Promise<GroupAnimation> {\n        const beforeElements = collectLayoutElements(this.scope)\n        const beforeRecords = this.buildRecords(beforeElements)\n\n        beforeRecords.forEach(({ projection }) => {\n            const hasCurrentAnimation = Boolean(projection.currentAnimation)\n            const isSharedLayout = Boolean(projection.options.layoutId)\n            if (hasCurrentAnimation && isSharedLayout) {\n                const snapshot = snapshotFromTarget(projection)\n                if (snapshot) {\n                    projection.snapshot = snapshot\n                } else if (projection.snapshot) {\n                    projection.snapshot = undefined\n                }\n            } else if (\n                projection.snapshot &&\n                (projection.currentAnimation || projection.isProjecting())\n            ) {\n                projection.snapshot = undefined\n            }\n            projection.isPresent = true\n            projection.willUpdate()\n        })\n\n        await this.updateDom()\n\n        const afterElements = collectLayoutElements(this.scope)\n        const afterRecords = this.buildRecords(afterElements)\n        this.handleExitingElements(beforeRecords, afterRecords)\n\n        afterRecords.forEach(({ projection }) => {\n            const instance = projection.instance as HTMLElement | undefined\n            const resumeFromInstance = projection.resumeFrom\n                ?.instance as HTMLElement | undefined\n            if (!instance || !resumeFromInstance) return\n            if (!(\"style\" in instance)) return\n\n            const currentTransform = instance.style.transform\n            const resumeFromTransform = resumeFromInstance.style.transform\n\n            if (\n                currentTransform &&\n                resumeFromTransform &&\n                currentTransform === resumeFromTransform\n            ) {\n                instance.style.transform = \"\"\n                instance.style.transformOrigin = \"\"\n            }\n        })\n\n        afterRecords.forEach(({ projection }) => {\n            projection.isPresent = true\n        })\n\n        const root = getProjectionRoot(afterRecords, beforeRecords)\n        root?.didUpdate()\n\n        await new Promise<void>((resolve) => {\n            frame.postRender(() => resolve())\n        })\n\n        const animations = collectAnimations(afterRecords)\n        const animation = new GroupAnimation(animations)\n\n        return animation\n    }\n\n    private buildRecords(elements: Element[]): LayoutElementRecord[] {\n        const records: LayoutElementRecord[] = []\n        const recordMap = new Map<Element, LayoutElementRecord>()\n\n        for (const element of elements) {\n            const parentRecord = findParentRecord(element, recordMap, this.scope)\n            const { layout, layoutId } = readLayoutAttributes(element)\n            const override = layoutId\n                ? this.sharedTransitions.get(layoutId)\n                : undefined\n            const transition = override || this.defaultOptions\n            const record = getOrCreateRecord(element, parentRecord?.projection, {\n                layout,\n                layoutId,\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                transition: transition as Transition,\n            })\n            recordMap.set(element, record)\n            records.push(record)\n        }\n\n        return records\n    }\n\n    private handleExitingElements(\n        beforeRecords: LayoutElementRecord[],\n        afterRecords: LayoutElementRecord[]\n    ): void {\n        const afterElementsSet = new Set(afterRecords.map((record) => record.element))\n\n        beforeRecords.forEach((record) => {\n            if (afterElementsSet.has(record.element)) return\n\n            // For shared layout elements, relegate to set up resumeFrom\n            // so the remaining element animates from this position\n            if (record.projection.options.layoutId) {\n                record.projection.isPresent = false\n                record.projection.relegate()\n            }\n\n            record.visualElement.unmount()\n            visualElementStore.delete(record.element)\n        })\n\n        // Clear resumeFrom on EXISTING nodes that point to unmounted projections\n        // This prevents crossfade animation when the source element was removed entirely\n        // But preserve resumeFrom for NEW nodes so they can animate from the old position\n        // Also preserve resumeFrom for lead nodes that were just promoted via relegate\n        const beforeElementsSet = new Set(beforeRecords.map((record) => record.element))\n        afterRecords.forEach(({ element, projection }) => {\n            if (\n                beforeElementsSet.has(element) &&\n                projection.resumeFrom &&\n                !projection.resumeFrom.instance &&\n                !projection.isLead()\n            ) {\n                projection.resumeFrom = undefined\n                projection.snapshot = undefined\n            }\n        })\n    }\n}\n\nexport function parseAnimateLayoutArgs(\n    scopeOrUpdateDom: ElementOrSelector | (() => void),\n    updateDomOrOptions?: (() => void) | AnimationOptions,\n    options?: AnimationOptions\n): {\n    scope: Element | Document\n    updateDom: () => void\n    defaultOptions?: AnimationOptions\n} {\n    // animateLayout(updateDom)\n    if (typeof scopeOrUpdateDom === \"function\") {\n        return {\n            scope: document,\n            updateDom: scopeOrUpdateDom,\n            defaultOptions: updateDomOrOptions as AnimationOptions | undefined,\n        }\n    }\n\n    // animateLayout(scope, updateDom, options?)\n    const elements = resolveElements(scopeOrUpdateDom)\n    const scope = elements[0] || document\n\n    return {\n        scope,\n        updateDom: updateDomOrOptions as () => void,\n        defaultOptions: options,\n    }\n}\n\nfunction collectLayoutElements(scope: LayoutAnimationScope): Element[] {\n    const elements = Array.from(scope.querySelectorAll(layoutSelector))\n\n    if (scope instanceof Element && scope.matches(layoutSelector)) {\n        if (!elements.includes(scope)) {\n            elements.unshift(scope)\n        }\n    }\n\n    return elements\n}\n\nfunction readLayoutAttributes(element: Element): LayoutAttributes {\n    const layoutId = element.getAttribute(\"data-layout-id\") || undefined\n    const rawLayout = element.getAttribute(\"data-layout\")\n    let layout: LayoutAttributes[\"layout\"]\n\n    if (rawLayout === \"\" || rawLayout === \"true\") {\n        layout = true\n    } else if (rawLayout) {\n        layout = rawLayout as LayoutAttributes[\"layout\"]\n    }\n\n    return {\n        layout,\n        layoutId,\n    }\n}\n\nfunction createVisualState() {\n    return {\n        latestValues: {},\n        renderState: {\n            transform: {},\n            transformOrigin: {},\n            style: {},\n            vars: {},\n        },\n    }\n}\n\nfunction getOrCreateRecord(\n    element: Element,\n    parentProjection?: IProjectionNode,\n    projectionOptions?: ProjectionOptions\n): LayoutElementRecord {\n    const existing = visualElementStore.get(element) as VisualElement | undefined\n    const visualElement =\n        existing ??\n        new HTMLVisualElement(\n            {\n                props: {},\n                presenceContext: null,\n                visualState: createVisualState(),\n            },\n            { allowProjection: true }\n        )\n\n    if (!existing || !visualElement.projection) {\n        visualElement.projection = new HTMLProjectionNode(\n            visualElement.latestValues,\n            parentProjection\n        )\n    }\n\n    visualElement.projection.setOptions({\n        ...projectionOptions,\n        visualElement,\n    })\n\n    if (!visualElement.current) {\n        visualElement.mount(element as HTMLElement)\n    } else if (!visualElement.projection.instance) {\n        // Mount projection if VisualElement is already mounted but projection isn't\n        // This happens when animate() was called before animateLayout()\n        visualElement.projection.mount(element as HTMLElement)\n    }\n\n    if (!existing) {\n        visualElementStore.set(element, visualElement)\n    }\n\n    return {\n        element,\n        visualElement,\n        projection: visualElement.projection as IProjectionNode,\n    }\n}\n\nfunction findParentRecord(\n    element: Element,\n    recordMap: Map<Element, LayoutElementRecord>,\n    scope: LayoutAnimationScope\n) {\n    let parent = element.parentElement\n\n    while (parent) {\n        const record = recordMap.get(parent)\n        if (record) return record\n\n        if (parent === scope) break\n        parent = parent.parentElement\n    }\n\n    return undefined\n}\n\nfunction getProjectionRoot(\n    afterRecords: LayoutElementRecord[],\n    beforeRecords: LayoutElementRecord[]\n) {\n    const record = afterRecords[0] || beforeRecords[0]\n    return record?.projection.root\n}\n\nfunction collectAnimations(afterRecords: LayoutElementRecord[]) {\n    const animations = new Set<AnimationPlaybackControls>()\n\n    afterRecords.forEach((record) => {\n        const animation = record.projection.currentAnimation\n        if (animation) animations.add(animation)\n    })\n\n    return Array.from(animations)\n}\n", "import { cancelFrame, frame } from \".\"\nimport { stepsOrder } from \"./order\"\nimport { Process } from \"./types\"\n\n/**\n * @deprecated\n *\n * Import as `frame` instead.\n */\nexport const sync = frame\n\n/**\n * @deprecated\n *\n * Use cancelFrame(callback) instead.\n */\nexport const cancelSync = stepsOrder.reduce((acc, key) => {\n    acc[key] = (process: Process) => cancelFrame(process)\n    return acc\n}, {} as Record<string, (process: Process) => void>)\n", "\"use client\"\n\nimport type { Transition } from \"motion-dom\"\nimport { TransformPoint } from \"motion-utils\"\nimport { createContext } from \"react\"\n\nexport type ReducedMotionConfig = \"always\" | \"never\" | \"user\"\n\n/**\n * @public\n */\nexport interface MotionConfigContext {\n    /**\n     * Internal, exported only for usage in Framer\n     */\n    transformPagePoint: TransformPoint\n\n    /**\n     * Internal. Determines whether this is a static context ie the Framer canvas. If so,\n     * it'll disable all dynamic functionality.\n     */\n    isStatic: boolean\n\n    /**\n     * Defines a new default transition for the entire tree.\n     *\n     * @public\n     */\n    transition?: Transition\n\n    /**\n     * If true, will respect the device prefersReducedMotion setting by switching\n     * transform animations off.\n     *\n     * @public\n     */\n    reducedMotion?: ReducedMotionConfig\n\n    /**\n     * A custom `nonce` attribute used when wanting to enforce a Content Security Policy (CSP).\n     * For more details see:\n     * https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src#unsafe_inline_styles\n     *\n     * @public\n     */\n    nonce?: string\n\n    /**\n     * If true, all animations will be skipped and values will be set instantly.\n     * Useful for E2E tests and visual regression testing.\n     *\n     * @public\n     */\n    skipAnimations?: boolean\n\n}\n\n/**\n * @public\n */\nexport const MotionConfigContext = createContext<MotionConfigContext>({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n})\n", "/**\n * Taken from https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx\n */\nimport * as React from \"react\"\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T): void | (() => void) {\n    if (typeof ref === \"function\") {\n        return ref(value)\n    } else if (ref !== null && ref !== undefined) {\n        ;(ref as React.MutableRefObject<T>).current = value\n    }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (node) => {\n        let hasCleanup = false\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node)\n            if (!hasCleanup && typeof cleanup === \"function\") {\n                hasCleanup = true\n            }\n            return cleanup\n        })\n        // React <19 will log an error to the console if a callback ref returns a\n        // value. We don't use ref cleanups internally so this will only happen if a\n        // user's ref callback returns a value, which we only expect if they are\n        // using the cleanup functionality added in React 19.\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i]\n                    if (typeof cleanup === \"function\") {\n                        cleanup()\n                    } else {\n                        setRef(refs[i], null)\n                    }\n                }\n            }\n        }\n    }\n}\n\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    return React.useCallback(composeRefs(...refs), refs)\n}\n\nexport { useComposedRefs }\n", "\"use client\"\n\nimport { isHTMLElement } from \"motion-dom\"\nimport * as React from \"react\"\nimport { useContext, useId, useInsertionEffect, useRef } from \"react\"\n\nimport { MotionConfigContext } from \"../../context/MotionConfigContext\"\nimport { useComposedRefs } from \"../../utils/use-composed-ref\"\n\ninterface Size {\n    width: number\n    height: number\n    top: number\n    left: number\n    right: number\n    bottom: number\n}\n\ninterface Props {\n    children: React.ReactElement\n    isPresent: boolean\n    anchorX?: \"left\" | \"right\"\n    anchorY?: \"top\" | \"bottom\"\n    root?: HTMLElement | ShadowRoot\n    pop?: boolean\n}\n\ninterface MeasureProps extends Props {\n    childRef: React.RefObject<HTMLElement | null>\n    sizeRef: React.RefObject<Size>\n}\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component<MeasureProps> {\n    getSnapshotBeforeUpdate(prevProps: MeasureProps) {\n        const element = this.props.childRef.current\n        if (isHTMLElement(element) && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {\n            const parent = element.offsetParent\n            const parentWidth = isHTMLElement(parent)\n                ? parent.offsetWidth || 0\n                : 0\n            const parentHeight = isHTMLElement(parent)\n                ? parent.offsetHeight || 0\n                : 0\n\n            const computedStyle = getComputedStyle(element)\n            const size = this.props.sizeRef.current!\n            size.height = parseFloat(computedStyle.height)\n            size.width = parseFloat(computedStyle.width)\n            size.top = element.offsetTop\n            size.left = element.offsetLeft\n            size.right = parentWidth - size.width - size.left\n            size.bottom = parentHeight - size.height - size.top\n        }\n\n        return null\n    }\n\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() {}\n\n    render() {\n        return this.props.children\n    }\n}\n\nexport function PopChild({ children, isPresent, anchorX, anchorY, root, pop }: Props) {\n    const id = useId()\n    const ref = useRef<HTMLElement>(null)\n    const size = useRef<Size>({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n    })\n    const { nonce } = useContext(MotionConfigContext)\n    /**\n     * In React 19, refs are passed via props.ref instead of element.ref.\n     * We check props.ref first (React 19) and fall back to element.ref (React 18).\n     */\n    const childRef =\n        (children.props as { ref?: React.Ref<HTMLElement> })?.ref ??\n        (children as unknown as { ref?: React.Ref<HTMLElement> })?.ref\n    const composedRef = useComposedRefs(ref, childRef)\n\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left, right, bottom } = size.current\n        if (isPresent || pop === false || !ref.current || !width || !height) return\n\n        const x = anchorX === \"left\" ? `left: ${left}` : `right: ${right}`\n        const y = anchorY === \"bottom\" ? `bottom: ${bottom}` : `top: ${top}`\n\n        ref.current.dataset.motionPopId = id\n\n        const style = document.createElement(\"style\")\n        if (nonce) style.nonce = nonce\n\n        const parent = root ?? document.head\n        parent.appendChild(style)\n\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            ${x}px !important;\n            ${y}px !important;\n          }\n        `)\n        }\n\n        return () => {\n            ref.current?.removeAttribute(\"data-motion-pop-id\")\n            if (parent.contains(style)) {\n                parent.removeChild(style)\n            }\n        }\n    }, [isPresent])\n\n    return (\n        <PopChildMeasure isPresent={isPresent} childRef={ref} sizeRef={size} pop={pop}>\n            {pop === false\n                ? children\n                : React.cloneElement(children as any, { ref: composedRef })}\n        </PopChildMeasure>\n    )\n}\n", "\"use client\"\n\nimport * as React from \"react\"\nimport { useId, useMemo } from \"react\"\nimport {\n    PresenceContext,\n    type PresenceContextProps,\n} from \"../../context/PresenceContext\"\nimport { VariantLabels } from \"../../motion/types\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { PopChild } from \"./PopChild\"\n\ninterface PresenceChildProps {\n    children: React.ReactElement\n    isPresent: boolean\n    onExitComplete?: () => void\n    initial?: false | VariantLabels\n    custom?: any\n    presenceAffectsLayout: boolean\n    mode: \"sync\" | \"popLayout\" | \"wait\"\n    anchorX?: \"left\" | \"right\"\n    anchorY?: \"top\" | \"bottom\"\n    root?: HTMLElement | ShadowRoot\n}\n\nexport const PresenceChild = ({\n    children,\n    initial,\n    isPresent,\n    onExitComplete,\n    custom,\n    presenceAffectsLayout,\n    mode,\n    anchorX,\n    anchorY,\n    root\n}: PresenceChildProps) => {\n    const presenceChildren = useConstant(newChildrenMap)\n    const id = useId()\n\n    let isReusedContext = true\n    let context = useMemo((): PresenceContextProps => {\n        isReusedContext = false\n        return {\n            id,\n            initial,\n            isPresent,\n            custom,\n            onExitComplete: (childId: string) => {\n                presenceChildren.set(childId, true)\n\n                for (const isComplete of presenceChildren.values()) {\n                    if (!isComplete) return // can stop searching when any is incomplete\n                }\n\n                onExitComplete && onExitComplete()\n            },\n            register: (childId: string) => {\n                presenceChildren.set(childId, false)\n                return () => presenceChildren.delete(childId)\n            },\n        }\n    }, [isPresent, presenceChildren, onExitComplete])\n\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    if (presenceAffectsLayout && isReusedContext) {\n        context = { ...context }\n    }\n\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false))\n    }, [isPresent])\n\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete()\n    }, [isPresent])\n\n    children = (\n        <PopChild pop={mode === \"popLayout\"} isPresent={isPresent} anchorX={anchorX} anchorY={anchorY} root={root}>\n            {children}\n        </PopChild>\n    )\n\n    return (\n        <PresenceContext.Provider value={context}>\n            {children}\n        </PresenceContext.Provider>\n    )\n}\n\nfunction newChildrenMap(): Map<string, boolean> {\n    return new Map()\n}\n", "\"use client\"\n\nimport { useCallback, useContext, useEffect, useId } from \"react\"\nimport {\n    PresenceContext,\n    PresenceContextProps,\n} from \"../../context/PresenceContext\"\n\nexport type SafeToRemove = () => void\n\ntype AlwaysPresent = [true, null]\n\ntype Present = [true]\n\ntype NotPresent = [false, SafeToRemove]\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed from the tree,\n * but `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nexport function usePresence(\n    subscribe: boolean = true\n): AlwaysPresent | Present | NotPresent {\n    const context = useContext(PresenceContext)\n\n    if (context === null) return [true, null]\n\n    const { isPresent, onExitComplete, register } = context\n\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n\n    const id = useId()\n    useEffect(() => {\n        if (subscribe) {\n            return register(id)\n        }\n    }, [subscribe])\n\n    const safeToRemove = useCallback(\n        () => subscribe && onExitComplete && onExitComplete(id),\n        [id, onExitComplete, subscribe]\n    )\n\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true]\n}\n\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nexport function useIsPresent() {\n    return isPresent(useContext(PresenceContext))\n}\n\nexport function isPresent(context: PresenceContextProps | null) {\n    return context === null ? true : context.isPresent\n}\n", "import { isValidElement, Children, ReactElement, ReactNode } from \"react\"\n\nexport type ComponentKey = string | number\n\nexport const getChildKey = (child: ReactElement<any>): ComponentKey =>\n    child.key || \"\"\n\nexport function onlyElements(children: ReactNode): ReactElement<any>[] {\n    const filtered: ReactElement<any>[] = []\n\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child)) filtered.push(child)\n    })\n\n    return filtered\n}\n", "\"use client\"\n\nimport * as React from \"react\"\nimport { useContext, useMemo, useRef, useState } from \"react\"\nimport { LayoutGroupContext } from \"../../context/LayoutGroupContext\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { useIsomorphicLayoutEffect } from \"../../utils/use-isomorphic-effect\"\nimport { PresenceChild } from \"./PresenceChild\"\nimport { AnimatePresenceProps } from \"./types\"\nimport { usePresence } from \"./use-presence\"\nimport { ComponentKey, getChildKey, onlyElements } from \"./utils\"\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nexport const AnimatePresence = ({\n    children,\n    custom,\n    initial = true,\n    onExitComplete,\n    presenceAffectsLayout = true,\n    mode = \"sync\",\n    propagate = false,\n    anchorX = \"left\",\n    anchorY = \"top\",\n    root\n}: React.PropsWithChildren<AnimatePresenceProps>) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate)\n\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children])\n\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys =\n        propagate && !isParentPresent ? [] : presentChildren.map(getChildKey)\n\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true)\n\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren)\n\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map<ComponentKey, boolean>())\n\n    /**\n     * Track which components are currently processing exit to prevent duplicate processing.\n     */\n    const exitingComponents = useRef(new Set<ComponentKey>())\n\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren)\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren)\n\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false\n        pendingPresentChildren.current = presentChildren\n\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i])\n\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false)\n                }\n            } else {\n                exitComplete.delete(key)\n                exitingComponents.current.delete(key)\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")])\n\n    const exitingChildren: any[] = []\n\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren]\n\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i]\n            const key = getChildKey(child)\n\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child)\n                exitingChildren.push(child)\n            }\n        }\n\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren\n        }\n\n        setRenderedChildren(onlyElements(nextChildren))\n        setDiffedChildren(presentChildren)\n\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return null\n    }\n\n    if (\n        process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1\n    ) {\n        console.warn(\n            `You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`\n        )\n    }\n\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext)\n\n    return (\n        <>\n            {renderedChildren.map((child) => {\n                const key = getChildKey(child)\n\n                const isPresent =\n                    propagate && !isParentPresent\n                        ? false\n                        : presentChildren === renderedChildren ||\n                          presentKeys.includes(key)\n\n                const onExit = () => {\n                    if (exitingComponents.current.has(key)) {\n                        return\n                    }\n\n                    if (exitComplete.has(key)) {\n                        exitingComponents.current.add(key)\n                        exitComplete.set(key, true)\n                    } else {\n                        return\n                    }\n\n                    let isEveryExitComplete = true\n                    exitComplete.forEach((isExitComplete) => {\n                        if (!isExitComplete) isEveryExitComplete = false\n                    })\n\n                    if (isEveryExitComplete) {\n                        forceRender?.()\n                        setRenderedChildren(pendingPresentChildren.current)\n\n                        propagate && safeToRemove?.()\n\n                        onExitComplete && onExitComplete()\n                    }\n                }\n\n                return (\n                    <PresenceChild\n                        key={key}\n                        isPresent={isPresent}\n                        initial={\n                            !isInitialRender.current || initial\n                                ? undefined\n                                : false\n                        }\n                        custom={custom}\n                        presenceAffectsLayout={presenceAffectsLayout}\n                        mode={mode}\n                        root={root}\n                        onExitComplete={isPresent ? undefined : onExit}\n                        anchorX={anchorX}\n                        anchorY={anchorY}\n                    >\n                        {child}\n                    </PresenceChild>\n                )\n            })}\n        </>\n    )\n}\n", "\"use client\"\n\nimport { useRef } from \"react\"\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-effect\"\n\nexport function useIsMounted() {\n    const isMounted = useRef(false)\n    useIsomorphicLayoutEffect(() => {\n        isMounted.current = true\n\n        return () => {\n            isMounted.current = false\n        }\n    }, [])\n\n    return isMounted\n}\n", "\"use client\"\n\nimport { frame } from \"motion-dom\"\nimport { useCallback, useState } from \"react\"\nimport { useIsMounted } from \"./use-is-mounted\"\n\nexport function useForceUpdate(): [VoidFunction, number] {\n    const isMounted = useIsMounted()\n    const [forcedRenderCount, setForcedRenderCount] = useState(0)\n\n    const forceRender = useCallback(() => {\n        isMounted.current && setForcedRenderCount(forcedRenderCount + 1)\n    }, [forcedRenderCount])\n\n    /**\n     * Defer this to the end of the next animation frame in case there are multiple\n     * synchronous calls.\n     */\n    const deferredForceRender = useCallback(\n        () => frame.postRender(forceRender),\n        [forceRender]\n    )\n\n    return [deferredForceRender, forcedRenderCount]\n}\n", "\"use client\"\n\nimport * as React from \"react\"\nimport { MutableRefObject, useContext, useMemo, useRef } from \"react\"\nimport {\n    LayoutGroupContext,\n    LayoutGroupContextProps,\n} from \"../../context/LayoutGroupContext\"\nimport { DeprecatedLayoutGroupContext } from \"../../context/DeprecatedLayoutGroupContext\"\nimport { nodeGroup } from \"../../projection\"\nimport { useForceUpdate } from \"../../utils/use-force-update\"\n\ntype InheritOption = boolean | \"id\"\n\nexport interface Props {\n    id?: string\n    inherit?: InheritOption\n}\n\nconst shouldInheritGroup = (inherit: InheritOption) => inherit === true\nconst shouldInheritId = (inherit: InheritOption) =>\n    shouldInheritGroup(inherit === true) || inherit === \"id\"\n\nexport const LayoutGroup: React.FunctionComponent<\n    React.PropsWithChildren<Props>\n> = ({ children, id, inherit = true }) => {\n    const layoutGroupContext = useContext(LayoutGroupContext)\n    const deprecatedLayoutGroupContext = useContext(\n        DeprecatedLayoutGroupContext\n    )\n    const [forceRender, key] = useForceUpdate()\n    const context = useRef(\n        null\n    ) as MutableRefObject<LayoutGroupContextProps | null>\n\n    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext\n    if (context.current === null) {\n        if (shouldInheritId(inherit) && upstreamId) {\n            id = id ? upstreamId + \"-\" + id : upstreamId\n        }\n\n        context.current = {\n            id,\n            group: shouldInheritGroup(inherit)\n                ? layoutGroupContext.group || nodeGroup()\n                : nodeGroup(),\n        }\n    }\n\n    const memoizedContext = useMemo(\n        () => ({ ...context.current, forceRender }),\n        [key]\n    )\n\n    return (\n        <LayoutGroupContext.Provider value={memoizedContext}>\n            {children}\n        </LayoutGroupContext.Provider>\n    )\n}\n", "\"use client\"\n\nimport { createContext } from \"react\"\nimport { CreateVisualElement } from \"../render/types\"\n\nexport interface LazyContextProps {\n    renderer?: CreateVisualElement\n    strict: boolean\n}\n\nexport const LazyContext = createContext<LazyContextProps>({ strict: false })\n", "import { getFeatureDefinitions, setFeatureDefinitions } from \"motion-dom\"\nimport { MotionProps } from \"../types\"\nimport { FeatureDefinitions } from \"./types\"\n\nconst featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n}\n\nlet isInitialized = false\n\n/**\n * Initialize feature definitions with isEnabled checks.\n * This must be called before any motion components are rendered.\n */\nexport function initFeatureDefinitions() {\n    if (isInitialized) return\n\n    const initialFeatureDefinitions: Partial<FeatureDefinitions> = {}\n\n    for (const key in featureProps) {\n        initialFeatureDefinitions[\n            key as keyof typeof initialFeatureDefinitions\n        ] = {\n            isEnabled: (props: MotionProps) =>\n                featureProps[key as keyof typeof featureProps].some(\n                    (name: string) => !!props[name as keyof typeof props]\n                ),\n        }\n    }\n\n    setFeatureDefinitions(initialFeatureDefinitions)\n    isInitialized = true\n}\n\n/**\n * Get the current feature definitions, initializing if needed.\n */\nexport function getInitializedFeatureDefinitions(): Partial<FeatureDefinitions> {\n    initFeatureDefinitions()\n    return getFeatureDefinitions()\n}\n", "import { setFeatureDefinitions } from \"motion-dom\"\nimport { getInitializedFeatureDefinitions } from \"./definitions\"\nimport { FeaturePackages } from \"./types\"\n\nexport function loadFeatures(features: FeaturePackages) {\n    const featureDefinitions = getInitializedFeatureDefinitions()\n\n    for (const key in features) {\n        featureDefinitions[key as keyof typeof featureDefinitions] = {\n            ...featureDefinitions[key as keyof typeof featureDefinitions],\n            ...features[key as keyof typeof features],\n        } as any\n    }\n\n    setFeatureDefinitions(featureDefinitions)\n}\n", "\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\nimport { LazyContext } from \"../../context/LazyContext\"\nimport { loadFeatures } from \"../../motion/features/load-features\"\nimport { FeatureBundle, LazyFeatureBundle } from \"../../motion/features/types\"\nimport { CreateVisualElement } from \"../../render/types\"\nimport { LazyProps } from \"./types\"\n\n/**\n * Used in conjunction with the `m` component to reduce bundle size.\n *\n * `m` is a version of the `motion` component that only loads functionality\n * critical for the initial render.\n *\n * `LazyMotion` can then be used to either synchronously or asynchronously\n * load animation and gesture support.\n *\n * ```jsx\n * // Synchronous loading\n * import { LazyMotion, m, domAnimation } from \"framer-motion\"\n *\n * function App() {\n *   return (\n *     <LazyMotion features={domAnimation}>\n *       <m.div animate={{ scale: 2 }} />\n *     </LazyMotion>\n *   )\n * }\n *\n * // Asynchronous loading\n * import { LazyMotion, m } from \"framer-motion\"\n *\n * function App() {\n *   return (\n *     <LazyMotion features={() => import('./path/to/domAnimation')}>\n *       <m.div animate={{ scale: 2 }} />\n *     </LazyMotion>\n *   )\n * }\n * ```\n *\n * @public\n */\nexport function LazyMotion({ children, features, strict = false }: LazyProps) {\n    const [, setIsLoaded] = useState(!isLazyBundle(features))\n    const loadedRenderer = useRef<undefined | CreateVisualElement>(undefined)\n\n    /**\n     * If this is a synchronous load, load features immediately\n     */\n    if (!isLazyBundle(features)) {\n        const { renderer, ...loadedFeatures } = features\n        loadedRenderer.current = renderer\n        loadFeatures(loadedFeatures)\n    }\n\n    useEffect(() => {\n        if (isLazyBundle(features)) {\n            features().then(({ renderer, ...loadedFeatures }) => {\n                loadFeatures(loadedFeatures)\n                loadedRenderer.current = renderer\n                setIsLoaded(true)\n            })\n        }\n    }, [])\n\n    return (\n        <LazyContext.Provider\n            value={{ renderer: loadedRenderer.current, strict }}\n        >\n            {children}\n        </LazyContext.Provider>\n    )\n}\n\nfunction isLazyBundle(\n    features: FeatureBundle | LazyFeatureBundle\n): features is LazyFeatureBundle {\n    return typeof features === \"function\"\n}\n", "import { MotionProps } from \"../types\"\n\n/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set<keyof MotionProps>([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"custom\",\n    \"inherit\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"globalTapTarget\",\n    \"propagate\",\n    \"ignoreStrict\",\n    \"viewport\",\n])\n\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nexport function isValidMotionProp(key: string) {\n    return (\n        key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        key.startsWith(\"onLayout\") ||\n        validMotionProps.has(key as keyof MotionProps)\n    )\n}\n", "import { isMotionValue } from \"motion-dom\"\nimport type { MotionProps } from \"../../../motion/types\"\nimport { isValidMotionProp } from \"../../../motion/utils/valid-prop\"\n\nlet shouldForward = (key: string) => !isValidMotionProp(key)\n\nexport type IsValidProp = (key: string) => boolean\n\nexport function loadExternalIsValidProp(isValidProp?: IsValidProp) {\n    if (typeof isValidProp !== \"function\") return\n\n    // Explicitly filter our events\n    shouldForward = (key: string) =>\n        key.startsWith(\"on\") ? !isValidMotionProp(key) : isValidProp(key)\n}\n\n/**\n * Emotion and Styled Components both allow users to pass through arbitrary props to their components\n * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which\n * of these should be passed to the underlying DOM node.\n *\n * However, when styling a Motion component `styled(motion.div)`, both packages pass through *all* props\n * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props\n * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of\n * `@emotion/is-prop-valid`, however to fix this problem we need to use it.\n *\n * By making it an optionalDependency we can offer this functionality only in the situations where it's\n * actually required.\n */\ntry {\n    /**\n     * We attempt to import this package but require won't be defined in esm environments, in that case\n     * isPropValid will have to be provided via `MotionContext`. In a 6.0.0 this should probably be removed\n     * in favour of explicit injection.\n     *\n     * String concatenation prevents bundlers like webpack (e.g. Storybook)\n     * from statically resolving this optional dependency at build time.\n     */\n    const emotionPkg = \"@emotion/is-prop-\" + \"valid\"\n    loadExternalIsValidProp(require(emotionPkg).default)\n} catch {\n    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.\n}\n\nexport function filterProps(\n    props: MotionProps,\n    isDom: boolean,\n    forwardMotionProps: boolean\n) {\n    const filteredProps: MotionProps = {}\n\n    for (const key in props) {\n        /**\n         * values is considered a valid prop by Emotion, so if it's present\n         * this will be rendered out to the DOM unless explicitly filtered.\n         *\n         * We check the type as it could be used with the `feColorMatrix`\n         * element, which we support.\n         */\n        if (key === \"values\" && typeof props.values === \"object\") continue\n\n        if (isMotionValue(props[key as keyof typeof props])) continue\n\n        if (\n            shouldForward(key) ||\n            (forwardMotionProps === true && isValidMotionProp(key)) ||\n            (!isDom && !isValidMotionProp(key)) ||\n            // If trying to use native HTML drag events, forward drag listeners\n            (props[\"draggable\" as keyof MotionProps] &&\n                key.startsWith(\"onDrag\"))\n        ) {\n            filteredProps[key as keyof MotionProps] =\n                props[key as keyof MotionProps]\n        }\n    }\n\n    return filteredProps\n}\n", "\"use client\"\n\nimport * as React from \"react\"\nimport { useContext, useMemo } from \"react\"\nimport { resolveTransition } from \"motion-dom\"\nimport { MotionConfigContext } from \"../../context/MotionConfigContext\"\nimport {\n    loadExternalIsValidProp,\n    IsValidProp,\n} from \"../../render/dom/utils/filter-props\"\nimport { useConstant } from \"../../utils/use-constant\"\n\nexport interface MotionConfigProps extends Partial<MotionConfigContext> {\n    children?: React.ReactNode\n    isValidProp?: IsValidProp\n}\n\n/**\n * `MotionConfig` is used to set configuration options for all children `motion` components.\n *\n * ```jsx\n * import { motion, MotionConfig } from \"framer-motion\"\n *\n * export function App() {\n *   return (\n *     <MotionConfig transition={{ type: \"spring\" }}>\n *       <motion.div animate={{ x: 100 }} />\n *     </MotionConfig>\n *   )\n * }\n * ```\n *\n * @public\n */\nexport function MotionConfig({\n    children,\n    isValidProp,\n    ...config\n}: MotionConfigProps) {\n    isValidProp && loadExternalIsValidProp(isValidProp)\n\n    /**\n     * Inherit props from any parent MotionConfig components\n     */\n    const parentConfig = useContext(MotionConfigContext)\n    config = { ...parentConfig, ...config }\n\n    config.transition = resolveTransition(\n        config.transition,\n        parentConfig.transition\n    )\n\n    /**\n     * Don't allow isStatic to change between renders as it affects how many hooks\n     * motion components fire.\n     */\n    config.isStatic = useConstant(() => config.isStatic)\n\n    /**\n     * Creating a new config context object will re-render every `motion` component\n     * every time it renders. So we only want to create a new one sparingly.\n     */\n    const context = useMemo(\n        () => config,\n        [\n            JSON.stringify(config.transition),\n            config.transformPagePoint,\n            config.reducedMotion,\n            config.skipAnimations,\n        ]\n    )\n\n    return (\n        <MotionConfigContext.Provider value={context as MotionConfigContext}>\n            {children}\n        </MotionConfigContext.Provider>\n    )\n}\n", "\"use client\"\n\nimport type { VisualElement } from \"motion-dom\"\nimport { createContext } from \"react\"\n\nexport interface MotionContextProps<Instance = unknown> {\n    visualElement?: VisualElement<Instance>\n    initial?: false | string | string[]\n    animate?: string | string[]\n}\n\nexport const MotionContext = /* @__PURE__ */ createContext<MotionContextProps>(\n    {}\n)\n", "import { isControllingVariants, isVariantLabel } from \"motion-dom\"\nimport type { MotionContextProps } from \".\"\nimport { MotionProps } from \"../../motion/types\"\n\nexport function getCurrentTreeVariants(\n    props: MotionProps,\n    context: MotionContextProps\n): MotionContextProps {\n    if (isControllingVariants(props)) {\n        const { initial, animate } = props\n        return {\n            initial:\n                initial === false || isVariantLabel(initial)\n                    ? (initial as any)\n                    : undefined,\n            animate: isVariantLabel(animate) ? animate : undefined,\n        }\n    }\n    return props.inherit !== false ? context : {}\n}\n", "\"use client\"\n\nimport { useContext, useMemo } from \"react\"\nimport { MotionContext, type MotionContextProps } from \".\"\nimport { MotionProps } from \"../../motion/types\"\nimport { getCurrentTreeVariants } from \"./utils\"\n\nexport function useCreateMotionContext<Instance>(\n    props: MotionProps\n): MotionContextProps<Instance> {\n    const { initial, animate } = getCurrentTreeVariants(\n        props,\n        useContext(MotionContext)\n    )\n\n    return useMemo(\n        () => ({ initial, animate }),\n        [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]\n    )\n}\n\nfunction variantLabelsAsDependency(\n    prop: undefined | string | string[] | boolean\n) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop\n}\n", "import { HTMLRenderState } from \"../types\"\n\nexport const createHtmlRenderState = (): HTMLRenderState => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n})\n", "\"use client\"\n\nimport { AnyResolvedKeyframe, buildHTMLStyles, isForcedMotionValue, isMotionValue, MotionValue } from \"motion-dom\"\nimport { HTMLProps, useMemo } from \"react\"\nimport { MotionProps } from \"../../motion/types\"\nimport { ResolvedValues } from \"../types\"\nimport { createHtmlRenderState } from \"./utils/create-render-state\"\n\nexport function copyRawValuesOnly(\n    target: ResolvedValues,\n    source: { [key: string]: AnyResolvedKeyframe | MotionValue },\n    props: MotionProps\n) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key] as AnyResolvedKeyframe\n        }\n    }\n}\n\nfunction useInitialMotionValues(\n    { transformTemplate }: MotionProps,\n    visualState: ResolvedValues\n) {\n    return useMemo(() => {\n        const state = createHtmlRenderState()\n\n        buildHTMLStyles(state, visualState, transformTemplate)\n\n        return Object.assign({}, state.vars, state.style)\n    }, [visualState])\n}\n\nfunction useStyle(\n    props: MotionProps,\n    visualState: ResolvedValues\n): ResolvedValues {\n    const styleProp = props.style || {}\n    const style = {}\n\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp as any, props)\n\n    Object.assign(style, useInitialMotionValues(props, visualState))\n\n    return style\n}\n\nexport function useHTMLProps(\n    props: MotionProps & HTMLProps<HTMLElement>,\n    visualState: ResolvedValues\n) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps: any = {}\n    const style = useStyle(props, visualState)\n\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false\n\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n            style.WebkitTouchCallout =\n                \"none\"\n\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`\n    }\n\n    if (\n        props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)\n    ) {\n        htmlProps.tabIndex = 0\n    }\n\n    htmlProps.style = style\n\n    return htmlProps\n}\n", "import { createHtmlRenderState } from \"../../html/utils/create-render-state\"\nimport { SVGRenderState } from \"../types\"\n\nexport const createSvgRenderState = (): SVGRenderState => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n})\n", "\"use client\"\n\nimport { buildSVGAttrs, isSVGTag } from \"motion-dom\"\nimport { useMemo } from \"react\"\nimport { MotionProps } from \"../../motion/types\"\nimport { copyRawValuesOnly } from \"../html/use-props\"\nimport { ResolvedValues } from \"../types\"\nimport { createSvgRenderState } from \"./utils/create-render-state\"\n\nexport function useSVGProps(\n    props: MotionProps,\n    visualState: ResolvedValues,\n    _isStatic: boolean,\n    Component: string | React.ComponentType<React.PropsWithChildren<unknown>>\n) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState()\n\n        buildSVGAttrs(\n            state,\n            visualState,\n            isSVGTag(Component),\n            props.transformTemplate,\n            props.style\n        )\n\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        }\n    }, [visualState])\n\n    if (props.style) {\n        const rawStyles = {}\n        copyRawValuesOnly(rawStyles, props.style as any, props)\n        visualProps.style = { ...rawStyles, ...visualProps.style }\n    }\n\n    return visualProps\n}\n", "/**\n * We keep these listed separately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nexport const lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n]\n", "import * as React from \"react\"\nimport { lowercaseSVGElements } from \"../../svg/lowercase-elements\"\n\nexport function isSVGComponent(Component: string | React.ComponentType<any>) {\n    if (\n        /**\n         * If it's not a string, it's a custom React component. Currently we only support\n         * HTML custom React components.\n         */\n        typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")\n    ) {\n        return false\n    } else if (\n        /**\n         * If it's in our list of lowercase SVG tags, it's an SVG component\n         */\n        lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/u.test(Component)\n    ) {\n        return true\n    }\n\n    return false\n}\n", "\"use client\"\n\nimport { isMotionValue } from \"motion-dom\"\nimport { Fragment, createElement, useMemo } from \"react\"\nimport { MotionProps } from \"../../motion/types\"\nimport { VisualState } from \"../../motion/utils/use-visual-state\"\nimport { HTMLRenderState } from \"../html/types\"\nimport { useHTMLProps } from \"../html/use-props\"\nimport { SVGRenderState } from \"../svg/types\"\nimport { useSVGProps } from \"../svg/use-props\"\nimport { DOMMotionComponents } from \"./types\"\nimport { filterProps } from \"./utils/filter-props\"\nimport { isSVGComponent } from \"./utils/is-svg-component\"\n\nexport function useRender<\n    Props = {},\n    TagName extends keyof DOMMotionComponents | string = \"div\"\n>(\n    Component: TagName | string | React.ComponentType<Props>,\n    props: MotionProps,\n    ref: React.Ref<HTMLElement | SVGElement>,\n    {\n        latestValues,\n    }: VisualState<HTMLElement | SVGElement, HTMLRenderState | SVGRenderState>,\n    isStatic: boolean,\n    forwardMotionProps: boolean = false,\n    isSVG?: boolean\n) {\n    const useVisualProps =\n        (isSVG ?? isSVGComponent(Component)) ? useSVGProps : useHTMLProps\n\n    const visualProps = useVisualProps(\n        props as any,\n        latestValues,\n        isStatic,\n        Component as any\n    )\n    const filteredProps = filterProps(\n        props,\n        typeof Component === \"string\",\n        forwardMotionProps\n    )\n    const elementProps =\n        Component !== Fragment ? { ...filteredProps, ...visualProps, ref } : {}\n\n    /**\n     * If component has been handed a motion value as its child,\n     * memoise its initial value and render that. Subsequent updates\n     * will be handled by the onChange handler\n     */\n    const { children } = props\n    const renderedChildren = useMemo(\n        () => (isMotionValue(children) ? children.get() : children),\n        [children]\n    )\n\n    return createElement<any>(Component, {\n        ...elementProps,\n        children: renderedChildren,\n    })\n}\n", "\"use client\"\n\nimport {\n    AnyResolvedKeyframe,\n    isAnimationControls,\n    isControllingVariants as checkIsControllingVariants,\n    isVariantNode as checkIsVariantNode,\n    ResolvedValues,\n    resolveVariantFromProps,\n} from \"motion-dom\"\nimport { useContext } from \"react\"\nimport { MotionContext, MotionContextProps } from \"../../context/MotionContext\"\nimport {\n    PresenceContext,\n    type PresenceContextProps,\n} from \"../../context/PresenceContext\"\nimport { ScrapeMotionValuesFromProps } from \"../../render/types\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { resolveMotionValue } from \"motion-dom\"\nimport { MotionProps } from \"../types\"\n\nexport interface VisualState<Instance, RenderState> {\n    renderState: RenderState\n    latestValues: ResolvedValues\n    onMount?: (instance: Instance) => void\n}\n\nexport type UseVisualState<Instance, RenderState> = (\n    props: MotionProps,\n    isStatic: boolean\n) => VisualState<Instance, RenderState>\n\nexport interface UseVisualStateConfig<RenderState> {\n    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps\n    createRenderState: () => RenderState\n}\n\nfunction makeState<I, RS>(\n    {\n        scrapeMotionValuesFromProps,\n        createRenderState,\n    }: UseVisualStateConfig<RS>,\n    props: MotionProps,\n    context: MotionContextProps,\n    presenceContext: PresenceContextProps | null\n) {\n    const state: VisualState<I, RS> = {\n        latestValues: makeLatestValues(\n            props,\n            context,\n            presenceContext,\n            scrapeMotionValuesFromProps\n        ),\n        renderState: createRenderState(),\n    }\n\n    return state\n}\n\nfunction makeLatestValues(\n    props: MotionProps,\n    context: MotionContextProps,\n    presenceContext: PresenceContextProps | null,\n    scrapeMotionValues: ScrapeMotionValuesFromProps\n) {\n    const values: ResolvedValues = {}\n\n    const motionValues = scrapeMotionValues(props, {})\n    for (const key in motionValues) {\n        values[key] = resolveMotionValue(motionValues[key])\n    }\n\n    let { initial, animate } = props\n    const isControllingVariants = checkIsControllingVariants(props)\n    const isVariantNode = checkIsVariantNode(props)\n\n    if (\n        context &&\n        isVariantNode &&\n        !isControllingVariants &&\n        props.inherit !== false\n    ) {\n        if (initial === undefined) initial = context.initial\n        if (animate === undefined) animate = context.animate\n    }\n\n    let isInitialAnimationBlocked = presenceContext\n        ? presenceContext.initial === false\n        : false\n    isInitialAnimationBlocked = isInitialAnimationBlocked || initial === false\n\n    const variantToSet = isInitialAnimationBlocked ? animate : initial\n\n    if (\n        variantToSet &&\n        typeof variantToSet !== \"boolean\" &&\n        !isAnimationControls(variantToSet)\n    ) {\n        const list = Array.isArray(variantToSet) ? variantToSet : [variantToSet]\n        for (let i = 0; i < list.length; i++) {\n            const resolved = resolveVariantFromProps(props, list[i] as any)\n            if (resolved) {\n                const { transitionEnd, transition, ...target } = resolved\n                for (const key in target) {\n                    let valueTarget = target[key as keyof typeof target]\n\n                    if (Array.isArray(valueTarget)) {\n                        /**\n                         * Take final keyframe if the initial animation is blocked because\n                         * we want to initialise at the end of that blocked animation.\n                         */\n                        const index = isInitialAnimationBlocked\n                            ? valueTarget.length - 1\n                            : 0\n                        valueTarget = valueTarget[index] as any\n                    }\n\n                    if (valueTarget !== null) {\n                        values[key] = valueTarget as AnyResolvedKeyframe\n                    }\n                }\n                for (const key in transitionEnd) {\n                    values[key] = transitionEnd[\n                        key as keyof typeof transitionEnd\n                    ] as AnyResolvedKeyframe\n                }\n            }\n        }\n    }\n\n    return values\n}\n\nexport const makeUseVisualState =\n    <I, RS>(config: UseVisualStateConfig<RS>): UseVisualState<I, RS> =>\n    (props: MotionProps, isStatic: boolean): VisualState<I, RS> => {\n        const context = useContext(MotionContext)\n        const presenceContext = useContext(PresenceContext)\n        const make = () => makeState(config, props, context, presenceContext)\n\n        return isStatic ? make() : useConstant(make)\n    }\n", "\"use client\"\n\nimport { scrapeHTMLMotionValuesFromProps } from \"motion-dom\"\nimport { makeUseVisualState } from \"../../motion/utils/use-visual-state\"\nimport { createHtmlRenderState } from \"./utils/create-render-state\"\n\nexport const useHTMLVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeHTMLMotionValuesFromProps,\n    createRenderState: createHtmlRenderState,\n})\n", "\"use client\"\n\nimport { scrapeSVGMotionValuesFromProps } from \"motion-dom\"\nimport { makeUseVisualState } from \"../../motion/utils/use-visual-state\"\nimport { createSvgRenderState } from \"./utils/create-render-state\"\n\nexport const useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeSVGMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n})\n", "export const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\")\n", "\"use client\"\n\nimport type { VisualElement } from \"motion-dom\"\nimport * as React from \"react\"\nimport { useCallback, useInsertionEffect, useRef } from \"react\"\nimport { VisualState } from \"./use-visual-state\"\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nexport function useMotionRef<Instance, RenderState>(\n    visualState: VisualState<Instance, RenderState>,\n    visualElement?: VisualElement<Instance> | null,\n    externalRef?: React.Ref<Instance>\n): React.Ref<Instance> {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef)\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef\n    })\n\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef<(() => void) | null>(null)\n\n    return useCallback(\n        (instance: Instance) => {\n            if (instance) {\n                visualState.onMount?.(instance)\n            }\n\n            const ref = externalRefContainer.current\n            if (typeof ref === \"function\") {\n                if (instance) {\n                    const cleanup = ref(instance)\n                    if (typeof cleanup === \"function\") {\n                        refCleanup.current = cleanup\n                    }\n                } else if (refCleanup.current) {\n                    refCleanup.current()\n                    refCleanup.current = null\n                } else {\n                    ref(instance)\n                }\n            } else if (ref) {\n                ;(ref as React.MutableRefObject<Instance>).current = instance\n            }\n\n            if (visualElement) {\n                instance ? visualElement.mount(instance) : visualElement.unmount()\n            }\n        },\n        [visualElement]\n    )\n}\n", "import { MutableRefObject } from \"./safe-react-types\"\n\nexport function isRefObject<E = any>(ref: any): ref is MutableRefObject<E> {\n    return (\n        ref &&\n        typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\")\n    )\n}\n", "\"use client\"\n\nimport {\n    optimizedAppearDataAttribute,\n    type HTMLRenderState,\n    type SVGRenderState,\n    type VisualElement,\n} from \"motion-dom\"\nimport * as React from \"react\"\nimport { useContext, useEffect, useInsertionEffect, useRef } from \"react\"\nimport { LazyContext } from \"../../context/LazyContext\"\nimport { MotionConfigContext } from \"../../context/MotionConfigContext\"\nimport { MotionContext } from \"../../context/MotionContext\"\nimport { PresenceContext } from \"../../context/PresenceContext\"\nimport {\n    InitialPromotionConfig,\n    SwitchLayoutGroupContext,\n} from \"../../context/SwitchLayoutGroupContext\"\nimport { MotionProps } from \"../../motion/types\"\nimport type { IProjectionNode } from \"motion-dom\"\nimport { DOMMotionComponents } from \"../../render/dom/types\"\nimport { CreateVisualElement } from \"../../render/types\"\nimport { isRefObject } from \"../../utils/is-ref-object\"\nimport { useIsomorphicLayoutEffect } from \"../../utils/use-isomorphic-effect\"\nimport { VisualState } from \"./use-visual-state\"\n\nexport function useVisualElement<\n    Props,\n    TagName extends keyof DOMMotionComponents | string\n>(\n    Component: TagName | string | React.ComponentType<Props>,\n    visualState:\n        | VisualState<SVGElement, SVGRenderState>\n        | VisualState<HTMLElement, HTMLRenderState>,\n    props: MotionProps & Partial<MotionConfigContext>,\n    createVisualElement?: CreateVisualElement<Props, TagName>,\n    ProjectionNodeConstructor?: any,\n    isSVG?: boolean\n): VisualElement<HTMLElement | SVGElement> | undefined {\n    const { visualElement: parent } = useContext(MotionContext)\n    const lazyContext = useContext(LazyContext)\n    const presenceContext = useContext(PresenceContext)\n    const motionConfig = useContext(MotionConfigContext)\n    const reducedMotionConfig = motionConfig.reducedMotion\n    const skipAnimations = motionConfig.skipAnimations\n\n    const visualElementRef = useRef<VisualElement<\n        HTMLElement | SVGElement\n    > | null>(null)\n\n    /**\n     * Track whether the component has been through React's commit phase.\n     * Used to detect when LazyMotion features load after the component has mounted.\n     */\n    const hasMountedOnce = useRef(false)\n\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement =\n        createVisualElement ||\n        (lazyContext.renderer as CreateVisualElement<Props, TagName>)\n\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n            skipAnimations,\n            isSVG,\n        })\n\n        /**\n         * If the component has already mounted before features loaded (e.g. via\n         * LazyMotion with async feature loading), we need to force the initial\n         * animation to run. Otherwise state changes that occurred before features\n         * loaded will be lost and the element will snap to its final state.\n         */\n        if (hasMountedOnce.current && visualElementRef.current) {\n            visualElementRef.current.manuallyAnimateOnMount = true\n        }\n    }\n\n    const visualElement = visualElementRef.current\n\n    /**\n     * Load Motion gesture and animation features. These are rendered as renderless\n     * components so each feature can optionally make use of React lifecycle methods.\n     */\n    const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext)\n\n    if (\n        visualElement &&\n        !visualElement.projection &&\n        ProjectionNodeConstructor &&\n        (visualElement.type === \"html\" || visualElement.type === \"svg\")\n    ) {\n        createProjectionNode(\n            visualElementRef.current!,\n            props,\n            ProjectionNodeConstructor,\n            initialLayoutGroupConfig\n        )\n    }\n\n    const isMounted = useRef(false)\n    useInsertionEffect(() => {\n        /**\n         * Check the component has already mounted before calling\n         * `update` unnecessarily. This ensures we skip the initial update.\n         */\n        if (visualElement && isMounted.current) {\n            visualElement.update(props, presenceContext)\n        }\n    })\n\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const optimisedAppearId =\n        props[optimizedAppearDataAttribute as keyof typeof props]\n    const wantsHandoff = useRef(\n        Boolean(optimisedAppearId) &&\n            typeof window !== \"undefined\" &&\n            !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n            window.MotionHasOptimisedAnimation?.(optimisedAppearId)\n    )\n\n    useIsomorphicLayoutEffect(() => {\n        /**\n         * Track that this component has mounted. This is used to detect when\n         * LazyMotion features load after the component has already committed.\n         */\n        hasMountedOnce.current = true\n\n        if (!visualElement) return\n\n        isMounted.current = true\n        window.MotionIsMounted = true\n\n        visualElement.updateFeatures()\n        visualElement.scheduleRenderMicrotask()\n\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges()\n        }\n    })\n\n    useEffect(() => {\n        if (!visualElement) return\n\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges()\n        }\n\n        if (wantsHandoff.current) {\n            // This ensures all future calls to animateChanges() in this component will run in useEffect\n            queueMicrotask(() => {\n                window.MotionHandoffMarkAsComplete?.(optimisedAppearId)\n            })\n\n            wantsHandoff.current = false\n        }\n\n        /**\n         * Now we've finished triggering animations for this element we\n         * can wipe the enteringChildren set for the next render.\n         */\n        visualElement.enteringChildren = undefined\n    })\n\n    return visualElement!\n}\n\nfunction createProjectionNode(\n    visualElement: VisualElement<any>,\n    props: MotionProps,\n    ProjectionNodeConstructor: any,\n    initialPromotionConfig?: InitialPromotionConfig\n) {\n    const {\n        layoutId,\n        layout,\n        drag,\n        dragConstraints,\n        layoutScroll,\n        layoutRoot,\n        layoutCrossfade,\n    } = props\n\n    visualElement.projection = new ProjectionNodeConstructor(\n        visualElement.latestValues,\n        props[\"data-framer-portal-id\"]\n            ? undefined\n            : getClosestProjectingNode(visualElement.parent)\n    ) as IProjectionNode\n\n    visualElement.projection.setOptions({\n        layoutId,\n        layout,\n        alwaysMeasureLayout:\n            Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n        visualElement,\n        /**\n         * TODO: Update options in an effect. This could be tricky as it'll be too late\n         * to update by the time layout animations run.\n         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n         * ensuring it gets called if there's no potential layout animations.\n         *\n         */\n        animationType: typeof layout === \"string\" ? layout : \"both\",\n        initialPromotionConfig,\n        crossfade: layoutCrossfade,\n        layoutScroll,\n        layoutRoot,\n    })\n}\n\nfunction getClosestProjectingNode(\n    visualElement?: VisualElement<\n        unknown,\n        unknown,\n        { allowProjection?: boolean }\n    >\n): IProjectionNode | undefined {\n    if (!visualElement) return undefined\n\n    return visualElement.options.allowProjection !== false\n        ? visualElement.projection\n        : getClosestProjectingNode(visualElement.parent)\n}\n", "\"use client\"\n\nimport { invariant, warning } from \"motion-utils\"\nimport * as React from \"react\"\nimport { forwardRef, useContext } from \"react\"\nimport { LayoutGroupContext } from \"../context/LayoutGroupContext\"\nimport { LazyContext } from \"../context/LazyContext\"\nimport { MotionConfigContext } from \"../context/MotionConfigContext\"\nimport { MotionContext } from \"../context/MotionContext\"\nimport { useCreateMotionContext } from \"../context/MotionContext/create\"\nimport { DOMMotionComponents } from \"../render/dom/types\"\nimport { useRender } from \"../render/dom/use-render\"\nimport { isSVGComponent } from \"../render/dom/utils/is-svg-component\"\nimport { HTMLRenderState } from \"../render/html/types\"\nimport { useHTMLVisualState } from \"../render/html/use-html-visual-state\"\nimport { SVGRenderState } from \"../render/svg/types\"\nimport { useSVGVisualState } from \"../render/svg/use-svg-visual-state\"\nimport { CreateVisualElement } from \"../render/types\"\nimport { getInitializedFeatureDefinitions } from \"./features/definitions\"\nimport { loadFeatures } from \"./features/load-features\"\nimport { FeatureBundle, FeaturePackages } from \"./features/types\"\nimport { MotionProps } from \"./types\"\nimport { motionComponentSymbol } from \"./utils/symbol\"\nimport { useMotionRef } from \"./utils/use-motion-ref\"\nimport { useVisualElement } from \"./utils/use-visual-element\"\n\nexport interface MotionComponentConfig<\n    TagName extends keyof DOMMotionComponents | string = \"div\"\n> {\n    preloadedFeatures?: FeatureBundle\n    createVisualElement?: CreateVisualElement\n    Component: TagName | React.ComponentType<React.PropsWithChildren<unknown>>\n    forwardMotionProps?: boolean\n}\n\nexport type MotionComponentProps<Props> = {\n    [K in Exclude<keyof Props, keyof MotionProps>]?: Props[K]\n} & MotionProps\n\nexport type MotionComponent<T, P> = T extends keyof DOMMotionComponents\n    ? DOMMotionComponents[T]\n    : React.ComponentType<\n          Omit<MotionComponentProps<P>, \"children\"> & {\n              children?: \"children\" extends keyof P\n                  ? P[\"children\"] | MotionComponentProps<P>[\"children\"]\n                  : MotionComponentProps<P>[\"children\"]\n          }\n      >\n\nexport interface MotionComponentOptions {\n    forwardMotionProps?: boolean\n    /**\n     * Specify whether the component renders an HTML or SVG element.\n     * This is useful when wrapping custom SVG components that need\n     * SVG-specific attribute handling (like viewBox animation).\n     * By default, Motion auto-detects based on the component name,\n     * but custom React components are always treated as HTML.\n     */\n    type?: \"html\" | \"svg\"\n}\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nexport function createMotionComponent<\n    Props,\n    TagName extends keyof DOMMotionComponents | string = \"div\"\n>(\n    Component: TagName | string | React.ComponentType<Props>,\n    { forwardMotionProps = false, type }: MotionComponentOptions = {},\n    preloadedFeatures?: FeaturePackages,\n    createVisualElement?: CreateVisualElement<Props, TagName>\n) {\n    preloadedFeatures && loadFeatures(preloadedFeatures)\n\n    /**\n     * Determine whether to use SVG or HTML rendering based on:\n     * 1. Explicit `type` option (highest priority)\n     * 2. Auto-detection via `isSVGComponent`\n     */\n    const isSVG = type ? type === \"svg\" : isSVGComponent(Component)\n    const useVisualState = isSVG ? useSVGVisualState : useHTMLVisualState\n\n    function MotionDOMComponent(\n        props: MotionComponentProps<Props>,\n        externalRef?: React.Ref<HTMLElement | SVGElement>\n    ) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout: undefined | React.ComponentType<MotionProps>\n\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        }\n\n        const { isStatic } = configAndProps\n\n        const context = useCreateMotionContext<HTMLElement | SVGElement>(props)\n\n        const visualState = useVisualState(props, isStatic)\n\n        if (!isStatic && typeof window !== \"undefined\") {\n            useStrictMode(configAndProps, preloadedFeatures)\n\n            const layoutProjection = getProjectionFunctionality(configAndProps)\n            MeasureLayout = layoutProjection.MeasureLayout\n\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(\n                Component,\n                visualState,\n                configAndProps,\n                createVisualElement,\n                layoutProjection.ProjectionNode,\n                isSVG\n            )\n        }\n\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (\n            <MotionContext.Provider value={context}>\n                {MeasureLayout && context.visualElement ? (\n                    <MeasureLayout\n                        visualElement={context.visualElement}\n                        {...configAndProps}\n                    />\n                ) : null}\n                {useRender<Props, TagName>(\n                    Component,\n                    props,\n                    useMotionRef<\n                        HTMLElement | SVGElement,\n                        HTMLRenderState | SVGRenderState\n                    >(visualState, context.visualElement, externalRef),\n                    visualState,\n                    isStatic,\n                    forwardMotionProps,\n                    isSVG\n                )}\n            </MotionContext.Provider>\n        )\n    }\n\n    MotionDOMComponent.displayName = `motion.${\n        typeof Component === \"string\"\n            ? Component\n            : `create(${Component.displayName ?? Component.name ?? \"\"})`\n    }`\n\n    const ForwardRefMotionComponent = forwardRef(MotionDOMComponent as any)\n    ;(ForwardRefMotionComponent as any)[motionComponentSymbol] = Component\n\n    return ForwardRefMotionComponent as MotionComponent<TagName, Props>\n}\n\nfunction useLayoutId({ layoutId }: MotionProps) {\n    const layoutGroupId = useContext(LayoutGroupContext).id\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId\n}\n\nfunction useStrictMode(\n    configAndProps: MotionProps,\n    preloadedFeatures?: FeaturePackages\n) {\n    const isStrict = useContext(LazyContext).strict\n\n    /**\n     * If we're in development mode, check to make sure we're not rendering a motion component\n     * as a child of LazyMotion, as this will break the file-size benefits of using it.\n     */\n    if (\n        process.env.NODE_ENV !== \"production\" &&\n        preloadedFeatures &&\n        isStrict\n    ) {\n        const strictMessage =\n            \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\"\n        configAndProps.ignoreStrict\n            ? warning(false, strictMessage, \"lazy-strict-mode\")\n            : invariant(false, strictMessage, \"lazy-strict-mode\")\n    }\n}\n\nfunction getProjectionFunctionality(props: MotionProps) {\n    const featureDefinitions = getInitializedFeatureDefinitions()\n    const { drag, layout } = featureDefinitions\n\n    if (!drag && !layout) return {}\n\n    const combined = { ...drag, ...layout }\n\n    return {\n        MeasureLayout:\n            drag?.isEnabled(props) || layout?.isEnabled(props)\n                ? combined.MeasureLayout\n                : undefined,\n        ProjectionNode: combined.ProjectionNode,\n    }\n}\n", "import { warnOnce } from \"motion-utils\"\nimport { createMotionComponent, MotionComponentOptions } from \"../../motion\"\nimport { FeaturePackages } from \"../../motion/features/types\"\nimport { MotionProps } from \"../../motion/types\"\nimport { DOMMotionComponents } from \"../dom/types\"\nimport { CreateVisualElement } from \"../types\"\n\n/**\n * I'd rather the return type of `custom` to be implicit but this throws\n * incorrect relative paths in the exported types and API Extractor throws\n * a wobbly.\n */\ntype ComponentProps<Props> = React.PropsWithoutRef<Props & MotionProps> &\n    React.RefAttributes<SVGElement | HTMLElement>\nexport type CustomDomComponent<Props> = React.ComponentType<\n    ComponentProps<Props>\n>\n\ntype MotionProxy = typeof createMotionComponent &\n    DOMMotionComponents & { create: typeof createMotionComponent }\n\nexport function createMotionProxy(\n    preloadedFeatures?: FeaturePackages,\n    createVisualElement?: CreateVisualElement<any, any>\n): MotionProxy {\n    if (typeof Proxy === \"undefined\") {\n        return createMotionComponent as MotionProxy\n    }\n\n    /**\n     * A cache of generated `motion` components, e.g `motion.div`, `motion.input` etc.\n     * Rather than generating them anew every render.\n     */\n    const componentCache = new Map<string, any>()\n\n    const factory = (Component: string, options?: MotionComponentOptions) => {\n        return createMotionComponent(\n            Component,\n            options,\n            preloadedFeatures,\n            createVisualElement\n        )\n    }\n\n    /**\n     * Support for deprecated`motion(Component)` pattern\n     */\n    const deprecatedFactoryFunction = (\n        Component: string,\n        options?: MotionComponentOptions\n    ) => {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(\n                false,\n                \"motion() is deprecated. Use motion.create() instead.\"\n            )\n        }\n        return factory(Component, options)\n    }\n\n    return new Proxy(deprecatedFactoryFunction, {\n        /**\n         * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.\n         * The prop name is passed through as `key` and we can use that to generate a `motion`\n         * DOM component with that name.\n         */\n        get: (_target, key: string) => {\n            if (key === \"create\") return factory\n\n            /**\n             * If this element doesn't exist in the component cache, create it and cache.\n             */\n            if (!componentCache.has(key)) {\n                componentCache.set(\n                    key,\n                    createMotionComponent(\n                        key,\n                        undefined,\n                        preloadedFeatures,\n                        createVisualElement\n                    )\n                )\n            }\n\n            return componentCache.get(key)!\n        },\n    }) as MotionProxy\n}\n", "import { createMotionProxy } from \"../create-proxy\"\n\nexport const m = /*@__PURE__*/ createMotionProxy()\n", "import { HTMLVisualElement, SVGVisualElement } from \"motion-dom\"\nimport { ComponentType, Fragment } from \"react\"\nimport { CreateVisualElement, VisualElementOptions } from \"../types\"\nimport { isSVGComponent } from \"./utils/is-svg-component\"\n\nexport const createDomVisualElement: CreateVisualElement = (\n    Component: string | ComponentType<React.PropsWithChildren<unknown>>,\n    options: VisualElementOptions<HTMLElement | SVGElement>\n) => {\n    /**\n     * Use explicit isSVG override if provided, otherwise auto-detect\n     */\n    const isSVG = options.isSVG ?? isSVGComponent(Component)\n\n    return isSVG\n        ? new SVGVisualElement(options)\n        : new HTMLVisualElement(options, {\n              allowProjection: Component !== Fragment,\n          })\n}\n", "import {\n    createAnimationState,\n    Feature,\n    isAnimationControls,\n    type VisualElement,\n} from \"motion-dom\"\n\nexport class AnimationFeature extends Feature<unknown> {\n    unmountControls?: () => void\n\n    /**\n     * We dynamically generate the AnimationState manager as it contains a reference\n     * to the underlying animation library. We only want to load that if we load this,\n     * so people can optionally code split it out using the `m` component.\n     */\n    constructor(node: VisualElement) {\n        super(node)\n        node.animationState ||= createAnimationState(node)\n    }\n\n    updateAnimationControlsSubscription() {\n        const { animate } = this.node.getProps()\n        if (isAnimationControls(animate)) {\n            this.unmountControls = animate.subscribe(this.node)\n        }\n    }\n\n    /**\n     * Subscribe any provided AnimationControls to the component's VisualElement\n     */\n    mount() {\n        this.updateAnimationControlsSubscription()\n    }\n\n    update() {\n        const { animate } = this.node.getProps()\n        const { animate: prevAnimate } = this.node.prevProps || {}\n        if (animate !== prevAnimate) {\n            this.updateAnimationControlsSubscription()\n        }\n    }\n\n    unmount() {\n        this.node.animationState!.reset()\n        this.unmountControls?.()\n    }\n}\n", "import { Feature, resolveVariant } from \"motion-dom\"\n\nlet id = 0\n\nexport class ExitAnimationFeature extends Feature<unknown> {\n    private id: number = id++\n    private isExitComplete = false\n\n    update() {\n        if (!this.node.presenceContext) return\n\n        const { isPresent, onExitComplete } = this.node.presenceContext\n        const { isPresent: prevIsPresent } = this.node.prevPresenceContext || {}\n\n        if (!this.node.animationState || isPresent === prevIsPresent) {\n            return\n        }\n\n        if (isPresent && prevIsPresent === false) {\n            /**\n             * When re-entering, if the exit animation already completed\n             * (element is at rest), reset to initial values so the enter\n             * animation replays from the correct position.\n             */\n            if (this.isExitComplete) {\n                const { initial, custom } = this.node.getProps()\n\n                if (typeof initial === \"string\") {\n                    const resolved = resolveVariant(\n                        this.node,\n                        initial,\n                        custom\n                    )\n                    if (resolved) {\n                        const { transition, transitionEnd, ...target } =\n                            resolved\n                        for (const key in target) {\n                            this.node\n                                .getValue(key)\n                                ?.jump(\n                                    target[\n                                        key as keyof typeof target\n                                    ] as any\n                                )\n                        }\n                    }\n                }\n\n                this.node.animationState.reset()\n                this.node.animationState.animateChanges()\n            } else {\n                this.node.animationState.setActive(\"exit\", false)\n            }\n\n            this.isExitComplete = false\n            return\n        }\n\n        const exitAnimation = this.node.animationState.setActive(\n            \"exit\",\n            !isPresent\n        )\n\n        if (onExitComplete && !isPresent) {\n            exitAnimation.then(() => {\n                this.isExitComplete = true\n                onExitComplete(this.id)\n            })\n        }\n    }\n\n    mount() {\n        const { register, onExitComplete } = this.node.presenceContext || {}\n\n        if (onExitComplete) {\n            onExitComplete(this.id)\n        }\n\n        if (register) {\n            this.unmount = register(this.id)\n        }\n    }\n\n    unmount() {}\n}\n", "import { AnimationFeature } from \"./animation\"\nimport { ExitAnimationFeature } from \"./animation/exit\"\nimport { FeaturePackages } from \"./types\"\n\nexport const animations: FeaturePackages = {\n    animation: {\n        Feature: AnimationFeature,\n    },\n    exit: {\n        Feature: ExitAnimationFeature,\n    },\n}\n", "import { EventInfo, isPrimaryPointer } from \"motion-dom\"\n\nexport type EventListenerWithPointInfo = (\n    e: PointerEvent,\n    info: EventInfo\n) => void\n\nexport function extractEventInfo(event: PointerEvent): EventInfo {\n    return {\n        point: {\n            x: event.pageX,\n            y: event.pageY,\n        },\n    }\n}\n\nexport const addPointerInfo =\n    (handler: EventListenerWithPointInfo): EventListener =>\n    (event: PointerEvent) =>\n        isPrimaryPointer(event) && handler(event, extractEventInfo(event))\n", "import { addDomEvent } from \"motion-dom\"\nimport { addPointerInfo, EventListenerWithPointInfo } from \"./event-info\"\n\nexport function addPointerEvent(\n    target: EventTarget,\n    eventName: string,\n    handler: EventListenerWithPointInfo,\n    options?: AddEventListenerOptions\n) {\n    return addDomEvent(target, eventName, addPointerInfo(handler), options)\n}\n", "import type { VisualElement } from \"motion-dom\"\n\n// Fixes https://github.com/motiondivision/motion/issues/2270\nexport const getContextWindow = ({ current }: VisualElement<Element>) => {\n    return current ? current.ownerDocument.defaultView : null\n}\n", "import { Point } from \"motion-utils\"\n\nexport const distance = (a: number, b: number) => Math.abs(a - b)\n\nexport function distance2D(a: Point, b: Point): number {\n    // Multi-dimensional\n    const xDelta = distance(a.x, b.x)\n    const yDelta = distance(a.y, b.y)\n    return Math.sqrt(xDelta ** 2 + yDelta ** 2)\n}\n", "import type { EventInfo, PanHandler } from \"motion-dom\"\nimport { cancelFrame, frame, frameData, isPrimaryPointer } from \"motion-dom\"\nimport {\n    millisecondsToSeconds,\n    pipe,\n    Point,\n    secondsToMilliseconds,\n    TransformPoint,\n} from \"motion-utils\"\nimport { addPointerEvent } from \"../../events/add-pointer-event\"\nimport { extractEventInfo } from \"../../events/event-info\"\nimport { distance2D } from \"../../utils/distance\"\n\ninterface PanSessionHandlers {\n    onSessionStart: PanHandler\n    onStart: PanHandler\n    onMove: PanHandler\n    onEnd: PanHandler\n    onSessionEnd: PanHandler\n    resumeAnimation: () => void\n}\n\ninterface PanSessionOptions {\n    transformPagePoint?: TransformPoint\n    dragSnapToOrigin?: boolean | \"x\" | \"y\"\n    distanceThreshold?: number\n    contextWindow?: (Window & typeof globalThis) | null\n    /**\n     * Element being dragged. When provided, scroll events on its\n     * ancestors and window are compensated so the gesture continues\n     * smoothly during scroll.\n     */\n    element?: HTMLElement | null\n}\n\ninterface TimestampedPoint extends Point {\n    timestamp: number\n}\n\nconst overflowStyles = /*#__PURE__*/ new Set([\"auto\", \"scroll\"])\n\n/**\n * @internal\n */\nexport class PanSession {\n    /**\n     * @internal\n     */\n    private history: TimestampedPoint[]\n\n    /**\n     * @internal\n     */\n    private startEvent: PointerEvent | null = null\n\n    /**\n     * @internal\n     */\n    private lastMoveEvent: PointerEvent | null = null\n\n    /**\n     * @internal\n     */\n    private lastMoveEventInfo: EventInfo | null = null\n\n    /**\n     * Raw (untransformed) event info, re-transformed each frame\n     * so transformPagePoint sees the current parent matrix.\n     * @internal\n     */\n    private lastRawMoveEventInfo: EventInfo | null = null\n\n    /**\n     * @internal\n     */\n    private transformPagePoint?: TransformPoint\n\n    /**\n     * @internal\n     */\n    private handlers: Partial<PanSessionHandlers> = {}\n\n    /**\n     * @internal\n     */\n    private removeListeners: Function\n\n    /**\n     * For determining if an animation should resume after it is interupted\n     *\n     * @internal\n     */\n    private dragSnapToOrigin: boolean | \"x\" | \"y\"\n\n    /**\n     * The distance after which panning should start.\n     *\n     * @internal\n     */\n    private distanceThreshold: number\n\n    /**\n     * @internal\n     */\n    private contextWindow: PanSessionOptions[\"contextWindow\"] = window\n\n    /**\n     * Scroll positions of scrollable ancestors and window.\n     * @internal\n     */\n    private scrollPositions: Map<Element | Window, Point> = new Map()\n\n    /**\n     * Cleanup function for scroll listeners.\n     * @internal\n     */\n    private removeScrollListeners: (() => void) | null = null\n\n    constructor(\n        event: PointerEvent,\n        handlers: Partial<PanSessionHandlers>,\n        {\n            transformPagePoint,\n            contextWindow = window,\n            dragSnapToOrigin = false,\n            distanceThreshold = 3,\n            element,\n        }: PanSessionOptions = {}\n    ) {\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event)) return\n\n        this.dragSnapToOrigin = dragSnapToOrigin\n        this.handlers = handlers\n        this.transformPagePoint = transformPagePoint\n        this.distanceThreshold = distanceThreshold\n        this.contextWindow = contextWindow || window\n\n        const info = extractEventInfo(event)\n        const initialInfo = transformPoint(info, this.transformPagePoint)\n        const { point } = initialInfo\n\n        const { timestamp } = frameData\n\n        this.history = [{ ...point, timestamp }]\n\n        const { onSessionStart } = handlers\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history))\n\n        this.removeListeners = pipe(\n            addPointerEvent(\n                this.contextWindow,\n                \"pointermove\",\n                this.handlePointerMove\n            ),\n            addPointerEvent(\n                this.contextWindow,\n                \"pointerup\",\n                this.handlePointerUp\n            ),\n            addPointerEvent(\n                this.contextWindow,\n                \"pointercancel\",\n                this.handlePointerUp\n            )\n        )\n\n        // Start scroll tracking if element provided\n        if (element) {\n            this.startScrollTracking(element)\n        }\n    }\n\n    /**\n     * Start tracking scroll on ancestors and window.\n     */\n    private startScrollTracking(element: HTMLElement): void {\n        // Store initial scroll positions for scrollable ancestors\n        let current = element.parentElement\n        while (current) {\n            const style = getComputedStyle(current)\n            if (\n                overflowStyles.has(style.overflowX) ||\n                overflowStyles.has(style.overflowY)\n            ) {\n                this.scrollPositions.set(current, {\n                    x: current.scrollLeft,\n                    y: current.scrollTop,\n                })\n            }\n            current = current.parentElement\n        }\n\n        // Track window scroll\n        this.scrollPositions.set(window, {\n            x: window.scrollX,\n            y: window.scrollY,\n        })\n\n        // Capture listener catches element scroll events as they bubble\n        window.addEventListener(\"scroll\", this.onElementScroll, {\n            capture: true,\n        })\n\n        // Direct window scroll listener (window scroll doesn't bubble)\n        window.addEventListener(\"scroll\", this.onWindowScroll)\n\n        this.removeScrollListeners = () => {\n            window.removeEventListener(\"scroll\", this.onElementScroll, {\n                capture: true,\n            })\n            window.removeEventListener(\"scroll\", this.onWindowScroll)\n        }\n    }\n\n    private onElementScroll = (event: Event): void => {\n        this.handleScroll(event.target as Element)\n    }\n\n    private onWindowScroll = (): void => {\n        this.handleScroll(window)\n    }\n\n    /**\n     * Handle scroll compensation during drag.\n     *\n     * For element scroll: adjusts history origin since pageX/pageY doesn't change.\n     * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.\n     */\n    private handleScroll(target: Element | Window): void {\n        const initial = this.scrollPositions.get(target)\n        if (!initial) return\n\n        const isWindow = target === window\n        const current = isWindow\n            ? { x: window.scrollX, y: window.scrollY }\n            : {\n                  x: (target as Element).scrollLeft,\n                  y: (target as Element).scrollTop,\n              }\n\n        const delta = { x: current.x - initial.x, y: current.y - initial.y }\n        if (delta.x === 0 && delta.y === 0) return\n\n        if (isWindow) {\n            // Window scroll: pageX/pageY changes, so update lastMoveEventInfo\n            if (this.lastMoveEventInfo) {\n                this.lastMoveEventInfo.point.x += delta.x\n                this.lastMoveEventInfo.point.y += delta.y\n            }\n        } else {\n            // Element scroll: pageX/pageY unchanged, so adjust history origin\n            if (this.history.length > 0) {\n                this.history[0].x -= delta.x\n                this.history[0].y -= delta.y\n            }\n        }\n\n        this.scrollPositions.set(target, current)\n        frame.update(this.updatePoint, true)\n    }\n\n    private updatePoint = () => {\n        if (!(this.lastMoveEvent && this.lastMoveEventInfo)) return\n\n        // Re-transform raw point through current transformPagePoint so\n        // animated parent transforms (e.g. rotation) are picked up each frame\n        if (this.lastRawMoveEventInfo) {\n            this.lastMoveEventInfo = transformPoint(\n                this.lastRawMoveEventInfo,\n                this.transformPagePoint\n            )\n        }\n\n        const info = getPanInfo(this.lastMoveEventInfo, this.history)\n        const isPanStarted = this.startEvent !== null\n\n        // Only start panning if the offset is larger than 3 pixels. If we make it\n        // any larger than this we'll want to reset the pointer history\n        // on the first update to avoid visual snapping to the cursor.\n        const isDistancePastThreshold =\n            distance2D(info.offset, { x: 0, y: 0 }) >= this.distanceThreshold\n\n        if (!isPanStarted && !isDistancePastThreshold) return\n\n        const { point } = info\n        const { timestamp } = frameData\n        this.history.push({ ...point, timestamp })\n\n        const { onStart, onMove } = this.handlers\n\n        if (!isPanStarted) {\n            onStart && onStart(this.lastMoveEvent, info)\n            this.startEvent = this.lastMoveEvent\n        }\n\n        onMove && onMove(this.lastMoveEvent, info)\n    }\n\n    private handlePointerMove = (event: PointerEvent, info: EventInfo) => {\n        this.lastMoveEvent = event\n        this.lastRawMoveEventInfo = info\n        this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint)\n\n        // Throttle mouse move event to once per frame\n        frame.update(this.updatePoint, true)\n    }\n\n    private handlePointerUp = (event: PointerEvent, info: EventInfo) => {\n        this.end()\n\n        const { onEnd, onSessionEnd, resumeAnimation } = this.handlers\n\n        // Resume animation if dragSnapToOrigin is set OR if no drag started (user just clicked)\n        // This ensures constraint animations continue when interrupted by a click\n        if (this.dragSnapToOrigin || !this.startEvent) {\n            resumeAnimation && resumeAnimation()\n        }\n        if (!(this.lastMoveEvent && this.lastMoveEventInfo)) return\n\n        const panInfo = getPanInfo(\n            event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint),\n            this.history\n        )\n\n        if (this.startEvent && onEnd) {\n            onEnd(event, panInfo)\n        }\n\n        onSessionEnd && onSessionEnd(event, panInfo)\n    }\n\n    updateHandlers(handlers: Partial<PanSessionHandlers>) {\n        this.handlers = handlers\n    }\n\n    end() {\n        this.removeListeners && this.removeListeners()\n        this.removeScrollListeners && this.removeScrollListeners()\n        this.scrollPositions.clear()\n        cancelFrame(this.updatePoint)\n    }\n}\n\nfunction transformPoint(\n    info: EventInfo,\n    transformPagePoint?: (point: Point) => Point\n) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info\n}\n\nfunction subtractPoint(a: Point, b: Point): Point {\n    return { x: a.x - b.x, y: a.y - b.y }\n}\n\nfunction getPanInfo({ point }: EventInfo, history: TimestampedPoint[]) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    }\n}\n\nfunction startDevicePoint(history: TimestampedPoint[]): TimestampedPoint {\n    return history[0]\n}\n\nfunction lastDevicePoint(history: TimestampedPoint[]): TimestampedPoint {\n    return history[history.length - 1]\n}\n\nfunction getVelocity(history: TimestampedPoint[], timeDelta: number): Point {\n    if (history.length < 2) {\n        return { x: 0, y: 0 }\n    }\n\n    let i = history.length - 1\n    let timestampedPoint: TimestampedPoint | null = null\n    const lastPoint = lastDevicePoint(history)\n    while (i >= 0) {\n        timestampedPoint = history[i]\n        if (\n            lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)\n        ) {\n            break\n        }\n        i--\n    }\n\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 }\n    }\n\n    /**\n     * If the selected point is the pointer-down origin (history[0]),\n     * there are better movement points available, and the time gap\n     * is suspiciously large (>2x timeDelta), use the next point instead.\n     * This prevents stale pointer-down points from diluting velocity\n     * in hold-then-flick gestures.\n     */\n    if (\n        timestampedPoint === history[0] &&\n        history.length > 2 &&\n        lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta) * 2\n    ) {\n        timestampedPoint = history[1]\n    }\n\n    const time = millisecondsToSeconds(\n        lastPoint.timestamp - timestampedPoint.timestamp\n    )\n    if (time === 0) {\n        return { x: 0, y: 0 }\n    }\n\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    }\n\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0\n    }\n\n    return currentVelocity\n}\n", "import { calcLength, mixNumber, type DragElastic, type ResolvedConstraints } from \"motion-dom\"\nimport {\n    Axis,\n    BoundingBox,\n    Box,\n    progress as calcProgress,\n    clamp,\n    Point,\n} from \"motion-utils\"\n\n/**\n * Apply constraints to a point. These constraints are both physical along an\n * axis, and an elastic factor that determines how much to constrain the point\n * by if it does lie outside the defined parameters.\n */\nexport function applyConstraints(\n    point: number,\n    { min, max }: Partial<Axis>,\n    elastic?: Axis\n): number {\n    if (min !== undefined && point < min) {\n        // If we have a min point defined, and this is outside of that, constrain\n        point = elastic\n            ? mixNumber(min, point, elastic.min)\n            : Math.max(point, min)\n    } else if (max !== undefined && point > max) {\n        // If we have a max point defined, and this is outside of that, constrain\n        point = elastic\n            ? mixNumber(max, point, elastic.max)\n            : Math.min(point, max)\n    }\n\n    return point\n}\n\n/**\n * Calculates a min projection point based on a pointer, pointer progress\n * within the drag target, and constraints.\n *\n * For instance if an element was 100px width, we were dragging from 0.25\n * along this axis, the pointer is at 200px, and there were no constraints,\n * we would calculate a min projection point of 175px.\n */\nexport function calcConstrainedMinPoint(\n    point: number,\n    length: number,\n    progress: number,\n    constraints?: Partial<Axis>,\n    elastic?: Axis\n): number {\n    // Calculate a min point for this axis and apply it to the current pointer\n    const min = point - length * progress\n\n    return constraints ? applyConstraints(min, constraints, elastic) : min\n}\n\n/**\n * Calculate constraints in terms of the viewport when defined relatively to the\n * measured axis. This is measured from the nearest edge, so a max constraint of 200\n * on an axis with a max value of 300 would return a constraint of 500 - axis length\n */\nexport function calcRelativeAxisConstraints(\n    axis: Axis,\n    min?: number,\n    max?: number\n): Partial<Axis> {\n    return {\n        min: min !== undefined ? axis.min + min : undefined,\n        max:\n            max !== undefined\n                ? axis.max + max - (axis.max - axis.min)\n                : undefined,\n    }\n}\n\n/**\n * Calculate constraints in terms of the viewport when\n * defined relatively to the measured bounding box.\n */\nexport function calcRelativeConstraints(\n    layoutBox: Box,\n    { top, left, bottom, right }: Partial<BoundingBox>\n): ResolvedConstraints {\n    return {\n        x: calcRelativeAxisConstraints(layoutBox.x, left, right),\n        y: calcRelativeAxisConstraints(layoutBox.y, top, bottom),\n    }\n}\n\n/**\n * Calculate viewport constraints when defined as another viewport-relative axis\n */\nexport function calcViewportAxisConstraints(\n    layoutAxis: Axis,\n    constraintsAxis: Axis\n) {\n    let min = constraintsAxis.min - layoutAxis.min\n    let max = constraintsAxis.max - layoutAxis.max\n\n    // If the constraints axis is actually smaller than the layout axis then we can\n    // flip the constraints\n    if (\n        constraintsAxis.max - constraintsAxis.min <\n        layoutAxis.max - layoutAxis.min\n    ) {\n        ;[min, max] = [max, min]\n    }\n\n    return { min, max }\n}\n\n/**\n * Calculate viewport constraints when defined as another viewport-relative box\n */\nexport function calcViewportConstraints(layoutBox: Box, constraintsBox: Box) {\n    return {\n        x: calcViewportAxisConstraints(layoutBox.x, constraintsBox.x),\n        y: calcViewportAxisConstraints(layoutBox.y, constraintsBox.y),\n    }\n}\n\n/**\n * Calculate a transform origin relative to the source axis, between 0-1, that results\n * in an asthetically pleasing scale/transform needed to project from source to target.\n */\nexport function calcOrigin(source: Axis, target: Axis): number {\n    let origin = 0.5\n    const sourceLength = calcLength(source)\n    const targetLength = calcLength(target)\n\n    if (targetLength > sourceLength) {\n        origin = calcProgress(target.min, target.max - sourceLength, source.min)\n    } else if (sourceLength > targetLength) {\n        origin = calcProgress(source.min, source.max - targetLength, target.min)\n    }\n\n    return clamp(0, 1, origin)\n}\n\n/**\n * Calculate the relative progress of one constraints box relative to another.\n * Imagine a page scroll bar. At the top, this would return 0, at the bottom, 1.\n * Anywhere in-between, a value between 0 and 1.\n *\n * This also handles flipped constraints, for instance a draggable container within\n * a smaller viewport like a scrollable view.\n */\nexport function calcProgressWithinConstraints(\n    layoutBox: Box,\n    constraintsBox: Box\n): Point {\n    return {\n        x: calcOrigin(layoutBox.x, constraintsBox.x),\n        y: calcOrigin(layoutBox.y, constraintsBox.y),\n    }\n}\n\n/**\n * Calculate the an axis position based on two axes and a progress value.\n */\nexport function calcPositionFromProgress(\n    axis: Axis,\n    constraints: Axis,\n    progress: number\n): Axis {\n    const axisLength = axis.max - axis.min\n    const min = mixNumber(\n        constraints.min,\n        constraints.max - axisLength,\n        progress\n    )\n    return { min, max: min + axisLength }\n}\n\n/**\n * Rebase the calculated viewport constraints relative to the layout.min point.\n */\nexport function rebaseAxisConstraints(\n    layout: Axis,\n    constraints: Partial<Axis>\n): Partial<Axis> {\n    const relativeConstraints: Partial<Axis> = {}\n\n    if (constraints.min !== undefined) {\n        relativeConstraints.min = constraints.min - layout.min\n    }\n\n    if (constraints.max !== undefined) {\n        relativeConstraints.max = constraints.max - layout.min\n    }\n\n    return relativeConstraints\n}\n\nexport const defaultElastic = 0.35\n/**\n * Accepts a dragElastic prop and returns resolved elastic values for each axis.\n */\nexport function resolveDragElastic(\n    dragElastic: DragElastic = defaultElastic\n): Box {\n    if (dragElastic === false) {\n        dragElastic = 0\n    } else if (dragElastic === true) {\n        dragElastic = defaultElastic\n    }\n\n    return {\n        x: resolveAxisElastic(dragElastic, \"left\", \"right\"),\n        y: resolveAxisElastic(dragElastic, \"top\", \"bottom\"),\n    }\n}\n\nexport function resolveAxisElastic(\n    dragElastic: DragElastic,\n    minLabel: string,\n    maxLabel: string\n): Axis {\n    return {\n        min: resolvePointElastic(dragElastic, minLabel),\n        max: resolvePointElastic(dragElastic, maxLabel),\n    }\n}\n\nexport function resolvePointElastic(\n    dragElastic: DragElastic,\n    label: string\n): number {\n    return typeof dragElastic === \"number\"\n        ? dragElastic\n        : dragElastic[label as keyof typeof dragElastic] || 0\n}\n", "import {\n    addValueToWillChange,\n    animateMotionValue,\n    calcLength,\n    convertBoundingBoxToBox,\n    convertBoxToBoundingBox,\n    createBox,\n    eachAxis,\n    frame,\n    isElementTextInput,\n    measurePageBox,\n    mixNumber,\n    PanInfo,\n    percent,\n    ResolvedConstraints,\n    resize,\n    setDragLock,\n    Transition,\n    type VisualElement,\n} from \"motion-dom\"\nimport { Axis, Point, invariant } from \"motion-utils\"\nimport { addDomEvent, type LayoutUpdateData } from \"motion-dom\"\nimport { addPointerEvent } from \"../../events/add-pointer-event\"\nimport { extractEventInfo } from \"../../events/event-info\"\nimport { MotionProps } from \"../../motion/types\"\nimport { getContextWindow } from \"../../utils/get-context-window\"\nimport { isRefObject } from \"../../utils/is-ref-object\"\nimport { PanSession } from \"../pan/PanSession\"\nimport {\n    applyConstraints,\n    calcOrigin,\n    calcRelativeConstraints,\n    calcViewportConstraints,\n    defaultElastic,\n    rebaseAxisConstraints,\n    resolveDragElastic,\n} from \"./utils/constraints\"\n\nexport const elementDragControls = new WeakMap<\n    VisualElement,\n    VisualElementDragControls\n>()\n\nexport interface DragControlOptions {\n    /**\n     * This distance after which dragging starts and a direction is locked in.\n     *\n     * @public\n     */\n    distanceThreshold?: number\n\n    /**\n     * Whether to immediately snap to the cursor when dragging starts.\n     *\n     * @public\n     */\n    snapToCursor?: boolean\n}\n\ntype DragDirection = \"x\" | \"y\"\n\nexport class VisualElementDragControls {\n    private visualElement: VisualElement<HTMLElement>\n\n    private panSession?: PanSession\n\n    private openDragLock: VoidFunction | null = null\n\n    isDragging = false\n    private currentDirection: DragDirection | null = null\n\n    private originPoint: Point = { x: 0, y: 0 }\n\n    /**\n     * The permitted boundaries of travel, in pixels.\n     */\n    private constraints: ResolvedConstraints | false = false\n\n    private hasMutatedConstraints = false\n\n    /**\n     * The per-axis resolved elastic values.\n     */\n    private elastic = createBox()\n\n    /**\n     * The latest pointer event. Used as fallback when the `cancel` and `stop` functions are called without arguments.\n     */\n    private latestPointerEvent: PointerEvent | null = null\n\n    /**\n     * The latest pan info. Used as fallback when the `cancel` and `stop` functions are called without arguments.\n     */\n    private latestPanInfo: PanInfo | null = null\n\n    constructor(visualElement: VisualElement<HTMLElement>) {\n        this.visualElement = visualElement\n    }\n\n    start(\n        originEvent: PointerEvent,\n        { snapToCursor = false, distanceThreshold }: DragControlOptions = {}\n    ) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement\n        if (presenceContext && presenceContext.isPresent === false) return\n\n        const onSessionStart = (event: PointerEvent) => {\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event).point)\n            }\n            this.stopAnimation()\n        }\n\n        const onStart = (event: PointerEvent, info: PanInfo) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps()\n\n            if (drag && !dragPropagation) {\n                if (this.openDragLock) this.openDragLock()\n\n                this.openDragLock = setDragLock(drag)\n\n                // If we don 't have the lock, don't start dragging\n                if (!this.openDragLock) return\n            }\n\n            this.latestPointerEvent = event\n            this.latestPanInfo = info\n            this.isDragging = true\n\n            this.currentDirection = null\n\n            this.resolveConstraints()\n\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true\n                this.visualElement.projection.target = undefined\n            }\n\n            /**\n             * Record gesture origin and pointer offset\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0\n\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement\n\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis]\n\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis)\n                            current = length * (parseFloat(current) / 100)\n                        }\n                    }\n                }\n\n                this.originPoint[axis] = current\n            })\n\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true)\n            }\n\n            addValueToWillChange(this.visualElement, \"transform\")\n\n            const { animationState } = this.visualElement\n            animationState && animationState.setActive(\"whileDrag\", true)\n        }\n\n        const onMove = (event: PointerEvent, info: PanInfo) => {\n            this.latestPointerEvent = event\n            this.latestPanInfo = info\n\n            const {\n                dragPropagation,\n                dragDirectionLock,\n                onDirectionLock,\n                onDrag,\n            } = this.getProps()\n\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openDragLock) return\n\n            const { offset } = info\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset)\n\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection)\n                }\n\n                return\n            }\n\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset)\n            this.updateAxis(\"y\", info.point, offset)\n\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render()\n\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            if (onDrag) {\n                frame.update(() => onDrag(event, info), false, true)\n            }\n        }\n\n        const onSessionEnd = (event: PointerEvent, info: PanInfo) => {\n            this.latestPointerEvent = event\n            this.latestPanInfo = info\n\n            this.stop(event, info)\n\n            this.latestPointerEvent = null\n            this.latestPanInfo = null\n        }\n\n        const resumeAnimation = () => {\n            const { dragSnapToOrigin: snap } = this.getProps()\n            if (snap || this.constraints) {\n                this.startAnimation({ x: 0, y: 0 })\n            }\n        }\n\n        const { dragSnapToOrigin } = this.getProps()\n        this.panSession = new PanSession(\n            originEvent,\n            {\n                onSessionStart,\n                onStart,\n                onMove,\n                onSessionEnd,\n                resumeAnimation,\n            },\n            {\n                transformPagePoint: this.visualElement.getTransformPagePoint(),\n                dragSnapToOrigin,\n                distanceThreshold,\n                contextWindow: getContextWindow(this.visualElement),\n                element: this.visualElement.current,\n            }\n        )\n    }\n\n    /**\n     * @internal\n     */\n    stop(event?: PointerEvent, panInfo?: PanInfo) {\n        const finalEvent = event || this.latestPointerEvent\n        const finalPanInfo = panInfo || this.latestPanInfo\n\n        const isDragging = this.isDragging\n        this.cancel()\n        if (!isDragging || !finalPanInfo || !finalEvent) return\n\n        const { velocity } = finalPanInfo\n        this.startAnimation(velocity)\n\n        const { onDragEnd } = this.getProps()\n        if (onDragEnd) {\n            frame.postRender(() => onDragEnd(finalEvent, finalPanInfo))\n        }\n    }\n\n    /**\n     * @internal\n     */\n    cancel() {\n        this.isDragging = false\n\n        const { projection, animationState } = this.visualElement\n\n        if (projection) {\n            projection.isAnimationBlocked = false\n        }\n\n        this.endPanSession()\n\n        const { dragPropagation } = this.getProps()\n\n        if (!dragPropagation && this.openDragLock) {\n            this.openDragLock()\n            this.openDragLock = null\n        }\n\n        animationState && animationState.setActive(\"whileDrag\", false)\n    }\n\n    /**\n     * Clean up the pan session without modifying other drag state.\n     * This is used during unmount to ensure event listeners are removed\n     * without affecting projection animations or drag locks.\n     * @internal\n     */\n    endPanSession() {\n        this.panSession && this.panSession.end()\n        this.panSession = undefined\n    }\n\n    private updateAxis(axis: DragDirection, _point: Point, offset?: Point) {\n        const { drag } = this.getProps()\n\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection)) return\n\n        const axisValue = this.getAxisMotionValue(axis)\n        let next = this.originPoint[axis] + offset[axis]\n\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(\n                next,\n                this.constraints[axis],\n                this.elastic[axis]\n            )\n        }\n\n        axisValue.set(next)\n    }\n\n    private resolveConstraints() {\n        const { dragConstraints, dragElastic } = this.getProps()\n\n        const layout =\n            this.visualElement.projection &&\n            !this.visualElement.projection.layout\n                ? this.visualElement.projection.measure(false)\n                : this.visualElement.projection?.layout\n\n        const prevConstraints = this.constraints\n\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints()\n            }\n        } else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(\n                    layout.layoutBox,\n                    dragConstraints\n                )\n            } else {\n                this.constraints = false\n            }\n        }\n\n        this.elastic = resolveDragElastic(dragElastic)\n\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative. This only applies to relative (non-ref)\n         * constraints, as ref-based constraints from calcViewportConstraints are already in the\n         * correct coordinate space for the motion value transform offset.\n         */\n        if (\n            prevConstraints !== this.constraints &&\n            !isRefObject(dragConstraints) &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints\n        ) {\n            eachAxis((axis) => {\n                if (\n                    this.constraints !== false &&\n                    this.getAxisMotionValue(axis)\n                ) {\n                    this.constraints[axis] = rebaseAxisConstraints(\n                        layout.layoutBox[axis],\n                        this.constraints[axis]\n                    )\n                }\n            })\n        }\n    }\n\n    private resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } =\n            this.getProps()\n        if (!constraints || !isRefObject(constraints)) return false\n\n        const constraintsElement = constraints.current as HTMLElement\n\n        invariant(\n            constraintsElement !== null,\n            \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\",\n            \"drag-constraints-ref\"\n        )\n\n        const { projection } = this.visualElement\n\n        // TODO\n        if (!projection || !projection.layout) return false\n\n        const constraintsBox = measurePageBox(\n            constraintsElement,\n            projection.root!,\n            this.visualElement.getTransformPagePoint()\n        )\n\n        let measuredConstraints = calcViewportConstraints(\n            projection.layout.layoutBox,\n            constraintsBox\n        )\n\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(\n                convertBoxToBoundingBox(measuredConstraints)\n            )\n\n            this.hasMutatedConstraints = !!userConstraints\n\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints)\n            }\n        }\n\n        return measuredConstraints\n    }\n\n    private startAnimation(velocity: Point) {\n        const {\n            drag,\n            dragMomentum,\n            dragElastic,\n            dragTransition,\n            dragSnapToOrigin,\n            onDragTransitionEnd,\n        } = this.getProps()\n\n        const constraints: Partial<ResolvedConstraints> = this.constraints || {}\n\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return\n            }\n\n            let transition = (constraints && constraints[axis]) || {}\n\n            if (\n                dragSnapToOrigin === true ||\n                (dragSnapToOrigin as unknown) === axis\n            )\n                transition = { min: 0, max: 0 }\n\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000\n            const bounceDamping = dragElastic ? 40 : 10000000\n\n            const inertia: Transition = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            }\n\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia)\n        })\n\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd)\n    }\n\n    private startAxisValueAnimation(\n        axis: DragDirection,\n        transition: Transition\n    ) {\n        const axisValue = this.getAxisMotionValue(axis)\n\n        addValueToWillChange(this.visualElement, axis)\n\n        return axisValue.start(\n            animateMotionValue(\n                axis,\n                axisValue,\n                0,\n                transition,\n                this.visualElement,\n                false\n            )\n        )\n    }\n\n    private stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop())\n    }\n\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    private getAxisMotionValue(axis: DragDirection) {\n        const dragKey =\n            `_drag${axis.toUpperCase()}` as `_drag${Uppercase<DragDirection>}`\n        const props = this.visualElement.getProps()\n        const externalMotionValue = props[dragKey]\n\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(\n                  axis,\n                  (props.initial\n                      ? props.initial[axis as keyof typeof props.initial]\n                      : undefined) || 0\n              )\n    }\n\n    private snapToCursor(point: Point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps()\n\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection)) return\n\n            const { projection } = this.visualElement\n            const axisValue = this.getAxisMotionValue(axis)\n\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis]\n\n                /**\n                 * The layout measurement includes the current transform value,\n                 * so we need to add it back to get the correct snap position.\n                 * This fixes an issue where elements with initial coordinates\n                 * would snap to the wrong position on the first drag.\n                 */\n                const current = axisValue.get() || 0\n\n                axisValue.set(point[axis] - mixNumber(min, max, 0.5) + current)\n            }\n        })\n    }\n\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current) return\n\n        const { drag, dragConstraints } = this.getProps()\n        const { projection } = this.visualElement\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return\n\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation()\n\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 }\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis)\n            if (axisValue && this.constraints !== false) {\n                const latest = axisValue.get()\n                boxProgress[axis] = calcOrigin(\n                    { min: latest, max: latest },\n                    this.constraints[axis] as Axis\n                )\n            }\n        })\n\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps()\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\"\n        projection.root && projection.root.updateScroll()\n        projection.updateLayout()\n\n        /**\n         * Reset constraints so resolveConstraints() will recalculate them\n         * with the freshly measured layout rather than returning the cached value.\n         */\n        this.constraints = false\n        this.resolveConstraints()\n\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null)) return\n\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis)\n            const { min, max } = (this.constraints as ResolvedConstraints)[\n                axis\n            ] as Axis\n            axisValue.set(mixNumber(min, max, boxProgress[axis]))\n        })\n\n        /**\n         * Flush the updated transform to the DOM synchronously to prevent\n         * a visual flash at the element's CSS layout position (0,0) when\n         * the transform was stripped for measurement.\n         */\n        this.visualElement.render()\n    }\n\n    addListeners() {\n        if (!this.visualElement.current) return\n        elementDragControls.set(this.visualElement, this)\n        const element = this.visualElement.current\n\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(\n            element,\n            \"pointerdown\",\n            (event) => {\n                const { drag, dragListener = true } = this.getProps()\n                const target = event.target as Element\n\n                /**\n                 * Only block drag if clicking on a text input child element\n                 * (input, textarea, select, contenteditable) where users might\n                 * want to select text or interact with the control.\n                 *\n                 * Buttons and links don't block drag since they don't have\n                 * click-and-move actions of their own.\n                 */\n                const isClickingTextInputChild =\n                    target !== element && isElementTextInput(target)\n\n                if (drag && dragListener && !isClickingTextInputChild) {\n                    this.start(event)\n                }\n            }\n        )\n\n        /**\n         * If using ref-based constraints, observe both the draggable element\n         * and the constraint container for size changes via ResizeObserver.\n         * Setup is deferred because dragConstraints.current is null when\n         * addListeners first runs (React hasn't committed the ref yet).\n         */\n        let stopResizeObservers: VoidFunction | undefined\n\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps()\n            if (isRefObject(dragConstraints) && dragConstraints.current) {\n                this.constraints = this.resolveRefConstraints()\n\n                if (!stopResizeObservers) {\n                    stopResizeObservers = startResizeObservers(\n                        element,\n                        dragConstraints.current as HTMLElement,\n                        () => this.scalePositionWithinConstraints()\n                    )\n                }\n            }\n        }\n\n        const { projection } = this.visualElement\n\n        const stopMeasureLayoutListener = projection!.addEventListener(\n            \"measure\",\n            measureDragConstraints\n        )\n\n        if (projection && !projection!.layout) {\n            projection.root && projection.root.updateScroll()\n            projection.updateLayout()\n        }\n\n        frame.read(measureDragConstraints)\n\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () =>\n            this.scalePositionWithinConstraints()\n        )\n\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection!.addEventListener(\n            \"didUpdate\",\n            (({ delta, hasLayoutChanged }: LayoutUpdateData) => {\n                if (this.isDragging && hasLayoutChanged) {\n                    eachAxis((axis) => {\n                        const motionValue = this.getAxisMotionValue(axis)\n                        if (!motionValue) return\n\n                        this.originPoint[axis] += delta[axis].translate\n                        motionValue.set(\n                            motionValue.get() + delta[axis].translate\n                        )\n                    })\n\n                    this.visualElement.render()\n                }\n            }) as any\n        )\n\n        return () => {\n            stopResizeListener()\n            stopPointerListener()\n            stopMeasureLayoutListener()\n            stopLayoutUpdateListener && stopLayoutUpdateListener()\n            stopResizeObservers && stopResizeObservers()\n        }\n    }\n\n    getProps(): MotionProps {\n        const props = this.visualElement.getProps()\n        const {\n            drag = false,\n            dragDirectionLock = false,\n            dragPropagation = false,\n            dragConstraints = false,\n            dragElastic = defaultElastic,\n            dragMomentum = true,\n        } = props\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        }\n    }\n}\n\nfunction skipFirstCall(callback: VoidFunction): VoidFunction {\n    let isFirst = true\n    return () => {\n        if (isFirst) {\n            isFirst = false\n            return\n        }\n        callback()\n    }\n}\n\nfunction startResizeObservers(\n    element: HTMLElement,\n    constraintsElement: HTMLElement,\n    onResize: VoidFunction\n): VoidFunction {\n    const stopElement = resize(element, skipFirstCall(onResize))\n    const stopContainer = resize(constraintsElement, skipFirstCall(onResize))\n    return () => {\n        stopElement()\n        stopContainer()\n    }\n}\n\nfunction shouldDrag(\n    direction: DragDirection,\n    drag: boolean | DragDirection | undefined,\n    currentDirection: null | DragDirection\n) {\n    return (\n        (drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction)\n    )\n}\n\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(\n    offset: Point,\n    lockThreshold = 10\n): DragDirection | null {\n    let direction: DragDirection | null = null\n\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\"\n    } else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\"\n    }\n\n    return direction\n}\n\nexport function expectsResolvedDragConstraints({\n    dragConstraints,\n    onMeasureDragConstraints,\n}: MotionProps) {\n    return isRefObject(dragConstraints) && !!onMeasureDragConstraints\n}\n", "import { Feature, type VisualElement } from \"motion-dom\"\nimport { noop } from \"motion-utils\"\nimport { VisualElementDragControls } from \"./VisualElementDragControls\"\n\nexport class DragGesture extends Feature<HTMLElement> {\n    controls: VisualElementDragControls\n\n    removeGroupControls: Function = noop\n    removeListeners: Function = noop\n\n    constructor(node: VisualElement<HTMLElement>) {\n        super(node)\n        this.controls = new VisualElementDragControls(node)\n    }\n\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps()\n\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls)\n        }\n\n        this.removeListeners = this.controls.addListeners() || noop\n    }\n\n    update() {\n        const { dragControls } = this.node.getProps()\n        const { dragControls: prevDragControls } = this.node.prevProps || {}\n\n        if (dragControls !== prevDragControls) {\n            this.removeGroupControls()\n            if (dragControls) {\n                this.removeGroupControls = dragControls.subscribe(this.controls)\n            }\n        }\n    }\n\n    unmount() {\n        this.removeGroupControls()\n        this.removeListeners()\n        /**\n         * In React 19, during list reorder reconciliation, components may\n         * briefly unmount and remount while the drag is still active. If we're\n         * actively dragging, we should NOT end the pan session - it will\n         * continue tracking pointer events via its window-level listeners.\n         *\n         * The pan session will be properly cleaned up when:\n         * 1. The drag ends naturally (pointerup/pointercancel)\n         * 2. The component is truly removed from the DOM\n         */\n        if (!this.controls.isDragging) {\n            this.controls.endPanSession()\n        }\n    }\n}\n", "import { Feature, frame, type PanInfo } from \"motion-dom\"\nimport { noop } from \"motion-utils\"\nimport { addPointerEvent } from \"../../events/add-pointer-event\"\nimport { getContextWindow } from \"../../utils/get-context-window\"\nimport { PanSession } from \"./PanSession\"\n\ntype PanEventHandler = (event: PointerEvent, info: PanInfo) => void\nconst asyncHandler =\n    (handler?: PanEventHandler) => (event: PointerEvent, info: PanInfo) => {\n        if (handler) {\n            frame.update(() => handler(event, info), false, true)\n        }\n    }\n\nexport class PanGesture extends Feature<Element> {\n    private session?: PanSession\n\n    private removePointerDownListener: Function = noop\n\n    onPointerDown(pointerDownEvent: PointerEvent) {\n        this.session = new PanSession(\n            pointerDownEvent,\n            this.createPanHandlers(),\n            {\n                transformPagePoint: this.node.getTransformPagePoint(),\n                contextWindow: getContextWindow(this.node),\n            }\n        )\n    }\n\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } =\n            this.node.getProps()\n\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: asyncHandler(onPan),\n            onEnd: (event: PointerEvent, info: PanInfo) => {\n                delete this.session\n                if (onPanEnd) {\n                    frame.postRender(() => onPanEnd(event, info))\n                }\n            },\n        }\n    }\n\n    mount() {\n        this.removePointerDownListener = addPointerEvent(\n            this.node.current!,\n            \"pointerdown\",\n            (event: PointerEvent) => this.onPointerDown(event)\n        )\n    }\n\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers())\n    }\n\n    unmount() {\n        this.removePointerDownListener()\n        this.session && this.session.end()\n    }\n}\n", "\"use client\"\n\nimport { frame, microtask, globalProjectionState, type VisualElement } from \"motion-dom\"\nimport { Component, useContext } from \"react\"\nimport { usePresence } from \"../../../components/AnimatePresence/use-presence\"\nimport {\n    LayoutGroupContext,\n    LayoutGroupContextProps,\n} from \"../../../context/LayoutGroupContext\"\nimport { SwitchLayoutGroupContext } from \"../../../context/SwitchLayoutGroupContext\"\nimport { MotionProps } from \"../../types\"\n\ninterface MeasureContextProps {\n    layoutGroup: LayoutGroupContextProps\n    switchLayoutGroup?: SwitchLayoutGroupContext\n    isPresent: boolean\n    safeToRemove?: VoidFunction | null\n}\n\ntype MeasureProps = MotionProps &\n    MeasureContextProps & { visualElement: VisualElement }\n\n/**\n * Track whether we've taken any snapshots yet. If not,\n * we can safely skip notification of didUpdate.\n *\n * Difficult to capture in a test but to prevent flickering\n * we must set this to true either on update or unmount.\n * Running `next-env/layout-id` in Safari will show this behaviour if broken.\n */\nlet hasTakenAnySnapshot = false\n\nclass MeasureLayoutWithContext extends Component<MeasureProps> {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } =\n            this.props\n        const { projection } = visualElement\n\n        if (projection) {\n            if (layoutGroup.group) layoutGroup.group.add(projection)\n\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection)\n            }\n\n            if (hasTakenAnySnapshot) {\n                projection.root!.didUpdate()\n            }\n\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove()\n            })\n            projection.setOptions({\n                ...projection.options,\n                layoutDependency: this.props.layoutDependency,\n                onExitComplete: () => this.safeToRemove(),\n            })\n        }\n\n        globalProjectionState.hasEverUpdated = true\n    }\n\n    getSnapshotBeforeUpdate(prevProps: MeasureProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props\n        const { projection } = visualElement\n\n        if (!projection) return null\n\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent\n\n        if (prevProps.layoutDependency !== layoutDependency) {\n            projection.setOptions({\n                ...projection.options,\n                layoutDependency,\n            })\n        }\n\n        hasTakenAnySnapshot = true\n\n        if (\n            drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined ||\n            prevProps.isPresent !== isPresent\n        ) {\n            projection.willUpdate()\n        } else {\n            this.safeToRemove()\n        }\n\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote()\n            } else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack()\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove()\n                    }\n                })\n            }\n        }\n\n        return null\n    }\n\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement\n        if (projection) {\n            projection.root!.didUpdate()\n\n            microtask.postRender(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove()\n                }\n            })\n        }\n    }\n\n    componentWillUnmount() {\n        const {\n            visualElement,\n            layoutGroup,\n            switchLayoutGroup: promoteContext,\n        } = this.props\n        const { projection } = visualElement\n\n        hasTakenAnySnapshot = true\n\n        if (projection) {\n            projection.scheduleCheckAfterUnmount()\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection)\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection)\n        }\n    }\n\n    safeToRemove() {\n        const { safeToRemove } = this.props\n        safeToRemove && safeToRemove()\n    }\n\n    render() {\n        return null\n    }\n}\n\nexport function MeasureLayout(\n    props: MotionProps & { visualElement: VisualElement }\n) {\n    const [isPresent, safeToRemove] = usePresence()\n    const layoutGroup = useContext(LayoutGroupContext)\n\n    return (\n        <MeasureLayoutWithContext\n            {...props}\n            layoutGroup={layoutGroup}\n            switchLayoutGroup={useContext(SwitchLayoutGroupContext)}\n            isPresent={isPresent}\n            safeToRemove={safeToRemove}\n        />\n    )\n}\n", "import { DragGesture } from \"../../gestures/drag\"\nimport { PanGesture } from \"../../gestures/pan\"\nimport { HTMLProjectionNode } from \"../../projection\"\nimport { MeasureLayout } from \"./layout/MeasureLayout\"\nimport { FeaturePackages } from \"./types\"\n\nexport const drag: FeaturePackages = {\n    pan: {\n        Feature: PanGesture,\n    },\n    drag: {\n        Feature: DragGesture,\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n}\n", "import { Feature, frame, hover, type VisualElement } from \"motion-dom\"\nimport { extractEventInfo } from \"../events/event-info\"\n\nfunction handleHoverEvent(\n    node: VisualElement<Element>,\n    event: PointerEvent,\n    lifecycle: \"Start\" | \"End\"\n) {\n    const { props } = node\n\n    if (node.animationState && props.whileHover) {\n        node.animationState.setActive(\"whileHover\", lifecycle === \"Start\")\n    }\n\n    const eventName = (\"onHover\" + lifecycle) as \"onHoverStart\" | \"onHoverEnd\"\n    const callback = props[eventName]\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)))\n    }\n}\n\nexport class HoverGesture extends Feature<Element> {\n    mount() {\n        const { current } = this.node\n        if (!current) return\n\n        this.unmount = hover(current, (_element, startEvent) => {\n            handleHoverEvent(this.node, startEvent, \"Start\")\n\n            return (endEvent) => handleHoverEvent(this.node, endEvent, \"End\")\n        })\n    }\n\n    unmount() {}\n}\n", "import { Feature, addDomEvent } from \"motion-dom\"\nimport { pipe } from \"motion-utils\"\n\nexport class FocusGesture extends Feature<Element> {\n    private isActive = false\n\n    onFocus() {\n        let isFocusVisible = false\n\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current!.matches(\":focus-visible\")\n        } catch (e) {\n            isFocusVisible = true\n        }\n\n        if (!isFocusVisible || !this.node.animationState) return\n\n        this.node.animationState.setActive(\"whileFocus\", true)\n        this.isActive = true\n    }\n\n    onBlur() {\n        if (!this.isActive || !this.node.animationState) return\n        this.node.animationState.setActive(\"whileFocus\", false)\n        this.isActive = false\n    }\n\n    mount() {\n        this.unmount = pipe(\n            addDomEvent(this.node.current!, \"focus\", () => this.onFocus()),\n            addDomEvent(this.node.current!, \"blur\", () => this.onBlur())\n        ) as VoidFunction\n    }\n\n    unmount() {}\n}\n", "import { Feature, frame, press, type VisualElement } from \"motion-dom\"\nimport { extractEventInfo } from \"../events/event-info\"\n\nfunction handlePressEvent(\n    node: VisualElement<Element>,\n    event: PointerEvent,\n    lifecycle: \"Start\" | \"End\" | \"Cancel\"\n) {\n    const { props } = node\n\n    if (node.current instanceof HTMLButtonElement && node.current.disabled) {\n        return\n    }\n\n    if (node.animationState && props.whileTap) {\n        node.animationState.setActive(\"whileTap\", lifecycle === \"Start\")\n    }\n\n    const eventName = (\"onTap\" + (lifecycle === \"End\" ? \"\" : lifecycle)) as\n        | \"onTapStart\"\n        | \"onTap\"\n        | \"onTapCancel\"\n\n    const callback = props[eventName]\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)))\n    }\n}\n\nexport class PressGesture extends Feature<Element> {\n    mount() {\n        const { current } = this.node\n        if (!current) return\n\n        const { globalTapTarget, propagate } = this.node.props\n\n        this.unmount = press(\n            current,\n            (_element, startEvent) => {\n                handlePressEvent(this.node, startEvent, \"Start\")\n\n                return (endEvent, { success }) =>\n                    handlePressEvent(\n                        this.node,\n                        endEvent,\n                        success ? \"End\" : \"Cancel\"\n                    )\n            },\n            {\n                useGlobalTarget: globalTapTarget,\n                stopPropagation: propagate?.tap === false,\n            }\n        )\n    }\n\n    unmount() {}\n}\n", "type IntersectionHandler = (entry: IntersectionObserverEntry) => void\n\ninterface ElementIntersectionObservers {\n    [key: string]: IntersectionObserver\n}\n\n/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap<Element, IntersectionHandler>()\n\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap<\n    Element | Document,\n    ElementIntersectionObservers\n>()\n\nconst fireObserverCallback = (entry: IntersectionObserverEntry) => {\n    const callback = observerCallbacks.get(entry.target)\n    callback && callback(entry)\n}\n\nconst fireAllObserverCallbacks: IntersectionObserverCallback = (entries) => {\n    entries.forEach(fireObserverCallback)\n}\n\nfunction initIntersectionObserver({\n    root,\n    ...options\n}: IntersectionObserverInit): IntersectionObserver {\n    const lookupRoot = root || document\n\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {})\n    }\n    const rootObservers = observers.get(lookupRoot)!\n\n    const key = JSON.stringify(options)\n\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(\n            fireAllObserverCallbacks,\n            { root, ...options }\n        )\n    }\n\n    return rootObservers[key]\n}\n\nexport function observeIntersection(\n    element: Element,\n    options: IntersectionObserverInit,\n    callback: IntersectionHandler\n) {\n    const rootInteresectionObserver = initIntersectionObserver(options)\n\n    observerCallbacks.set(element, callback)\n    rootInteresectionObserver.observe(element)\n\n    return () => {\n        observerCallbacks.delete(element)\n        rootInteresectionObserver.unobserve(element)\n    }\n}\n", "import { Feature } from \"motion-dom\"\nimport { MotionProps } from \"../../types\"\nimport { observeIntersection } from \"./observers\"\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n}\n\nexport class InViewFeature extends Feature<Element> {\n    private hasEnteredView = false\n\n    private isInView = false\n\n    private startObserver() {\n        this.unmount()\n\n        const { viewport = {} } = this.node.getProps()\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport\n\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold:\n                typeof amount === \"number\" ? amount : thresholdNames[amount],\n        }\n\n        const onIntersectionUpdate = (entry: IntersectionObserverEntry) => {\n            const { isIntersecting } = entry\n\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting) return\n\n            this.isInView = isIntersecting\n\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return\n            } else if (isIntersecting) {\n                this.hasEnteredView = true\n            }\n\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\n                    \"whileInView\",\n                    isIntersecting\n                )\n            }\n\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps()\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave\n            callback && callback(entry)\n        }\n\n        return observeIntersection(\n            this.node.current!,\n            options,\n            onIntersectionUpdate\n        )\n    }\n\n    mount() {\n        this.startObserver()\n    }\n\n    update() {\n        if (typeof IntersectionObserver === \"undefined\") return\n\n        const { props, prevProps } = this.node\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(\n            hasViewportOptionChanged(props, prevProps)\n        )\n\n        if (hasOptionsChanged) {\n            this.startObserver()\n        }\n    }\n\n    unmount() {}\n}\n\nfunction hasViewportOptionChanged(\n    { viewport = {} }: MotionProps,\n    { viewport: prevViewport = {} }: MotionProps = {}\n) {\n    return (name: keyof typeof viewport) =>\n        viewport[name] !== prevViewport[name]\n}\n", "import { HoverGesture } from \"../../gestures/hover\"\nimport { FocusGesture } from \"../../gestures/focus\"\nimport { PressGesture } from \"../../gestures/press\"\nimport { InViewFeature } from \"./viewport\"\nimport { FeaturePackages } from \"./types\"\n\nexport const gestureAnimations: FeaturePackages = {\n    inView: {\n        Feature: InViewFeature,\n    },\n    tap: {\n        Feature: PressGesture,\n    },\n    focus: {\n        Feature: FocusGesture,\n    },\n    hover: {\n        Feature: HoverGesture,\n    },\n}\n", "import { HTMLProjectionNode } from \"motion-dom\"\nimport { MeasureLayout } from \"./layout/MeasureLayout\"\nimport { FeaturePackages } from \"./types\"\n\nexport const layout: FeaturePackages = {\n    layout: {\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n}\n", "import { animations } from \"../../../motion/features/animations\"\nimport { drag } from \"../../../motion/features/drag\"\nimport { gestureAnimations } from \"../../../motion/features/gestures\"\nimport { layout } from \"../../../motion/features/layout\"\n\nexport const featureBundle = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n}\n", "import { createDomVisualElement } from \"../../dom/create-visual-element\"\nimport { createMotionProxy } from \"../create-proxy\"\nimport { featureBundle } from \"./feature-bundle\"\n\nexport const motion = /*@__PURE__*/ createMotionProxy(\n    featureBundle,\n    createDomVisualElement\n)\n", "\"use client\"\n\nimport { useEffect } from \"react\"\n\nexport function useUnmountEffect(callback: () => void) {\n    return useEffect(() => () => callback(), [])\n}\n", "\"use client\"\n\nimport { animations } from \"../../motion/features/animations\"\nimport { gestureAnimations } from \"../../motion/features/gestures\"\nimport { FeatureBundle } from \"../../motion/features/types\"\nimport { createDomVisualElement } from \"./create-visual-element\"\n\n/**\n * @public\n */\nexport const domAnimation: FeatureBundle = {\n    renderer: createDomVisualElement,\n    ...animations,\n    ...gestureAnimations,\n}\n", "\"use client\"\n\nimport { drag } from \"../../motion/features/drag\"\nimport { layout } from \"../../motion/features/layout\"\nimport { FeatureBundle } from \"../../motion/features/types\"\nimport { domAnimation } from \"./features-animation\"\n\n/**\n * @public\n */\nexport const domMax: FeatureBundle = {\n    ...domAnimation,\n    ...drag,\n    ...layout,\n}\n", "\"use client\"\n\nimport { animations } from \"../../motion/features/animations\"\nimport { FeatureBundle } from \"../../motion/features/types\"\nimport { createDomVisualElement } from \"./create-visual-element\"\n\n/**\n * @public\n */\nexport const domMin: FeatureBundle = {\n    renderer: createDomVisualElement,\n    ...animations,\n}\n", "\"use client\"\n\nimport { MotionValue, MotionValueEventCallbacks } from \"motion-dom\"\nimport { useInsertionEffect } from \"react\"\n\nexport function useMotionValueEvent<\n    V,\n    EventName extends keyof MotionValueEventCallbacks<V>\n>(\n    value: MotionValue<V>,\n    event: EventName,\n    callback: MotionValueEventCallbacks<V>[EventName]\n) {\n    /**\n     * useInsertionEffect will create subscriptions before any other\n     * effects will run. Effects run upwards through the tree so it\n     * can be that binding a useLayoutEffect higher up the tree can\n     * miss changes from lower down the tree.\n     */\n    useInsertionEffect(\n        () => value.on(event, callback),\n        [value, event, callback]\n    )\n}\n", "import { supportsScrollTimeline, supportsViewTimeline } from \"motion-dom\"\n\nexport function canUseNativeTimeline(target?: Element) {\n    if (typeof window === \"undefined\") return false\n    return target ? supportsViewTimeline() : supportsScrollTimeline()\n}\n", "import { progress, velocityPerSecond } from \"motion-utils\"\nimport { AxisScrollInfo, ScrollInfo } from \"./types\"\n\n/**\n * A time in milliseconds, beyond which we consider the scroll velocity to be 0.\n */\nconst maxElapsed = 50\n\nconst createAxisInfo = (): AxisScrollInfo => ({\n    current: 0,\n    offset: [],\n    progress: 0,\n    scrollLength: 0,\n    targetOffset: 0,\n    targetLength: 0,\n    containerLength: 0,\n    velocity: 0,\n})\n\nexport const createScrollInfo = (): ScrollInfo => ({\n    time: 0,\n    x: createAxisInfo(),\n    y: createAxisInfo(),\n})\n\nconst keys = {\n    x: {\n        length: \"Width\",\n        position: \"Left\",\n    },\n    y: {\n        length: \"Height\",\n        position: \"Top\",\n    },\n} as const\n\nfunction updateAxisInfo(\n    element: Element,\n    axisName: \"x\" | \"y\",\n    info: ScrollInfo,\n    time: number\n) {\n    const axis = info[axisName]\n    const { length, position } = keys[axisName]\n\n    const prev = axis.current\n    const prevTime = info.time\n\n    axis.current = Math.abs(element[`scroll${position}`])\n    axis.scrollLength = element[`scroll${length}`] - element[`client${length}`]\n\n    axis.offset.length = 0\n    axis.offset[0] = 0\n    axis.offset[1] = axis.scrollLength\n    axis.progress = progress(0, axis.scrollLength, axis.current)\n\n    const elapsed = time - prevTime\n    axis.velocity =\n        elapsed > maxElapsed\n            ? 0\n            : velocityPerSecond(axis.current - prev, elapsed)\n}\n\nexport function updateScrollInfo(\n    element: Element,\n    info: ScrollInfo,\n    time: number\n) {\n    updateAxisInfo(element, \"x\", info, time)\n    updateAxisInfo(element, \"y\", info, time)\n    info.time = time\n}\n", "import { isHTMLElement } from \"motion-dom\"\n\nexport function calcInset(element: Element, container: Element) {\n    const inset = { x: 0, y: 0 }\n\n    let current: Element | null = element\n    while (current && current !== container) {\n        if (isHTMLElement(current)) {\n            inset.x += current.offsetLeft\n            inset.y += current.offsetTop\n            current = current.offsetParent\n        } else if (current.tagName === \"svg\") {\n            /**\n             * This isn't an ideal approach to measuring the offset of <svg /> tags.\n             * It would be preferable, given they behave like HTMLElements in most ways\n             * to use offsetLeft/Top. But these don't exist on <svg />. Likewise we\n             * can't use .getBBox() like most SVG elements as these provide the offset\n             * relative to the SVG itself, which for <svg /> is usually 0x0.\n             */\n            const svgBoundingBox = current.getBoundingClientRect()\n            current = current.parentElement!\n            const parentBoundingBox = current.getBoundingClientRect()\n            inset.x += svgBoundingBox.left - parentBoundingBox.left\n            inset.y += svgBoundingBox.top - parentBoundingBox.top\n        } else if (current instanceof SVGGraphicsElement) {\n            const { x, y } = current.getBBox()\n            inset.x += x\n            inset.y += y\n\n            let svg: SVGElement | null = null\n            let parent: SVGElement = current.parentNode as SVGElement\n            while (!svg) {\n                if (parent.tagName === \"svg\") {\n                    svg = parent\n                }\n                parent = current.parentNode as SVGElement\n            }\n            current = svg\n        } else {\n            break\n        }\n    }\n\n    return inset\n}\n", "import { Edge, NamedEdges } from \"../types\"\n\nexport const namedEdges: Record<NamedEdges, number> = {\n    start: 0,\n    center: 0.5,\n    end: 1,\n}\n\nexport function resolveEdge(edge: Edge, length: number, inset = 0) {\n    let delta = 0\n\n    /**\n     * If we have this edge defined as a preset, replace the definition\n     * with the numerical value.\n     */\n    if (edge in namedEdges) {\n        edge = namedEdges[edge as NamedEdges]\n    }\n\n    /**\n     * Handle unit values\n     */\n    if (typeof edge === \"string\") {\n        const asNumber = parseFloat(edge)\n\n        if (edge.endsWith(\"px\")) {\n            delta = asNumber\n        } else if (edge.endsWith(\"%\")) {\n            edge = asNumber / 100\n        } else if (edge.endsWith(\"vw\")) {\n            delta = (asNumber / 100) * document.documentElement.clientWidth\n        } else if (edge.endsWith(\"vh\")) {\n            delta = (asNumber / 100) * document.documentElement.clientHeight\n        } else {\n            edge = asNumber\n        }\n    }\n\n    /**\n     * If the edge is defined as a number, handle as a progress value.\n     */\n    if (typeof edge === \"number\") {\n        delta = length * edge\n    }\n\n    return inset + delta\n}\n", "import { Edge, EdgeString, Intersection, ProgressIntersection } from \"../types\"\nimport { namedEdges, resolveEdge } from \"./edge\"\n\nconst defaultOffset: ProgressIntersection = [0, 0]\n\nexport function resolveOffset(\n    offset: Edge | Intersection | ProgressIntersection,\n    containerLength: number,\n    targetLength: number,\n    targetInset: number\n) {\n    let offsetDefinition: ProgressIntersection | [EdgeString, EdgeString] =\n        Array.isArray(offset) ? offset : defaultOffset\n\n    let targetPoint = 0\n    let containerPoint = 0\n\n    if (typeof offset === \"number\") {\n        /**\n         * If we're provided offset: [0, 0.5, 1] then each number x should become\n         * [x, x], so we default to the behaviour of mapping 0 => 0 of both target\n         * and container etc.\n         */\n        offsetDefinition = [offset, offset]\n    } else if (typeof offset === \"string\") {\n        offset = offset.trim() as EdgeString\n\n        if (offset.includes(\" \")) {\n            offsetDefinition = offset.split(\" \") as [EdgeString, EdgeString]\n        } else {\n            /**\n             * If we're provided a definition like \"100px\" then we want to apply\n             * that only to the top of the target point, leaving the container at 0.\n             * Whereas a named offset like \"end\" should be applied to both.\n             */\n            offsetDefinition = [offset, namedEdges[offset as keyof typeof namedEdges] ? offset : `0`]\n        }\n    }\n\n    targetPoint = resolveEdge(offsetDefinition[0], targetLength, targetInset)\n    containerPoint = resolveEdge(offsetDefinition[1], containerLength)\n\n    return targetPoint - containerPoint\n}\n", "import { ProgressIntersection } from \"../types\"\n\nexport const ScrollOffset: Record<string, ProgressIntersection[]> = {\n  Enter: [\n    [0, 1],\n    [1, 1],\n  ],\n  Exit: [\n    [0, 0],\n    [1, 0],\n  ],\n  Any: [\n    [1, 0],\n    [0, 1],\n  ],\n  All: [\n    [0, 0],\n    [1, 1],\n  ],\n}\n", "import { defaultOffset, interpolate } from \"motion-dom\"\nimport { clamp } from \"motion-utils\"\nimport { ScrollInfo, ScrollInfoOptions } from \"../types\"\nimport { calcInset } from \"./inset\"\nimport { resolveOffset } from \"./offset\"\nimport { ScrollOffset } from \"./presets\"\n\nconst point = { x: 0, y: 0 }\n\nfunction getTargetSize(target: Element) {\n    return \"getBBox\" in target && target.tagName !== \"svg\"\n        ? (target as SVGGraphicsElement).getBBox()\n        : { width: target.clientWidth, height: target.clientHeight }\n}\n\nexport function resolveOffsets(\n    container: Element,\n    info: ScrollInfo,\n    options: ScrollInfoOptions\n) {\n    const { offset: offsetDefinition = ScrollOffset.All } = options\n    const { target = container, axis = \"y\" } = options\n    const lengthLabel = axis === \"y\" ? \"height\" : \"width\"\n\n    const inset = target !== container ? calcInset(target, container) : point\n\n    /**\n     * Measure the target and container. If they're the same thing then we\n     * use the container's scrollWidth/Height as the target, from there\n     * all other calculations can remain the same.\n     */\n    const targetSize =\n        target === container\n            ? { width: container.scrollWidth, height: container.scrollHeight }\n            : getTargetSize(target)\n\n    const containerSize = {\n        width: container.clientWidth,\n        height: container.clientHeight,\n    }\n\n    /**\n     * Reset the length of the resolved offset array rather than creating a new one.\n     * TODO: More reusable data structures for targetSize/containerSize would also be good.\n     */\n    info[axis].offset.length = 0\n\n    /**\n     * Populate the offset array by resolving the user's offset definition into\n     * a list of pixel scroll offets.\n     */\n    let hasChanged = !info[axis].interpolate\n\n    const numOffsets = offsetDefinition.length\n    for (let i = 0; i < numOffsets; i++) {\n        const offset = resolveOffset(\n            offsetDefinition[i],\n            containerSize[lengthLabel],\n            targetSize[lengthLabel],\n            inset[axis]\n        )\n\n        if (!hasChanged && offset !== info[axis].interpolatorOffsets![i]) {\n            hasChanged = true\n        }\n\n        info[axis].offset[i] = offset\n    }\n\n    /**\n     * If the pixel scroll offsets have changed, create a new interpolator function\n     * to map scroll value into a progress.\n     */\n    if (hasChanged) {\n        info[axis].interpolate = interpolate(\n            info[axis].offset,\n            defaultOffset(offsetDefinition),\n            { clamp: false }\n        )\n\n        info[axis].interpolatorOffsets = [...info[axis].offset]\n    }\n\n    info[axis].progress = clamp(\n        0,\n        1,\n        info[axis].interpolate!(info[axis].current)\n    )\n}\n", "import { warnOnce } from \"motion-utils\"\nimport { updateScrollInfo } from \"./info\"\nimport { resolveOffsets } from \"./offsets/index\"\nimport {\n    OnScrollHandler,\n    OnScrollInfo,\n    ScrollInfo,\n    ScrollInfoOptions,\n} from \"./types\"\n\nfunction measure(\n    container: Element,\n    target: Element = container,\n    info: ScrollInfo\n) {\n    /**\n     * Find inset of target within scrollable container\n     */\n    info.x.targetOffset = 0\n    info.y.targetOffset = 0\n    if (target !== container) {\n        let node = target as HTMLElement\n        while (node && node !== container) {\n            info.x.targetOffset += node.offsetLeft\n            info.y.targetOffset += node.offsetTop\n            node = node.offsetParent as HTMLElement\n        }\n    }\n\n    info.x.targetLength =\n        target === container ? target.scrollWidth : target.clientWidth\n    info.y.targetLength =\n        target === container ? target.scrollHeight : target.clientHeight\n    info.x.containerLength = container.clientWidth\n    info.y.containerLength = container.clientHeight\n\n    /**\n     * In development mode ensure scroll containers aren't position: static as this makes\n     * it difficult to measure their relative positions.\n     */\n    if (process.env.NODE_ENV !== \"production\") {\n        if (container && target && target !== container) {\n            warnOnce(\n                getComputedStyle(container).position !== \"static\",\n                \"Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.\"\n            )\n        }\n    }\n}\n\nexport function createOnScrollHandler(\n    element: Element,\n    onScroll: OnScrollInfo,\n    info: ScrollInfo,\n    options: ScrollInfoOptions = {}\n): OnScrollHandler {\n    return {\n        measure: (time) => {\n            measure(element, options.target, info)\n            updateScrollInfo(element, info, time)\n\n            if (options.offset || options.target) {\n                resolveOffsets(element, info, options)\n            }\n        },\n        notify: () => onScroll(info),\n    }\n}\n", "import { cancelFrame, frame, frameData, resize, Process } from \"motion-dom\"\nimport { noop } from \"motion-utils\"\nimport { createScrollInfo } from \"./info\"\nimport { createOnScrollHandler } from \"./on-scroll-handler\"\nimport { OnScrollHandler, OnScrollInfo, ScrollInfoOptions } from \"./types\"\n\nconst scrollListeners = new WeakMap<Element, VoidFunction>()\nconst resizeListeners = new WeakMap<Element, VoidFunction>()\nconst onScrollHandlers = new WeakMap<Element, Set<OnScrollHandler>>()\nconst scrollSize = new WeakMap<Element, { width: number; height: number }>()\nconst dimensionCheckProcesses = new WeakMap<Element, Process>()\n\nexport type ScrollTargets = Array<HTMLElement>\n\nconst getEventTarget = (element: Element) =>\n    element === document.scrollingElement ? window : element\n\nexport function scrollInfo(\n    onScroll: OnScrollInfo,\n    {\n        container = document.scrollingElement as Element,\n        trackContentSize = false,\n        ...options\n    }: ScrollInfoOptions = {}\n) {\n    if (!container) return noop as VoidFunction\n\n    let containerHandlers = onScrollHandlers.get(container)\n\n    /**\n     * Get the onScroll handlers for this container.\n     * If one isn't found, create a new one.\n     */\n    if (!containerHandlers) {\n        containerHandlers = new Set()\n        onScrollHandlers.set(container, containerHandlers)\n    }\n\n    /**\n     * Create a new onScroll handler for the provided callback.\n     */\n    const info = createScrollInfo()\n    const containerHandler = createOnScrollHandler(\n        container,\n        onScroll,\n        info,\n        options\n    )\n    containerHandlers.add(containerHandler)\n\n    /**\n     * Check if there's a scroll event listener for this container.\n     * If not, create one.\n     */\n    if (!scrollListeners.has(container)) {\n        const measureAll = () => {\n            for (const handler of containerHandlers) {\n                handler.measure(frameData.timestamp)\n            }\n\n            frame.preUpdate(notifyAll)\n        }\n\n        const notifyAll = () => {\n            for (const handler of containerHandlers) {\n                handler.notify()\n            }\n        }\n\n        const listener = () => frame.read(measureAll)\n\n        scrollListeners.set(container, listener)\n\n        const target = getEventTarget(container)\n        window.addEventListener(\"resize\", listener)\n        if (container !== document.documentElement) {\n            resizeListeners.set(container, resize(container, listener))\n        }\n\n        target.addEventListener(\"scroll\", listener)\n\n        listener()\n    }\n\n    /**\n     * Enable content size tracking if requested and not already enabled.\n     */\n    if (trackContentSize && !dimensionCheckProcesses.has(container)) {\n        const listener = scrollListeners.get(container)!\n\n        // Store initial scroll dimensions (object is reused to avoid allocation)\n        const size = {\n            width: container.scrollWidth,\n            height: container.scrollHeight,\n        }\n        scrollSize.set(container, size)\n\n        // Add frame-based scroll dimension checking to detect content changes\n        const checkScrollDimensions: Process = () => {\n            const newWidth = container.scrollWidth\n            const newHeight = container.scrollHeight\n\n            if (size.width !== newWidth || size.height !== newHeight) {\n                listener()\n                size.width = newWidth\n                size.height = newHeight\n            }\n        }\n\n        // Schedule with keepAlive=true to run every frame\n        const dimensionCheckProcess = frame.read(checkScrollDimensions, true)\n        dimensionCheckProcesses.set(container, dimensionCheckProcess)\n    }\n\n    const listener = scrollListeners.get(container)!\n    frame.read(listener, false, true)\n\n    return () => {\n        cancelFrame(listener)\n\n        /**\n         * Check if we even have any handlers for this container.\n         */\n        const currentHandlers = onScrollHandlers.get(container)\n        if (!currentHandlers) return\n\n        currentHandlers.delete(containerHandler)\n\n        if (currentHandlers.size) return\n\n        /**\n         * If no more handlers, remove the scroll listener too.\n         */\n        const scrollListener = scrollListeners.get(container)\n        scrollListeners.delete(container)\n\n        if (scrollListener) {\n            getEventTarget(container).removeEventListener(\n                \"scroll\",\n                scrollListener\n            )\n            resizeListeners.get(container)?.()\n            window.removeEventListener(\"resize\", scrollListener)\n        }\n\n        // Clean up scroll dimension checking\n        const dimensionCheckProcess = dimensionCheckProcesses.get(container)\n        if (dimensionCheckProcess) {\n            cancelFrame(dimensionCheckProcess)\n            dimensionCheckProcesses.delete(container)\n        }\n        scrollSize.delete(container)\n    }\n}\n", "import { ScrollOffset as ScrollOffsetPresets } from \"../offsets/presets\"\nimport { ProgressIntersection, ScrollOffset } from \"../types\"\n\ninterface ViewTimelineRange {\n    rangeStart: string\n    rangeEnd: string\n}\n\n/**\n * Maps from ProgressIntersection pairs used by Motion's preset offsets to\n * ViewTimeline named ranges. Returns undefined for unrecognised patterns,\n * which signals the caller to fall back to JS-based scroll tracking.\n */\nconst presets: [ProgressIntersection[], string][] = [\n    [ScrollOffsetPresets.Enter, \"entry\"],\n    [ScrollOffsetPresets.Exit, \"exit\"],\n    [ScrollOffsetPresets.Any, \"cover\"],\n    [ScrollOffsetPresets.All, \"contain\"],\n]\n\nfunction matchesPreset(\n    offset: ScrollOffset,\n    preset: ProgressIntersection[]\n): boolean {\n    if (offset.length !== 2) return false\n\n    for (let i = 0; i < 2; i++) {\n        const o = offset[i]\n        const p = preset[i]\n        if (\n            !Array.isArray(o) ||\n            o.length !== 2 ||\n            o[0] !== p[0] ||\n            o[1] !== p[1]\n        )\n            return false\n    }\n    return true\n}\n\nexport function offsetToViewTimelineRange(\n    offset?: ScrollOffset\n): ViewTimelineRange | undefined {\n    if (!offset) {\n        return { rangeStart: \"contain 0%\", rangeEnd: \"contain 100%\" }\n    }\n\n    for (const [preset, name] of presets) {\n        if (matchesPreset(offset, preset)) {\n            return { rangeStart: `${name} 0%`, rangeEnd: `${name} 100%` }\n        }\n    }\n\n    return undefined\n}\n", "import { ProgressTimeline } from \"motion-dom\"\nimport { scrollInfo } from \"../track\"\nimport { ScrollOptionsWithDefaults } from \"../types\"\nimport { canUseNativeTimeline } from \"./can-use-native-timeline\"\nimport { offsetToViewTimelineRange } from \"./offset-to-range\"\n\ndeclare class ScrollTimeline implements ProgressTimeline {\n    constructor(options: ScrollOptions)\n\n    currentTime: null | { value: number }\n\n    cancel?: VoidFunction\n}\n\ndeclare class ViewTimeline implements ProgressTimeline {\n    constructor(options: { subject: Element; axis?: string })\n\n    currentTime: null | { value: number }\n\n    cancel?: VoidFunction\n}\n\nconst timelineCache = new Map<\n    Element,\n    Map<Element | \"self\", Record<string, ProgressTimeline>>\n>()\n\nfunction scrollTimelineFallback(options: ScrollOptionsWithDefaults) {\n    const currentTime = { value: 0 }\n\n    const cancel = scrollInfo((info) => {\n        currentTime.value = info[options.axis!].progress * 100\n    }, options)\n\n    return { currentTime, cancel }\n}\n\nexport function getTimeline({\n    source,\n    container,\n    ...options\n}: ScrollOptionsWithDefaults): ProgressTimeline {\n    const { axis } = options\n\n    if (source) container = source\n\n    let containerCache = timelineCache.get(container)\n    if (!containerCache) {\n        containerCache = new Map()\n        timelineCache.set(container, containerCache)\n    }\n\n    const targetKey = options.target ?? \"self\"\n    let targetCache = containerCache.get(targetKey)\n    if (!targetCache) {\n        targetCache = {}\n        containerCache.set(targetKey, targetCache)\n    }\n\n    const axisKey = axis + (options.offset ?? []).join(\",\")\n\n    if (!targetCache[axisKey]) {\n        if (options.target && canUseNativeTimeline(options.target)) {\n            const range = offsetToViewTimelineRange(options.offset)\n            if (range) {\n                targetCache[axisKey] = new ViewTimeline({\n                    subject: options.target,\n                    axis,\n                })\n            } else {\n                targetCache[axisKey] = scrollTimelineFallback({\n                    container,\n                    ...options,\n                })\n            }\n        } else if (canUseNativeTimeline()) {\n            targetCache[axisKey] = new ScrollTimeline({\n                source: container,\n                axis,\n            } as any)\n        } else {\n            targetCache[axisKey] = scrollTimelineFallback({\n                container,\n                ...options,\n            })\n        }\n    }\n\n    return targetCache[axisKey]!\n}\n", "import { AnimationPlaybackControls, observeTimeline } from \"motion-dom\"\nimport { ScrollOptionsWithDefaults } from \"./types\"\nimport { canUseNativeTimeline } from \"./utils/can-use-native-timeline\"\nimport { getTimeline } from \"./utils/get-timeline\"\nimport { offsetToViewTimelineRange } from \"./utils/offset-to-range\"\n\nexport function attachToAnimation(\n    animation: AnimationPlaybackControls,\n    options: ScrollOptionsWithDefaults\n) {\n    const timeline = getTimeline(options)\n\n    const range = options.target\n        ? offsetToViewTimelineRange(options.offset)\n        : undefined\n\n    /**\n     * Use native timeline when:\n     * - No target: ScrollTimeline (existing behaviour)\n     * - Target with mappable offset: ViewTimeline with named range\n     * - Target with unmappable offset: fall back to JS observe\n     */\n    const useNative = options.target\n        ? canUseNativeTimeline(options.target) && !!range\n        : canUseNativeTimeline()\n\n    return animation.attachTimeline({\n        timeline: useNative ? timeline : undefined,\n        ...(range &&\n            useNative && {\n                rangeStart: range.rangeStart,\n                rangeEnd: range.rangeEnd,\n            }),\n        observe: (valueAnimation) => {\n            valueAnimation.pause()\n\n            return observeTimeline((progress) => {\n                valueAnimation.time =\n                    valueAnimation.iterationDuration * progress\n            }, timeline)\n        },\n    })\n}\n", "import { observeTimeline } from \"motion-dom\"\nimport { scrollInfo } from \"./track\"\nimport { OnScroll, OnScrollWithInfo, ScrollOptionsWithDefaults } from \"./types\"\nimport { getTimeline } from \"./utils/get-timeline\"\n\n/**\n * If the onScroll function has two arguments, it's expecting\n * more specific information about the scroll from scrollInfo.\n */\nfunction isOnScrollWithInfo(onScroll: OnScroll): onScroll is OnScrollWithInfo {\n    return onScroll.length === 2\n}\n\nexport function attachToFunction(\n    onScroll: OnScroll,\n    options: ScrollOptionsWithDefaults\n) {\n    if (isOnScrollWithInfo(onScroll)) {\n        return scrollInfo((info) => {\n            onScroll(info[options.axis!].progress, info)\n        }, options)\n    } else {\n        return observeTimeline(onScroll, getTimeline(options))\n    }\n}\n", "import { AnimationPlaybackControls } from \"motion-dom\"\nimport { noop } from \"motion-utils\"\nimport { attachToAnimation } from \"./attach-animation\"\nimport { attachToFunction } from \"./attach-function\"\nimport { OnScroll, ScrollOptions } from \"./types\"\n\nexport function scroll(\n    onScroll: OnScroll | AnimationPlaybackControls,\n    {\n        axis = \"y\",\n        container = document.scrollingElement as Element,\n        ...options\n    }: ScrollOptions = {}\n): VoidFunction {\n    if (!container) return noop as VoidFunction\n\n    const optionsWithDefaults = { axis, container, ...options }\n\n    return typeof onScroll === \"function\"\n        ? attachToFunction(onScroll, optionsWithDefaults)\n        : attachToAnimation(onScroll, optionsWithDefaults)\n}\n", "\"use client\"\n\nimport {\n    AnimationPlaybackControls,\n    motionValue,\n    supportsScrollTimeline,\n    supportsViewTimeline,\n} from \"motion-dom\"\nimport { invariant } from \"motion-utils\"\nimport { RefObject, useCallback, useEffect, useRef } from \"react\"\nimport { scroll } from \"../render/dom/scroll\"\nimport { ScrollInfoOptions } from \"../render/dom/scroll/types\"\nimport { offsetToViewTimelineRange } from \"../render/dom/scroll/utils/offset-to-range\"\nimport { useConstant } from \"../utils/use-constant\"\nimport { useIsomorphicLayoutEffect } from \"../utils/use-isomorphic-effect\"\n\nexport interface UseScrollOptions\n    extends Omit<ScrollInfoOptions, \"container\" | \"target\"> {\n    container?: RefObject<HTMLElement | null>\n    target?: RefObject<HTMLElement | null>\n}\n\nconst createScrollMotionValues = () => ({\n    scrollX: motionValue(0),\n    scrollY: motionValue(0),\n    scrollXProgress: motionValue(0),\n    scrollYProgress: motionValue(0),\n})\n\nconst isRefPending = (ref?: RefObject<HTMLElement | null>) => {\n    if (!ref) return false\n    return !ref.current\n}\n\nfunction makeAccelerateConfig(\n    axis: \"x\" | \"y\",\n    options: Omit<UseScrollOptions, \"container\" | \"target\">,\n    container?: RefObject<HTMLElement | null>,\n    target?: RefObject<HTMLElement | null>\n) {\n    return {\n        factory: (animation: AnimationPlaybackControls) =>\n            scroll(animation, {\n                ...options,\n                axis,\n                container: container?.current || undefined,\n                target: target?.current || undefined,\n            }),\n        times: [0, 1],\n        keyframes: [0, 1],\n        ease: (v: number) => v,\n        duration: 1,\n    }\n}\n\nfunction canAccelerateScroll(\n    target?: RefObject<HTMLElement | null>,\n    offset?: ScrollInfoOptions[\"offset\"]\n) {\n    if (typeof window === \"undefined\") return false\n    return target\n        ? supportsViewTimeline() && !!offsetToViewTimelineRange(offset)\n        : supportsScrollTimeline()\n}\n\nexport function useScroll({\n    container,\n    target,\n    ...options\n}: UseScrollOptions = {}) {\n    const values = useConstant(createScrollMotionValues)\n\n    if (canAccelerateScroll(target, options.offset)) {\n        values.scrollXProgress.accelerate = makeAccelerateConfig(\n            \"x\",\n            options,\n            container,\n            target\n        )\n        values.scrollYProgress.accelerate = makeAccelerateConfig(\n            \"y\",\n            options,\n            container,\n            target\n        )\n    }\n\n    const scrollAnimation = useRef<VoidFunction | null>(null)\n    const needsStart = useRef(false)\n\n    const start = useCallback(() => {\n        scrollAnimation.current = scroll(\n            (\n                _progress: number,\n                {\n                    x,\n                    y,\n                }: {\n                    x: { current: number; progress: number }\n                    y: { current: number; progress: number }\n                }\n            ) => {\n                values.scrollX.set(x.current)\n                values.scrollXProgress.set(x.progress)\n                values.scrollY.set(y.current)\n                values.scrollYProgress.set(y.progress)\n            },\n            {\n                ...options,\n                container: container?.current || undefined,\n                target: target?.current || undefined,\n            }\n        )\n\n        return () => {\n            scrollAnimation.current?.()\n        }\n    }, [container, target, JSON.stringify(options.offset)])\n\n    useIsomorphicLayoutEffect(() => {\n        needsStart.current = false\n\n        if (isRefPending(container) || isRefPending(target)) {\n            needsStart.current = true\n            return\n        } else {\n            return start()\n        }\n    }, [start])\n\n    useEffect(() => {\n        if (needsStart.current) {\n            invariant(\n                !isRefPending(container),\n                \"Container ref is defined but not hydrated\",\n                \"use-scroll-ref\"\n            )\n            invariant(\n                !isRefPending(target),\n                \"Target ref is defined but not hydrated\",\n                \"use-scroll-ref\"\n            )\n            return start()\n        } else {\n            return\n        }\n    }, [start])\n\n    return values\n}\n", "import { warnOnce } from \"motion-utils\"\nimport { RefObject } from \"react\"\nimport { useScroll } from \"../use-scroll\"\n\n/**\n * @deprecated useElementScroll is deprecated. Convert to useScroll({ container: ref })\n */\nexport function useElementScroll(ref: RefObject<HTMLElement | null>) {\n    if (process.env.NODE_ENV === \"development\") {\n        warnOnce(\n            false,\n            \"useElementScroll is deprecated. Convert to useScroll({ container: ref }).\"\n        )\n    }\n\n    return useScroll({ container: ref })\n}\n", "import { warnOnce } from \"motion-utils\"\nimport { useScroll } from \"../use-scroll\"\n\n/**\n * @deprecated useViewportScroll is deprecated. Convert to useScroll()\n */\nexport function useViewportScroll() {\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(\n            false,\n            \"useViewportScroll is deprecated. Convert to useScroll().\"\n        )\n    }\n    return useScroll()\n}\n", "\"use client\"\n\nimport { motionValue, MotionValue } from \"motion-dom\"\nimport { useContext, useEffect, useState } from \"react\"\nimport { MotionConfigContext } from \"../context/MotionConfigContext\"\nimport { useConstant } from \"../utils/use-constant\"\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nexport function useMotionValue<T>(initial: T): MotionValue<T> {\n    const value = useConstant(() => motionValue(initial))\n\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext)\n    if (isStatic) {\n        const [, setLatest] = useState(initial)\n        useEffect(() => value.on(\"change\", setLatest), [])\n    }\n\n    return value\n}\n", "\"use client\"\n\nimport { cancelFrame, frame, MotionValue } from \"motion-dom\"\nimport { useIsomorphicLayoutEffect } from \"../utils/use-isomorphic-effect\"\nimport { useMotionValue } from \"./use-motion-value\"\n\nexport function useCombineMotionValues<R>(\n    values: MotionValue[],\n    combineValues: () => R\n) {\n    /**\n     * Initialise the returned motion value. This remains the same between renders.\n     */\n    const value = useMotionValue(combineValues())\n\n    /**\n     * Create a function that will update the template motion value with the latest values.\n     * This is pre-bound so whenever a motion value updates it can schedule its\n     * execution in Framesync. If it's already been scheduled it won't be fired twice\n     * in a single frame.\n     */\n    const updateValue = () => value.set(combineValues())\n\n    /**\n     * Synchronously update the motion value with the latest values during the render.\n     * This ensures that within a React render, the styles applied to the DOM are up-to-date.\n     */\n    updateValue()\n\n    /**\n     * Subscribe to all motion values found within the template. Whenever any of them change,\n     * schedule an update.\n     */\n    useIsomorphicLayoutEffect(() => {\n        const scheduleUpdate = () => frame.preRender(updateValue, false, true)\n        const subscriptions = values.map((v) => v.on(\"change\", scheduleUpdate))\n\n        return () => {\n            subscriptions.forEach((unsubscribe) => unsubscribe())\n            cancelFrame(updateValue)\n        }\n    })\n\n    return value\n}\n", "\"use client\"\n\nimport { isMotionValue, MotionValue } from \"motion-dom\"\nimport { useCombineMotionValues } from \"./use-combine-values\"\n\n/**\n * Combine multiple motion values into a new one using a string template literal.\n *\n * ```jsx\n * import {\n *   motion,\n *   useSpring,\n *   useMotionValue,\n *   useMotionTemplate\n * } from \"framer-motion\"\n *\n * function Component() {\n *   const shadowX = useSpring(0)\n *   const shadowY = useMotionValue(0)\n *   const shadow = useMotionTemplate`drop-shadow(${shadowX}px ${shadowY}px 20px rgba(0,0,0,0.3))`\n *\n *   return <motion.div style={{ filter: shadow }} />\n * }\n * ```\n *\n * @public\n */\nexport function useMotionTemplate(\n    fragments: TemplateStringsArray,\n    ...values: Array<MotionValue | number | string>\n) {\n    /**\n     * Create a function that will build a string from the latest motion values.\n     */\n    const numFragments = fragments.length\n\n    function buildValue() {\n        let output = ``\n\n        for (let i = 0; i < numFragments; i++) {\n            output += fragments[i]\n            const value = values[i]\n            if (value) {\n                output += isMotionValue(value) ? value.get() : value\n            }\n        }\n\n        return output\n    }\n\n    return useCombineMotionValues(values.filter(isMotionValue), buildValue)\n}\n", "\"use client\"\n\nimport { collectMotionValues, type MotionValue } from \"motion-dom\"\nimport { useCombineMotionValues } from \"./use-combine-values\"\n\nexport function useComputed<O>(compute: () => O): MotionValue<O> {\n    /**\n     * Open session of collectMotionValues. Any MotionValue that calls get()\n     * will be saved into this array.\n     */\n    collectMotionValues.current = []\n\n    compute()\n\n    const value = useCombineMotionValues(collectMotionValues.current, compute)\n\n    /**\n     * Synchronously close session of collectMotionValues.\n     */\n    collectMotionValues.current = undefined\n\n    return value\n}\n", "\"use client\"\n\nimport {\n    AnyResolvedKeyframe,\n    MotionValue,\n    transform,\n    TransformOptions,\n} from \"motion-dom\"\nimport { useConstant } from \"../utils/use-constant\"\nimport { useCombineMotionValues } from \"./use-combine-values\"\nimport { useComputed } from \"./use-computed\"\n\nexport type InputRange = number[]\ntype SingleTransformer<I, O> = (input: I) => O\ntype MultiTransformer<I, O> = (input: I[]) => O\ntype Transformer<I, O> =\n    | SingleTransformer<I, O>\n    /**\n     * Ideally, this would be typed <I, O> in all instances, but to type this\n     * more accurately requires the tuple support in TypeScript 4:\n     * https://gist.github.com/InventingWithMonster/c4d23752a0fae7888596c4ff6d92733a\n     */\n    | MultiTransformer<AnyResolvedKeyframe, O>\n\ninterface OutputMap<O> {\n    [key: string]: O[]\n}\n\n/**\n * Create multiple `MotionValue`s that transform the output of another `MotionValue` by mapping it from one range of values into multiple output ranges.\n *\n * @remarks\n *\n * This is useful when you want to derive multiple values from a single input value.\n * The keys of the output map must remain constant across renders.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const x = useMotionValue(0)\n *   const { opacity, scale } = useTransform(x, [0, 100], {\n *     opacity: [0, 1],\n *     scale: [0.5, 1]\n *   })\n *\n *   return (\n *     <motion.div style={{ opacity, scale, x }} />\n *   )\n * }\n * ```\n *\n * @param inputValue - `MotionValue`\n * @param inputRange - A linear series of numbers (either all increasing or decreasing)\n * @param outputMap - An object where keys map to output ranges. Each output range must be the same length as `inputRange`.\n * @param options - Transform options applied to all outputs\n *\n * @returns An object with the same keys as `outputMap`, where each value is a `MotionValue`\n *\n * @public\n */\nexport function useTransform<T extends Record<string, any[]>>(\n    inputValue: MotionValue<number>,\n    inputRange: InputRange,\n    outputMap: T,\n    options?: TransformOptions<T[keyof T][number]>\n): { [K in keyof T]: MotionValue<T[K][number]> }\n\n/**\n * Create a `MotionValue` that transforms the output of another `MotionValue` by mapping it from one range of values into another.\n *\n * @remarks\n *\n * Given an input range of `[-200, -100, 100, 200]` and an output range of\n * `[0, 1, 1, 0]`, the returned `MotionValue` will:\n *\n * - When provided a value between `-200` and `-100`, will return a value between `0` and  `1`.\n * - When provided a value between `-100` and `100`, will return `1`.\n * - When provided a value between `100` and `200`, will return a value between `1` and  `0`\n *\n *\n * The input range must be a linear series of numbers. The output range\n * can be any value type supported by Motion: numbers, colors, shadows, etc.\n *\n * Every value in the output range must be of the same type and in the same format.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const x = useMotionValue(0)\n *   const xRange = [-200, -100, 100, 200]\n *   const opacityRange = [0, 1, 1, 0]\n *   const opacity = useTransform(x, xRange, opacityRange)\n *\n *   return (\n *     <motion.div\n *       animate={{ x: 200 }}\n *       style={{ opacity, x }}\n *     />\n *   )\n * }\n * ```\n *\n * @param inputValue - `MotionValue`\n * @param inputRange - A linear series of numbers (either all increasing or decreasing)\n * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.\n * @param options -\n *\n *  - clamp: boolean. Clamp values to within the given range. Defaults to `true`\n *  - ease: EasingFunction[]. Easing functions to use on the interpolations between each value in the input and output ranges. If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition between each.\n *\n * @returns `MotionValue`\n *\n * @public\n */\nexport function useTransform<I, O>(\n    value: MotionValue<number>,\n    inputRange: InputRange,\n    outputRange: O[],\n    options?: TransformOptions<O>\n): MotionValue<O>\n\n/**\n * Create a `MotionValue` that transforms the output of another `MotionValue` through a function.\n * In this example, `y` will always be double `x`.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const x = useMotionValue(10)\n *   const y = useTransform(x, value => value * 2)\n *\n *   return <motion.div style={{ x, y }} />\n * }\n * ```\n *\n * @param input - A `MotionValue` that will pass its latest value through `transform` to update the returned `MotionValue`.\n * @param transform - A function that accepts the latest value from `input` and returns a new value.\n * @returns `MotionValue`\n *\n * @public\n */\nexport function useTransform<I, O>(\n    input: MotionValue<I>,\n    transformer: SingleTransformer<I, O>\n): MotionValue<O>\n\n/**\n * Pass an array of `MotionValue`s and a function to combine them. In this example, `z` will be the `x` multiplied by `y`.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const x = useMotionValue(0)\n *   const y = useMotionValue(0)\n *   const z = useTransform([x, y], ([latestX, latestY]) => latestX * latestY)\n *\n *   return <motion.div style={{ x, y, z }} />\n * }\n * ```\n *\n * @param input - An array of `MotionValue`s that will pass their latest values through `transform` to update the returned `MotionValue`.\n * @param transform - A function that accepts the latest values from `input` and returns a new value.\n * @returns `MotionValue`\n *\n * @public\n */\nexport function useTransform<I, O>(\n    input:\n        | MotionValue<string>[]\n        | MotionValue<number>[]\n        | MotionValue<AnyResolvedKeyframe>[],\n    transformer: MultiTransformer<I, O>\n): MotionValue<O>\nexport function useTransform<I, O>(transformer: () => O): MotionValue<O>\n\nexport function useTransform<I, O, K extends string>(\n    input:\n        | MotionValue<I>\n        | MotionValue<string>[]\n        | MotionValue<number>[]\n        | MotionValue<AnyResolvedKeyframe>[]\n        | (() => O),\n    inputRangeOrTransformer?: InputRange | Transformer<I, O>,\n    outputRangeOrMap?: O[] | OutputMap<O>,\n    options?: TransformOptions<O>\n): MotionValue<O> | { [key in K]: MotionValue<O> } {\n    if (typeof input === \"function\") {\n        return useComputed(input)\n    }\n\n    /**\n     * Detect if outputRangeOrMap is an output map (object with keys)\n     * rather than an output range (array).\n     */\n    const isOutputMap =\n        outputRangeOrMap !== undefined &&\n        !Array.isArray(outputRangeOrMap) &&\n        typeof inputRangeOrTransformer !== \"function\"\n\n    if (isOutputMap) {\n        return useMapTransform(\n            input as MotionValue<number>,\n            inputRangeOrTransformer as InputRange,\n            outputRangeOrMap as OutputMap<O>,\n            options\n        ) as { [key in K]: MotionValue<O> }\n    }\n\n    const outputRange = outputRangeOrMap as O[] | undefined\n    const transformer =\n        typeof inputRangeOrTransformer === \"function\"\n            ? inputRangeOrTransformer\n            : transform(inputRangeOrTransformer!, outputRange!, options)\n\n    const result = Array.isArray(input)\n        ? useListTransform(\n              input,\n              transformer as MultiTransformer<AnyResolvedKeyframe, O>\n          )\n        : useListTransform([input], ([latest]) =>\n              (transformer as SingleTransformer<I, O>)(latest)\n          )\n\n    const inputAccelerate = !Array.isArray(input)\n        ? (input as MotionValue).accelerate\n        : undefined\n\n    if (\n        inputAccelerate &&\n        !inputAccelerate.isTransformed &&\n        typeof inputRangeOrTransformer !== \"function\" &&\n        Array.isArray(outputRangeOrMap) &&\n        options?.clamp !== false\n    ) {\n        result.accelerate = {\n            ...inputAccelerate,\n            times: inputRangeOrTransformer as number[],\n            keyframes: outputRangeOrMap,\n            isTransformed: true,\n            ...(options?.ease ? { ease: options.ease } : {}),\n        }\n    }\n\n    return result\n}\n\nfunction useListTransform<I, O>(\n    values: MotionValue<I>[],\n    transformer: MultiTransformer<I, O>\n): MotionValue<O> {\n    const latest = useConstant<I[]>(() => [])\n\n    return useCombineMotionValues(values, () => {\n        latest.length = 0\n        const numValues = values.length\n        for (let i = 0; i < numValues; i++) {\n            latest[i] = values[i].get()\n        }\n\n        return transformer(latest)\n    })\n}\n\nfunction useMapTransform<O>(\n    inputValue: MotionValue<number>,\n    inputRange: InputRange,\n    outputMap: OutputMap<O>,\n    options?: TransformOptions<O>\n): { [key: string]: MotionValue<O> } {\n    /**\n     * Capture keys once to ensure hooks are called in consistent order.\n     */\n    const keys = useConstant(() => Object.keys(outputMap))\n    const output = useConstant<{ [key: string]: MotionValue<O> }>(() => ({}))\n\n    for (const key of keys) {\n        output[key] = useTransform(inputValue, inputRange, outputMap[key], options)\n    }\n\n    return output\n}\n", "\"use client\"\n\nimport {\n    AnyResolvedKeyframe,\n    attachFollow,\n    FollowValueOptions,\n    isMotionValue,\n    MotionValue,\n} from \"motion-dom\"\nimport { useContext, useInsertionEffect } from \"react\"\nimport { MotionConfigContext } from \"../context/MotionConfigContext\"\nimport { useMotionValue } from \"./use-motion-value\"\nimport { useTransform } from \"./use-transform\"\n\n/**\n * Creates a `MotionValue` that, when `set`, will use the specified animation transition to animate to its new state.\n *\n * Unlike `useSpring` which is limited to spring animations, `useFollowValue` accepts any motion transition\n * including spring, tween, inertia, and keyframes.\n *\n * It can either work as a stand-alone `MotionValue` by initialising it with a value, or as a subscriber\n * to another `MotionValue`.\n *\n * @remarks\n *\n * ```jsx\n * // Spring animation (default)\n * const x = useFollowValue(0, { stiffness: 300 })\n *\n * // Tween animation\n * const y = useFollowValue(0, { type: \"tween\", duration: 0.5, ease: \"easeOut\" })\n *\n * // Track another MotionValue with spring\n * const source = useMotionValue(0)\n * const z = useFollowValue(source, { type: \"spring\", damping: 10 })\n *\n * // Inertia animation\n * const w = useFollowValue(0, { type: \"inertia\", velocity: 100 })\n * ```\n *\n * @param inputValue - `MotionValue` or number. If provided a `MotionValue`, when the input `MotionValue` changes, the created `MotionValue` will animate towards that value using the specified transition.\n * @param options - Animation transition options. Supports all transition types: spring, tween, inertia, keyframes.\n * @returns `MotionValue`\n *\n * @public\n */\nexport function useFollowValue(\n    source: MotionValue<string>,\n    options?: FollowValueOptions\n): MotionValue<string>\nexport function useFollowValue(\n    source: string,\n    options?: FollowValueOptions\n): MotionValue<string>\nexport function useFollowValue(\n    source: MotionValue<number>,\n    options?: FollowValueOptions\n): MotionValue<number>\nexport function useFollowValue(\n    source: number,\n    options?: FollowValueOptions\n): MotionValue<number>\nexport function useFollowValue(\n    source: MotionValue<string> | MotionValue<number> | AnyResolvedKeyframe,\n    options: FollowValueOptions = {}\n) {\n    const { isStatic } = useContext(MotionConfigContext)\n    const getFromSource = () => (isMotionValue(source) ? source.get() : source)\n\n    // isStatic will never change, allowing early hooks return\n    if (isStatic) {\n        return useTransform(getFromSource)\n    }\n\n    const value = useMotionValue(getFromSource())\n\n    useInsertionEffect(() => {\n        return attachFollow(value, source, options)\n    }, [value, JSON.stringify(options)])\n\n    return value\n}\n", "\"use client\"\n\nimport { FollowValueOptions, MotionValue, SpringOptions } from \"motion-dom\"\nimport { useFollowValue } from \"./use-follow-value\"\n\ntype UseSpringOptions = SpringOptions &\n    Pick<FollowValueOptions, \"skipInitialAnimation\">\n\n/**\n * Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.\n *\n * It can either work as a stand-alone `MotionValue` by initialising it with a value, or as a subscriber\n * to another `MotionValue`.\n *\n * @remarks\n *\n * ```jsx\n * const x = useSpring(0, { stiffness: 300 })\n * const y = useSpring(x, { damping: 10 })\n * ```\n *\n * @param inputValue - `MotionValue` or number. If provided a `MotionValue`, when the input `MotionValue` changes, the created `MotionValue` will spring towards that value.\n * @param springConfig - Configuration options for the spring.\n * @returns `MotionValue`\n *\n * @public\n */\nexport function useSpring(\n    source: MotionValue<string>,\n    options?: UseSpringOptions\n): MotionValue<string>\nexport function useSpring(\n    source: string,\n    options?: UseSpringOptions\n): MotionValue<string>\nexport function useSpring(\n    source: MotionValue<number>,\n    options?: UseSpringOptions\n): MotionValue<number>\nexport function useSpring(\n    source: number,\n    options?: UseSpringOptions\n): MotionValue<number>\nexport function useSpring(\n    source: MotionValue<string> | MotionValue<number> | string | number,\n    options: UseSpringOptions = {}\n): MotionValue<string> | MotionValue<number> {\n    return useFollowValue(source as any, { type: \"spring\", ...options })\n}\n", "\"use client\"\n\nimport { cancelFrame, frame, FrameData } from \"motion-dom\"\nimport { useContext, useEffect, useRef } from \"react\"\nimport { MotionConfigContext } from \"../context/MotionConfigContext\"\n\nexport type FrameCallback = (timestamp: number, delta: number) => void\n\nexport function useAnimationFrame(callback: FrameCallback) {\n    const initialTimestamp = useRef(0)\n    const { isStatic } = useContext(MotionConfigContext)\n\n    useEffect(() => {\n        if (isStatic) return\n\n        const provideTimeSinceStart = ({ timestamp, delta }: FrameData) => {\n            if (!initialTimestamp.current) initialTimestamp.current = timestamp\n\n            callback(timestamp - initialTimestamp.current, delta)\n        }\n\n        frame.update(provideTimeSinceStart, true)\n        return () => cancelFrame(provideTimeSinceStart)\n    }, [callback])\n}\n", "\"use client\"\n\nimport { useAnimationFrame } from \"../utils/use-animation-frame\"\nimport { useMotionValue } from \"./use-motion-value\"\n\nexport function useTime() {\n    const time = useMotionValue(0)\n    useAnimationFrame((t) => time.set(t))\n    return time\n}\n", "\"use client\"\n\nimport { frame, MotionValue } from \"motion-dom\"\nimport { useMotionValueEvent } from \"../utils/use-motion-value-event\"\nimport { useMotionValue } from \"./use-motion-value\"\n/**\n * Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.\n *\n * ```javascript\n * const x = useMotionValue(0)\n * const xVelocity = useVelocity(x)\n * const xAcceleration = useVelocity(xVelocity)\n * ```\n *\n * @public\n */\nexport function useVelocity(value: MotionValue<number>): MotionValue<number> {\n    const velocity = useMotionValue(value.getVelocity())\n\n    const updateVelocity = () => {\n        const latest = value.getVelocity()\n        velocity.set(latest)\n\n        /**\n         * If we still have velocity, schedule an update for the next frame\n         * to keep checking until it is zero.\n         */\n        if (latest) frame.update(updateVelocity)\n    }\n\n    useMotionValueEvent(value, \"change\", () => {\n        // Schedule an update to this value at the end of the current frame.\n        frame.update(updateVelocity, false, true)\n    })\n\n    return velocity\n}\n", "import {\n    acceleratedValues,\n    MotionValue,\n    transformProps,\n    type WillChange,\n} from \"motion-dom\"\n\nexport class WillChangeMotionValue\n    extends MotionValue<string>\n    implements WillChange\n{\n    private isEnabled = false\n\n    add(name: string) {\n        if (transformProps.has(name) || acceleratedValues.has(name)) {\n            this.isEnabled = true\n            this.update()\n        }\n    }\n\n    private update() {\n        this.set(this.isEnabled ? \"transform\" : \"auto\")\n    }\n}\n", "\"use client\"\n\nimport type { WillChange } from \"motion-dom\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { WillChangeMotionValue } from \"./WillChangeMotionValue\"\n\nexport function useWillChange(): WillChange {\n    return useConstant(() => new WillChangeMotionValue(\"auto\"))\n}\n", "\"use client\"\n\nimport {\n    hasReducedMotionListener,\n    initPrefersReducedMotion,\n    prefersReducedMotion,\n} from \"motion-dom\"\nimport { warnOnce } from \"motion-utils\"\nimport { useState } from \"react\"\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nexport function useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion()\n\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current)\n\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(\n            shouldReduceMotion !== true,\n            \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\",\n            \"reduced-motion-disabled\"\n        )\n    }\n\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n\n    return shouldReduceMotion\n}\n", "\"use client\"\n\nimport { useContext } from \"react\"\nimport { MotionConfigContext } from \"../../context/MotionConfigContext\"\nimport { useReducedMotion } from \"./use-reduced-motion\"\n\nexport function useReducedMotionConfig() {\n    const reducedMotionPreference = useReducedMotion()\n    const { reducedMotion } = useContext(MotionConfigContext)\n\n    if (reducedMotion === \"never\") {\n        return false\n    } else if (reducedMotion === \"always\") {\n        return true\n    } else {\n        return reducedMotionPreference\n    }\n}\n", "import {\n    animateVisualElement,\n    setTarget,\n    type AnimationDefinition,\n    type LegacyAnimationControls,\n    type VisualElement,\n} from \"motion-dom\"\nimport { invariant } from \"motion-utils\"\n\nfunction stopAnimation(visualElement: VisualElement) {\n    visualElement.values.forEach((value) => value.stop())\n}\n\nfunction setVariants(visualElement: VisualElement, variantLabels: string[]) {\n    const reversedLabels = [...variantLabels].reverse()\n\n    reversedLabels.forEach((key) => {\n        const variant = visualElement.getVariant(key)\n        variant && setTarget(visualElement, variant)\n\n        if (visualElement.variantChildren) {\n            visualElement.variantChildren.forEach((child) => {\n                setVariants(child, variantLabels)\n            })\n        }\n    })\n}\n\nexport function setValues(\n    visualElement: VisualElement,\n    definition: AnimationDefinition\n) {\n    if (Array.isArray(definition)) {\n        return setVariants(visualElement, definition)\n    } else if (typeof definition === \"string\") {\n        return setVariants(visualElement, [definition])\n    } else {\n        setTarget(visualElement, definition as any)\n    }\n}\n\n/**\n * @public\n */\nexport function animationControls(): LegacyAnimationControls {\n    /**\n     * Track whether the host component has mounted.\n     */\n    let hasMounted = false\n\n    /**\n     * A collection of linked component animation controls.\n     */\n    const subscribers = new Set<VisualElement>()\n\n    const controls: LegacyAnimationControls = {\n        subscribe(visualElement) {\n            subscribers.add(visualElement)\n            return () => void subscribers.delete(visualElement)\n        },\n\n        start(definition, transitionOverride) {\n            invariant(\n                hasMounted,\n                \"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.\"\n            )\n\n            const animations: Array<Promise<any>> = []\n            subscribers.forEach((visualElement) => {\n                animations.push(\n                    animateVisualElement(visualElement, definition, {\n                        transitionOverride,\n                    })\n                )\n            })\n\n            return Promise.all(animations)\n        },\n\n        set(definition) {\n            invariant(\n                hasMounted,\n                \"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook.\"\n            )\n\n            return subscribers.forEach((visualElement) => {\n                setValues(visualElement, definition)\n            })\n        },\n\n        stop() {\n            subscribers.forEach((visualElement) => {\n                stopAnimation(visualElement)\n            })\n        },\n\n        mount() {\n            hasMounted = true\n\n            return () => {\n                hasMounted = false\n                controls.stop()\n            }\n        },\n    }\n\n    return controls\n}\n", "import { DOMKeyframesDefinition } from \"motion-dom\"\n\nexport function isDOMKeyframes(\n    keyframes: unknown\n): keyframes is DOMKeyframesDefinition {\n    return typeof keyframes === \"object\" && !Array.isArray(keyframes)\n}\n", "import {\n    AnimationScope,\n    DOMKeyframesDefinition,\n    SelectorCache,\n    resolveElements,\n} from \"motion-dom\"\nimport { ObjectTarget } from \"../sequence/types\"\nimport { isDOMKeyframes } from \"../utils/is-dom-keyframes\"\n\nexport function resolveSubjects<O extends {}>(\n    subject:\n        | string\n        | Element\n        | Element[]\n        | NodeListOf<Element>\n        | O\n        | O[]\n        | null\n        | undefined,\n    keyframes: DOMKeyframesDefinition | ObjectTarget<O>,\n    scope?: AnimationScope,\n    selectorCache?: SelectorCache\n) {\n    if (subject == null) {\n        return []\n    }\n\n    if (typeof subject === \"string\" && isDOMKeyframes(keyframes)) {\n        return resolveElements(subject, scope, selectorCache)\n    } else if (subject instanceof NodeList) {\n        return Array.from(subject)\n    } else if (Array.isArray(subject)) {\n        return subject.filter((s) => s != null)\n    } else {\n        return [subject]\n    }\n}\n", "export function calculateRepeatDuration(\n    duration: number,\n    repeat: number,\n    _repeatDelay: number\n): number {\n    return duration * (repeat + 1)\n}\n", "import { SequenceTime } from \"../types\"\n\n/**\n * Given a absolute or relative time definition and current/prev time state of the sequence,\n * calculate an absolute time for the next keyframes.\n */\nexport function calcNextTime(\n    current: number,\n    next: SequenceTime,\n    prev: number,\n    labels: Map<string, number>\n): number {\n    if (typeof next === \"number\") {\n        return next\n    } else if (next.startsWith(\"-\") || next.startsWith(\"+\")) {\n        return Math.max(0, current + parseFloat(next))\n    } else if (next === \"<\") {\n        return prev\n    } else if (next.startsWith(\"<\")) {\n        return Math.max(0, prev + parseFloat(next.slice(1)))\n    } else {\n        return labels.get(next) ?? current\n    }\n}\n", "import { mixNumber, UnresolvedValueKeyframe } from \"motion-dom\"\nimport { Easing, getEasingForSegment, removeItem } from \"motion-utils\"\nimport type { ValueSequence } from \"../types\"\n\nexport function eraseKeyframes(\n    sequence: ValueSequence,\n    startTime: number,\n    endTime: number\n): void {\n    for (let i = 0; i < sequence.length; i++) {\n        const keyframe = sequence[i]\n\n        if (keyframe.at > startTime && keyframe.at < endTime) {\n            removeItem(sequence, keyframe)\n\n            // If we remove this item we have to push the pointer back one\n            i--\n        }\n    }\n}\n\nexport function addKeyframes(\n    sequence: ValueSequence,\n    keyframes: UnresolvedValueKeyframe[],\n    easing: Easing | Easing[],\n    offset: number[],\n    startTime: number,\n    endTime: number\n): void {\n    /**\n     * Erase every existing value between currentTime and targetTime,\n     * this will essentially splice this timeline into any currently\n     * defined ones.\n     */\n    eraseKeyframes(sequence, startTime, endTime)\n\n    for (let i = 0; i < keyframes.length; i++) {\n        sequence.push({\n            value: keyframes[i],\n            at: mixNumber(startTime, endTime, offset[i]),\n            easing: getEasingForSegment(easing, i),\n        })\n    }\n}\n", "/**\n * Take an array of times that represent repeated keyframes. For instance\n * if we have original times of [0, 0.5, 1] then our repeated times will\n * be [0, 0.5, 1, 1, 1.5, 2]. Loop over the times and scale them back\n * down to a 0-1 scale.\n */\nexport function normalizeTimes(times: number[], repeat: number): void {\n    for (let i = 0; i < times.length; i++) {\n        times[i] = times[i] / (repeat + 1)\n    }\n}\n", "import { AbsoluteKeyframe } from \"../types\"\n\nexport function compareByTime(\n    a: AbsoluteKeyframe,\n    b: AbsoluteKeyframe\n): number {\n    if (a.at === b.at) {\n        if (a.value === null) return 1\n        if (b.value === null) return -1\n        return 0\n    } else {\n        return a.at - b.at\n    }\n}\n", "import {\n    AnimationScope,\n    createGeneratorEasing,\n    defaultOffset,\n    DOMKeyframesDefinition,\n    AnimationOptions as DynamicAnimationOptions,\n    fillOffset,\n    GeneratorFactory,\n    isGenerator,\n    isMotionValue,\n    Transition,\n    UnresolvedValueKeyframe,\n    type AnyResolvedKeyframe,\n    type MotionValue,\n} from \"motion-dom\"\nimport {\n    Easing,\n    getEasingForSegment,\n    invariant,\n    progress,\n    secondsToMilliseconds,\n} from \"motion-utils\"\nimport { resolveSubjects } from \"../animate/resolve-subjects\"\nimport {\n    AnimationSequence,\n    At,\n    ResolvedAnimationDefinitions,\n    SequenceMap,\n    SequenceOptions,\n    ValueSequence,\n} from \"./types\"\nimport { calculateRepeatDuration } from \"./utils/calc-repeat-duration\"\nimport { calcNextTime } from \"./utils/calc-time\"\nimport { addKeyframes } from \"./utils/edit\"\nimport { normalizeTimes } from \"./utils/normalize-times\"\nimport { compareByTime } from \"./utils/sort\"\n\nconst defaultSegmentEasing = \"easeInOut\"\n\nconst MAX_REPEAT = 20\n\nexport function createAnimationsFromSequence(\n    sequence: AnimationSequence,\n    { defaultTransition = {}, ...sequenceTransition }: SequenceOptions = {},\n    scope?: AnimationScope,\n    generators?: { [key: string]: GeneratorFactory }\n): ResolvedAnimationDefinitions {\n    const defaultDuration = defaultTransition.duration || 0.3\n    const animationDefinitions: ResolvedAnimationDefinitions = new Map()\n    const sequences = new Map<Element | MotionValue, SequenceMap>()\n    const elementCache = {}\n    const timeLabels = new Map<string, number>()\n\n    let prevTime = 0\n    let currentTime = 0\n    let totalDuration = 0\n\n    /**\n     * Build the timeline by mapping over the sequence array and converting\n     * the definitions into keyframes and offsets with absolute time values.\n     * These will later get converted into relative offsets in a second pass.\n     */\n    for (let i = 0; i < sequence.length; i++) {\n        const segment = sequence[i]\n\n        /**\n         * If this is a timeline label, mark it and skip the rest of this iteration.\n         */\n        if (typeof segment === \"string\") {\n            timeLabels.set(segment, currentTime)\n            continue\n        } else if (!Array.isArray(segment)) {\n            timeLabels.set(\n                segment.name,\n                calcNextTime(currentTime, segment.at, prevTime, timeLabels)\n            )\n            continue\n        }\n\n        let [subject, keyframes, transition = {}] = segment\n\n        /**\n         * If a relative or absolute time value has been specified we need to resolve\n         * it in relation to the currentTime.\n         */\n        if (transition.at !== undefined) {\n            currentTime = calcNextTime(\n                currentTime,\n                transition.at,\n                prevTime,\n                timeLabels\n            )\n        }\n\n        /**\n         * Keep track of the maximum duration in this definition. This will be\n         * applied to currentTime once the definition has been parsed.\n         */\n        let maxDuration = 0\n\n        const resolveValueSequence = (\n            valueKeyframes: UnresolvedValueKeyframe | UnresolvedValueKeyframe[],\n            valueTransition: Transition | DynamicAnimationOptions,\n            valueSequence: ValueSequence,\n            elementIndex = 0,\n            numSubjects = 0\n        ) => {\n            const valueKeyframesAsList = keyframesAsList(valueKeyframes)\n            const {\n                delay = 0,\n                times = defaultOffset(valueKeyframesAsList),\n                type = defaultTransition.type || \"keyframes\",\n                repeat,\n                repeatType,\n                repeatDelay = 0,\n                ...remainingTransition\n            } = valueTransition\n            let { ease = defaultTransition.ease || \"easeOut\", duration } =\n                valueTransition\n\n            /**\n             * Resolve stagger() if defined.\n             */\n            const calculatedDelay =\n                typeof delay === \"function\"\n                    ? delay(elementIndex, numSubjects)\n                    : delay\n\n            /**\n             * If this animation should and can use a spring, generate a spring easing function.\n             */\n            const numKeyframes = valueKeyframesAsList.length\n            const createGenerator = isGenerator(type)\n                ? type\n                : generators?.[type || \"keyframes\"]\n\n            if (numKeyframes <= 2 && createGenerator) {\n                /**\n                 * As we're creating an easing function from a spring,\n                 * ideally we want to generate it using the real distance\n                 * between the two keyframes. However this isn't always\n                 * possible - in these situations we use 0-100.\n                 */\n                let absoluteDelta = 100\n                if (\n                    numKeyframes === 2 &&\n                    isNumberKeyframesArray(valueKeyframesAsList)\n                ) {\n                    const delta =\n                        valueKeyframesAsList[1] - valueKeyframesAsList[0]\n                    absoluteDelta = Math.abs(delta)\n                }\n\n                const springTransition = {\n                    ...defaultTransition,\n                    ...remainingTransition,\n                }\n                if (duration !== undefined) {\n                    springTransition.duration = secondsToMilliseconds(duration)\n                }\n\n                const springEasing = createGeneratorEasing(\n                    springTransition,\n                    absoluteDelta,\n                    createGenerator\n                )\n\n                ease = springEasing.ease\n                duration = springEasing.duration\n            }\n\n            duration ??= defaultDuration\n\n            const startTime = currentTime + calculatedDelay\n\n            /**\n             * If there's only one time offset of 0, fill in a second with length 1\n             */\n            if (times.length === 1 && times[0] === 0) {\n                times[1] = 1\n            }\n\n            /**\n             * Fill out if offset if fewer offsets than keyframes\n             */\n            const remainder = times.length - valueKeyframesAsList.length\n            remainder > 0 && fillOffset(times, remainder)\n\n            /**\n             * If only one value has been set, ie [1], push a null to the start of\n             * the keyframe array. This will let us mark a keyframe at this point\n             * that will later be hydrated with the previous value.\n             */\n            valueKeyframesAsList.length === 1 &&\n                valueKeyframesAsList.unshift(null)\n\n            /**\n             * Handle repeat options\n             */\n            if (repeat) {\n                invariant(\n                    repeat < MAX_REPEAT,\n                    \"Repeat count too high, must be less than 20\",\n                    \"repeat-count-high\"\n                )\n\n                duration = calculateRepeatDuration(\n                    duration,\n                    repeat,\n                    repeatDelay\n                )\n\n                const originalKeyframes = [...valueKeyframesAsList]\n                const originalTimes = [...times]\n                ease = Array.isArray(ease) ? [...ease] : [ease]\n                const originalEase = [...ease]\n\n                for (let repeatIndex = 0; repeatIndex < repeat; repeatIndex++) {\n                    valueKeyframesAsList.push(...originalKeyframes)\n\n                    for (\n                        let keyframeIndex = 0;\n                        keyframeIndex < originalKeyframes.length;\n                        keyframeIndex++\n                    ) {\n                        times.push(\n                            originalTimes[keyframeIndex] + (repeatIndex + 1)\n                        )\n                        ease.push(\n                            keyframeIndex === 0\n                                ? \"linear\"\n                                : getEasingForSegment(\n                                      originalEase,\n                                      keyframeIndex - 1\n                                  )\n                        )\n                    }\n                }\n\n                normalizeTimes(times, repeat)\n            }\n\n            const targetTime = startTime + duration\n\n            /**\n             * Add keyframes, mapping offsets to absolute time.\n             */\n            addKeyframes(\n                valueSequence,\n                valueKeyframesAsList,\n                ease as Easing | Easing[],\n                times,\n                startTime,\n                targetTime\n            )\n\n            maxDuration = Math.max(calculatedDelay + duration, maxDuration)\n            totalDuration = Math.max(targetTime, totalDuration)\n        }\n\n        if (isMotionValue(subject)) {\n            const subjectSequence = getSubjectSequence(subject, sequences)\n            resolveValueSequence(\n                keyframes as AnyResolvedKeyframe,\n                transition,\n                getValueSequence(\"default\", subjectSequence)\n            )\n        } else {\n            const subjects = resolveSubjects(\n                subject,\n                keyframes as DOMKeyframesDefinition,\n                scope,\n                elementCache\n            )\n\n            const numSubjects = subjects.length\n\n            /**\n             * For every element in this segment, process the defined values.\n             */\n            for (\n                let subjectIndex = 0;\n                subjectIndex < numSubjects;\n                subjectIndex++\n            ) {\n                /**\n                 * Cast necessary, but we know these are of this type\n                 */\n                keyframes = keyframes as DOMKeyframesDefinition\n                transition = transition as DynamicAnimationOptions\n\n                const thisSubject = subjects[subjectIndex]\n                const subjectSequence = getSubjectSequence(\n                    thisSubject,\n                    sequences\n                )\n\n                for (const key in keyframes) {\n                    resolveValueSequence(\n                        keyframes[\n                            key as keyof typeof keyframes\n                        ] as UnresolvedValueKeyframe,\n                        getValueTransition(transition, key),\n                        getValueSequence(key, subjectSequence),\n                        subjectIndex,\n                        numSubjects\n                    )\n                }\n            }\n        }\n\n        prevTime = currentTime\n        currentTime += maxDuration\n    }\n\n    /**\n     * For every element and value combination create a new animation.\n     */\n    sequences.forEach((valueSequences, element) => {\n        for (const key in valueSequences) {\n            const valueSequence = valueSequences[key]\n\n            /**\n             * Arrange all the keyframes in ascending time order.\n             */\n            valueSequence.sort(compareByTime)\n\n            const keyframes: UnresolvedValueKeyframe[] = []\n            const valueOffset: number[] = []\n            const valueEasing: Easing[] = []\n\n            /**\n             * For each keyframe, translate absolute times into\n             * relative offsets based on the total duration of the timeline.\n             */\n            for (let i = 0; i < valueSequence.length; i++) {\n                const { at, value, easing } = valueSequence[i]\n                keyframes.push(value)\n                valueOffset.push(progress(0, totalDuration, at))\n                valueEasing.push(easing || \"easeOut\")\n            }\n\n            /**\n             * If the first keyframe doesn't land on offset: 0\n             * provide one by duplicating the initial keyframe. This ensures\n             * it snaps to the first keyframe when the animation starts.\n             */\n            if (valueOffset[0] !== 0) {\n                valueOffset.unshift(0)\n                keyframes.unshift(keyframes[0])\n                valueEasing.unshift(defaultSegmentEasing)\n            }\n\n            /**\n             * If the last keyframe doesn't land on offset: 1\n             * provide one with a null wildcard value. This will ensure it\n             * stays static until the end of the animation.\n             */\n            if (valueOffset[valueOffset.length - 1] !== 1) {\n                valueOffset.push(1)\n                keyframes.push(null)\n            }\n\n            if (!animationDefinitions.has(element)) {\n                animationDefinitions.set(element, {\n                    keyframes: {},\n                    transition: {},\n                })\n            }\n\n            const definition = animationDefinitions.get(element)!\n\n            definition.keyframes[key] = keyframes\n\n            /**\n             * Exclude `type` from defaultTransition since springs have been\n             * converted to duration-based easing functions in resolveValueSequence.\n             * Including `type: \"spring\"` would cause JSAnimation to error when\n             * the merged keyframes array has more than 2 keyframes.\n             */\n            const { type: _type, ...remainingDefaultTransition } =\n                defaultTransition\n            definition.transition[key] = {\n                ...remainingDefaultTransition,\n                duration: totalDuration,\n                ease: valueEasing,\n                times: valueOffset,\n                ...sequenceTransition,\n            }\n        }\n    })\n\n    return animationDefinitions\n}\n\nfunction getSubjectSequence<O extends {}>(\n    subject: Element | MotionValue | O,\n    sequences: Map<Element | MotionValue | O, SequenceMap>\n): SequenceMap {\n    !sequences.has(subject) && sequences.set(subject, {})\n    return sequences.get(subject)!\n}\n\nfunction getValueSequence(name: string, sequences: SequenceMap): ValueSequence {\n    if (!sequences[name]) sequences[name] = []\n    return sequences[name]\n}\n\nfunction keyframesAsList(\n    keyframes: UnresolvedValueKeyframe | UnresolvedValueKeyframe[]\n): UnresolvedValueKeyframe[] {\n    return Array.isArray(keyframes) ? keyframes : [keyframes]\n}\n\nexport function getValueTransition(\n    transition: DynamicAnimationOptions & At,\n    key: string\n): DynamicAnimationOptions {\n    return transition && transition[key as keyof typeof transition]\n        ? {\n              ...transition,\n              ...(transition[key as keyof typeof transition] as Transition),\n          }\n        : { ...transition }\n}\n\nconst isNumber = (keyframe: unknown) => typeof keyframe === \"number\"\nconst isNumberKeyframesArray = (\n    keyframes: UnresolvedValueKeyframe[]\n): keyframes is number[] => keyframes.every(isNumber)\n", "import {\n    HTMLVisualElement,\n    isSVGElement,\n    isSVGSVGElement,\n    ObjectVisualElement,\n    SVGVisualElement,\n    visualElementStore,\n} from \"motion-dom\"\n\nexport function createDOMVisualElement(element: HTMLElement | SVGElement) {\n    const options = {\n        presenceContext: null,\n        props: {},\n        visualState: {\n            renderState: {\n                transform: {},\n                transformOrigin: {},\n                style: {},\n                vars: {},\n                attrs: {},\n            },\n            latestValues: {},\n        },\n    }\n    const node =\n        isSVGElement(element) && !isSVGSVGElement(element)\n            ? new SVGVisualElement(options)\n            : new HTMLVisualElement(options)\n\n    node.mount(element as any)\n\n    visualElementStore.set(element, node)\n}\n\nexport function createObjectVisualElement(subject: Object) {\n    const options = {\n        presenceContext: null,\n        props: {},\n        visualState: {\n            renderState: {\n                output: {},\n            },\n            latestValues: {},\n        },\n    }\n    const node = new ObjectVisualElement(options)\n\n    node.mount(subject)\n\n    visualElementStore.set(subject, node)\n}\n", "import {\n    animateTarget,\n    AnimationPlaybackControlsWithThen,\n    AnimationScope,\n    AnyResolvedKeyframe,\n    DOMKeyframesDefinition,\n    AnimationOptions as DynamicAnimationOptions,\n    ElementOrSelector,\n    isMotionValue,\n    MotionValue,\n    TargetAndTransition,\n    UnresolvedValueKeyframe,\n    ValueAnimationTransition,\n    visualElementStore,\n} from \"motion-dom\"\nimport { invariant } from \"motion-utils\"\nimport { ObjectTarget } from \"../sequence/types\"\nimport {\n    createDOMVisualElement,\n    createObjectVisualElement,\n} from \"../utils/create-visual-element\"\nimport { isDOMKeyframes } from \"../utils/is-dom-keyframes\"\nimport { resolveSubjects } from \"./resolve-subjects\"\nimport { animateSingleValue } from \"motion-dom\"\n\nexport type AnimationSubject = Element | MotionValue<any> | any\n\nfunction isSingleValue(\n    subject: unknown,\n    keyframes: unknown\n): subject is MotionValue | AnyResolvedKeyframe {\n    return (\n        isMotionValue(subject) ||\n        typeof subject === \"number\" ||\n        (typeof subject === \"string\" && !isDOMKeyframes(keyframes))\n    )\n}\n\n/**\n * Animate a string\n */\nexport function animateSubject(\n    value: string | MotionValue<string>,\n    keyframes: string | UnresolvedValueKeyframe<string>[],\n    options?: ValueAnimationTransition<string>\n): AnimationPlaybackControlsWithThen[]\n/**\n * Animate a number\n */\nexport function animateSubject(\n    value: number | MotionValue<number>,\n    keyframes: number | UnresolvedValueKeyframe<number>[],\n    options?: ValueAnimationTransition<number>\n): AnimationPlaybackControlsWithThen[]\n/**\n * Animate a Element\n */\nexport function animateSubject(\n    element: ElementOrSelector,\n    keyframes: DOMKeyframesDefinition,\n    options?: DynamicAnimationOptions,\n    scope?: AnimationScope\n): AnimationPlaybackControlsWithThen[]\n/**\n * Animate a object\n */\nexport function animateSubject<O extends Object>(\n    object: O | O[],\n    keyframes: ObjectTarget<O>,\n    options?: DynamicAnimationOptions\n): AnimationPlaybackControlsWithThen[]\n/**\n * Implementation\n */\nexport function animateSubject<O extends Object>(\n    subject:\n        | MotionValue<number>\n        | MotionValue<string>\n        | number\n        | string\n        | ElementOrSelector\n        | O\n        | O[],\n    keyframes:\n        | number\n        | string\n        | UnresolvedValueKeyframe<number>[]\n        | UnresolvedValueKeyframe<string>[]\n        | DOMKeyframesDefinition\n        | ObjectTarget<O>,\n    options?:\n        | ValueAnimationTransition<number>\n        | ValueAnimationTransition<string>\n        | DynamicAnimationOptions,\n    scope?: AnimationScope\n): AnimationPlaybackControlsWithThen[] {\n    const animations: AnimationPlaybackControlsWithThen[] = []\n\n    if (isSingleValue(subject, keyframes)) {\n        animations.push(\n            animateSingleValue(\n                subject,\n                isDOMKeyframes(keyframes)\n                    ? (keyframes as any).default || keyframes\n                    : keyframes,\n                options ? (options as any).default || options : options\n            )\n        )\n    } else {\n        // Gracefully handle null/undefined subjects (e.g., from querySelector returning null)\n        if (subject == null) {\n            return animations\n        }\n\n        const subjects = resolveSubjects(\n            subject,\n            keyframes as DOMKeyframesDefinition,\n            scope\n        )\n\n        const numSubjects = subjects.length\n\n        invariant(\n            Boolean(numSubjects),\n            \"No valid elements provided.\",\n            \"no-valid-elements\"\n        )\n\n        for (let i = 0; i < numSubjects; i++) {\n            const thisSubject = subjects[i]\n\n            const createVisualElement =\n                thisSubject instanceof Element\n                    ? createDOMVisualElement\n                    : createObjectVisualElement\n\n            if (!visualElementStore.has(thisSubject)) {\n                createVisualElement(thisSubject as any)\n            }\n\n            const visualElement = visualElementStore.get(thisSubject)!\n            const transition = { ...options }\n\n            /**\n             * Resolve stagger function if provided.\n             */\n            if (\n                \"delay\" in transition &&\n                typeof transition.delay === \"function\"\n            ) {\n                transition.delay = transition.delay(i, numSubjects)\n            }\n\n            animations.push(\n                ...animateTarget(\n                    visualElement,\n                    { ...(keyframes as {}), transition } as TargetAndTransition,\n                    {}\n                )\n            )\n        }\n    }\n\n    return animations\n}\n", "import {\n    AnimationPlaybackControlsWithThen,\n    AnimationScope,\n    motionValue,\n    spring,\n} from \"motion-dom\"\nimport { createAnimationsFromSequence } from \"../sequence/create\"\nimport { AnimationSequence, SequenceOptions } from \"../sequence/types\"\nimport { animateSubject } from \"./subject\"\n\nexport function animateSequence(\n    sequence: AnimationSequence,\n    options?: SequenceOptions,\n    scope?: AnimationScope\n) {\n    const animations: AnimationPlaybackControlsWithThen[] = []\n\n    /**\n     * Pre-process: replace function segments with MotionValue segments,\n     * subscribe callbacks immediately\n     */\n    const processedSequence = sequence.map((segment) => {\n        if (Array.isArray(segment) && typeof segment[0] === \"function\") {\n            const callback = segment[0] as (value: any) => void\n            const mv = motionValue(0)\n            mv.on(\"change\", callback)\n\n            if (segment.length === 1) {\n                return [mv, [0, 1]] as any\n            } else if (segment.length === 2) {\n                return [mv, [0, 1], segment[1]] as any\n            } else {\n                return [mv, segment[1], segment[2]] as any\n            }\n        }\n        return segment\n    }) as AnimationSequence\n\n    const animationDefinitions = createAnimationsFromSequence(\n        processedSequence,\n        options,\n        scope,\n        { spring }\n    )\n\n    animationDefinitions.forEach(({ keyframes, transition }, subject) => {\n        animations.push(...animateSubject(subject, keyframes, transition))\n    })\n\n    return animations\n}\n", "import type {\n    AnimationPlaybackControlsWithThen,\n    AnimationScope,\n    DOMKeyframesDefinition,\n    AnimationOptions as DynamicAnimationOptions,\n    ElementOrSelector,\n    MotionValue,\n    UnresolvedValueKeyframe,\n    ValueAnimationTransition,\n} from \"motion-dom\"\nimport { GroupAnimationWithThen } from \"motion-dom\"\nimport { removeItem } from \"motion-utils\"\nimport {\n    AnimationSequence,\n    ObjectTarget,\n    SequenceOptions,\n} from \"../sequence/types\"\nimport { animateSequence } from \"./sequence\"\nimport { animateSubject } from \"./subject\"\n\nfunction isSequence(value: unknown): value is AnimationSequence {\n    return Array.isArray(value) && value.some(Array.isArray)\n}\n\ninterface ScopedAnimateOptions {\n    scope?: AnimationScope\n    reduceMotion?: boolean\n}\n\n/**\n * Creates an animation function that is optionally scoped\n * to a specific element.\n */\nexport function createScopedAnimate(options: ScopedAnimateOptions = {}) {\n    const { scope, reduceMotion } = options\n    /**\n     * Animate a sequence\n     */\n    function scopedAnimate(\n        sequence: AnimationSequence,\n        options?: SequenceOptions\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Animate a string\n     */\n    function scopedAnimate(\n        value: string | MotionValue<string>,\n        keyframes: string | UnresolvedValueKeyframe<string>[],\n        options?: ValueAnimationTransition<string>\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Animate a number\n     */\n    function scopedAnimate(\n        value: number | MotionValue<number>,\n        keyframes: number | UnresolvedValueKeyframe<number>[],\n        options?: ValueAnimationTransition<number>\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Animate a generic motion value\n     */\n    function scopedAnimate<V extends string | number>(\n        value: V | MotionValue<V>,\n        keyframes: V | UnresolvedValueKeyframe<V>[],\n        options?: ValueAnimationTransition<V>\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Animate an Element\n     */\n    function scopedAnimate(\n        element: ElementOrSelector,\n        keyframes: DOMKeyframesDefinition,\n        options?: DynamicAnimationOptions\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Animate an object\n     */\n    function scopedAnimate<O extends {}>(\n        object: O | O[],\n        keyframes: ObjectTarget<O>,\n        options?: DynamicAnimationOptions\n    ): AnimationPlaybackControlsWithThen\n    /**\n     * Implementation\n     */\n    function scopedAnimate<O extends {}>(\n        subjectOrSequence:\n            | AnimationSequence\n            | MotionValue<number>\n            | MotionValue<string>\n            | number\n            | string\n            | ElementOrSelector\n            | O\n            | O[],\n        optionsOrKeyframes?:\n            | SequenceOptions\n            | number\n            | string\n            | UnresolvedValueKeyframe<number>[]\n            | UnresolvedValueKeyframe<string>[]\n            | DOMKeyframesDefinition\n            | ObjectTarget<O>,\n        options?:\n            | ValueAnimationTransition<number>\n            | ValueAnimationTransition<string>\n            | DynamicAnimationOptions\n    ): AnimationPlaybackControlsWithThen {\n        let animations: AnimationPlaybackControlsWithThen[] = []\n        let animationOnComplete: VoidFunction | undefined\n\n        if (isSequence(subjectOrSequence)) {\n            const { onComplete, ...sequenceOptions } =\n                (optionsOrKeyframes as SequenceOptions) || {}\n            if (typeof onComplete === \"function\") {\n                animationOnComplete = onComplete as VoidFunction\n            }\n            animations = animateSequence(\n                subjectOrSequence,\n                reduceMotion !== undefined\n                    ? { reduceMotion, ...sequenceOptions }\n                    : (sequenceOptions as SequenceOptions),\n                scope\n            )\n        } else {\n            // Extract top-level onComplete so it doesn't get applied per-value\n            const { onComplete, ...rest } = options || {}\n            if (typeof onComplete === \"function\") {\n                animationOnComplete = onComplete as VoidFunction\n            }\n            animations = animateSubject(\n                subjectOrSequence as ElementOrSelector,\n                optionsOrKeyframes as DOMKeyframesDefinition,\n                (reduceMotion !== undefined\n                    ? { reduceMotion, ...rest }\n                    : rest) as DynamicAnimationOptions,\n                scope\n            )\n        }\n\n        const animation = new GroupAnimationWithThen(animations)\n\n        if (animationOnComplete) {\n            animation.finished.then(animationOnComplete)\n        }\n\n        if (scope) {\n            scope.animations.push(animation)\n            animation.finished.then(() => {\n                removeItem(scope.animations, animation)\n            })\n        }\n\n        return animation\n    }\n\n    return scopedAnimate\n}\n\nexport const animate = createScopedAnimate()\n", "\"use client\"\n\nimport { useMemo } from \"react\"\nimport { AnimationScope } from \"motion-dom\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { useUnmountEffect } from \"../../utils/use-unmount-effect\"\nimport { useReducedMotionConfig } from \"../../utils/reduced-motion/use-reduced-motion-config\"\nimport { createScopedAnimate } from \"../animate\"\n\nexport function useAnimate<T extends Element = any>() {\n    const scope: AnimationScope<T> = useConstant(() => ({\n        current: null!, // Will be hydrated by React\n        animations: [],\n    }))\n\n    const reduceMotion = useReducedMotionConfig() ?? undefined\n\n    const animate = useMemo(\n        () => createScopedAnimate({ scope, reduceMotion }),\n        [scope, reduceMotion]\n    )\n\n    useUnmountEffect(() => {\n        scope.animations.forEach((animation) => animation.stop())\n        scope.animations.length = 0\n    })\n\n    return [scope, animate] as [AnimationScope<T>, typeof animate]\n}\n", "import {\n    animationMapKey,\n    AnimationPlaybackControls,\n    AnimationScope,\n    applyPxDefaults,\n    DOMKeyframesDefinition,\n    AnimationOptions as DynamicAnimationOptions,\n    ElementOrSelector,\n    fillWildcards,\n    getAnimationMap,\n    getComputedStyle,\n    getValueTransition,\n    NativeAnimation,\n    NativeAnimationOptions,\n    resolveElements,\n    UnresolvedValueKeyframe,\n    ValueKeyframe,\n} from \"motion-dom\"\nimport { invariant, secondsToMilliseconds } from \"motion-utils\"\n\ninterface AnimationDefinition {\n    map: Map<string, NativeAnimation<any>>\n    key: string\n    unresolvedKeyframes: UnresolvedValueKeyframe[]\n    options: Omit<NativeAnimationOptions, \"keyframes\"> & {\n        keyframes?: ValueKeyframe[]\n    }\n}\n\nexport function animateElements(\n    elementOrSelector: ElementOrSelector,\n    keyframes: DOMKeyframesDefinition,\n    options?: DynamicAnimationOptions,\n    scope?: AnimationScope\n) {\n    // Gracefully handle null/undefined elements (e.g., from querySelector returning null)\n    if (elementOrSelector == null) {\n        return []\n    }\n\n    const elements = resolveElements(elementOrSelector, scope) as Array<\n        HTMLElement | SVGElement\n    >\n    const numElements = elements.length\n\n    invariant(\n        Boolean(numElements),\n        \"No valid elements provided.\",\n        \"no-valid-elements\"\n    )\n\n    /**\n     * WAAPI doesn't support interrupting animations.\n     *\n     * Therefore, starting animations requires a three-step process:\n     * 1. Stop existing animations (write styles to DOM)\n     * 2. Resolve keyframes (read styles from DOM)\n     * 3. Create new animations (write styles to DOM)\n     *\n     * The hybrid `animate()` function uses AsyncAnimation to resolve\n     * keyframes before creating new animations, which removes style\n     * thrashing. Here, we have much stricter filesize constraints.\n     * Therefore we do this in a synchronous way that ensures that\n     * at least within `animate()` calls there is no style thrashing.\n     *\n     * In the motion-native-animate-mini-interrupt benchmark this\n     * was 80% faster than a single loop.\n     */\n    const animationDefinitions: AnimationDefinition[] = []\n\n    /**\n     * Step 1: Build options and stop existing animations (write)\n     */\n    for (let i = 0; i < numElements; i++) {\n        const element = elements[i]\n        const elementTransition: DynamicAnimationOptions = { ...options }\n\n        /**\n         * Resolve stagger function if provided.\n         */\n        if (typeof elementTransition.delay === \"function\") {\n            elementTransition.delay = elementTransition.delay(i, numElements)\n        }\n\n        for (const valueName in keyframes) {\n            let valueKeyframes = keyframes[valueName as keyof typeof keyframes]!\n\n            if (!Array.isArray(valueKeyframes)) {\n                valueKeyframes = [valueKeyframes]\n            }\n\n            const valueOptions = {\n                ...getValueTransition(elementTransition as any, valueName),\n            }\n\n            valueOptions.duration &&= secondsToMilliseconds(\n                valueOptions.duration\n            )\n\n            valueOptions.delay &&= secondsToMilliseconds(valueOptions.delay)\n\n            /**\n             * If there's an existing animation playing on this element then stop it\n             * before creating a new one.\n             */\n            const map = getAnimationMap(element)\n            const key = animationMapKey(\n                valueName,\n                valueOptions.pseudoElement || \"\"\n            )\n            const currentAnimation = map.get(key)\n            currentAnimation && currentAnimation.stop()\n\n            animationDefinitions.push({\n                map,\n                key,\n                unresolvedKeyframes: valueKeyframes,\n                options: {\n                    ...valueOptions,\n                    element,\n                    name: valueName,\n                    allowFlatten:\n                        !elementTransition.type && !elementTransition.ease,\n                },\n            })\n        }\n    }\n\n    /**\n     * Step 2: Resolve keyframes (read)\n     */\n    for (let i = 0; i < animationDefinitions.length; i++) {\n        const { unresolvedKeyframes, options: animationOptions } =\n            animationDefinitions[i]\n\n        const { element, name, pseudoElement } = animationOptions\n        if (!pseudoElement && unresolvedKeyframes[0] === null) {\n            unresolvedKeyframes[0] = getComputedStyle(element, name)\n        }\n\n        fillWildcards(unresolvedKeyframes)\n        applyPxDefaults(unresolvedKeyframes, name)\n\n        /**\n         * If we only have one keyframe, explicitly read the initial keyframe\n         * from the computed style. This is to ensure consistency with WAAPI behaviour\n         * for restarting animations, for instance .play() after finish, when it\n         * has one vs two keyframes.\n         */\n        if (!pseudoElement && unresolvedKeyframes.length < 2) {\n            unresolvedKeyframes.unshift(getComputedStyle(element, name))\n        }\n\n        animationOptions.keyframes = unresolvedKeyframes as ValueKeyframe[]\n    }\n\n    /**\n     * Step 3: Create new animations (write)\n     */\n    const animations: AnimationPlaybackControls[] = []\n    for (let i = 0; i < animationDefinitions.length; i++) {\n        const { map, key, options: animationOptions } = animationDefinitions[i]\n        const animation = new NativeAnimation(\n            animationOptions as NativeAnimationOptions\n        )\n\n        map.set(key, animation)\n        animation.finished.finally(() => map.delete(key))\n\n        animations.push(animation)\n    }\n\n    return animations\n}\n", "import {\n    AnimationPlaybackControlsWithThen,\n    AnimationScope,\n    DOMKeyframesDefinition,\n    AnimationOptions as DynamicAnimationOptions,\n    ElementOrSelector,\n    GroupAnimationWithThen,\n} from \"motion-dom\"\nimport { animateElements } from \"./animate-elements\"\n\nexport const createScopedWaapiAnimate = (scope?: AnimationScope) => {\n    function scopedAnimate(\n        elementOrSelector: ElementOrSelector,\n        keyframes: DOMKeyframesDefinition,\n        options?: DynamicAnimationOptions\n    ): AnimationPlaybackControlsWithThen {\n        return new GroupAnimationWithThen(\n            animateElements(\n                elementOrSelector,\n                keyframes as DOMKeyframesDefinition,\n                options,\n                scope\n            )\n        )\n    }\n\n    return scopedAnimate\n}\n\nexport const animateMini = /*@__PURE__*/ createScopedWaapiAnimate()\n", "\"use client\"\n\nimport { useConstant } from \"../../utils/use-constant\"\nimport { useUnmountEffect } from \"../../utils/use-unmount-effect\"\nimport { createScopedWaapiAnimate } from \"../animators/waapi/animate-style\"\nimport { AnimationScope } from \"motion-dom\"\n\nexport function useAnimateMini<T extends Element = any>() {\n    const scope: AnimationScope<T> = useConstant(() => ({\n        current: null!, // Will be hydrated by React\n        animations: [],\n    }))\n\n    const animate = useConstant(() => createScopedWaapiAnimate(scope))\n\n    useUnmountEffect(() => {\n        scope.animations.forEach((animation) => animation.stop())\n    })\n\n    return [scope, animate] as [AnimationScope<T>, typeof animate]\n}\n", "\"use client\"\n\nimport { LegacyAnimationControls } from \"motion-dom\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { useIsomorphicLayoutEffect } from \"../../utils/use-isomorphic-effect\"\nimport { animationControls } from \"./animation-controls\"\n\n/**\n * Creates `LegacyAnimationControls`, which can be used to manually start, stop\n * and sequence animations on one or more components.\n *\n * The returned `LegacyAnimationControls` should be passed to the `animate` property\n * of the components you want to animate.\n *\n * These components can then be animated with the `start` method.\n *\n * ```jsx\n * import * as React from 'react'\n * import { motion, useAnimation } from 'framer-motion'\n *\n * export function MyComponent(props) {\n *    const controls = useAnimation()\n *\n *    controls.start({\n *        x: 100,\n *        transition: { duration: 0.5 },\n *    })\n *\n *    return <motion.div animate={controls} />\n * }\n * ```\n *\n * @returns Animation controller with `start` and `stop` methods\n *\n * @public\n */\nexport function useAnimationControls(): LegacyAnimationControls {\n    const controls = useConstant(animationControls)\n\n    useIsomorphicLayoutEffect(controls.mount, [])\n\n    return controls\n}\n\nexport const useAnimation = useAnimationControls\n", "\"use client\"\n\nimport { useContext } from \"react\"\nimport { PresenceContext } from \"../../context/PresenceContext\"\n\nexport function usePresenceData() {\n    const context = useContext(PresenceContext)\n    return context ? context.custom : undefined\n}\n", "\"use client\"\n\nimport { RefObject, useEffect } from \"react\"\nimport { addDomEvent } from \"motion-dom\"\n\n/**\n * Attaches an event listener directly to the provided DOM element.\n *\n * Bypassing React's event system can be desirable, for instance when attaching non-passive\n * event handlers.\n *\n * ```jsx\n * const ref = useRef(null)\n *\n * useDomEvent(ref, 'wheel', onWheel, { passive: false })\n *\n * return <div ref={ref} />\n * ```\n *\n * @param ref - React.RefObject that's been provided to the element you want to bind the listener to.\n * @param eventName - Name of the event you want listen for.\n * @param handler - Function to fire when receiving the event.\n * @param options - Options to pass to `Event.addEventListener`.\n *\n * @public\n */\nexport function useDomEvent(\n    ref: RefObject<EventTarget | null>,\n    eventName: string,\n    handler?: EventListener | undefined,\n    options?: AddEventListenerOptions\n) {\n    useEffect(() => {\n        const element = ref.current\n\n        if (handler && element) {\n            return addDomEvent(element, eventName, handler, options)\n        }\n    }, [ref, eventName, handler, options])\n}\n", "import * as React from \"react\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport {\n    DragControlOptions,\n    VisualElementDragControls,\n} from \"./VisualElementDragControls\"\n\n/**\n * Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.\n *\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n *   dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n *   <>\n *     <div onPointerDown={startDrag} />\n *     <motion.div drag=\"x\" dragControls={dragControls} />\n *   </>\n * )\n * ```\n *\n * @public\n */\nexport class DragControls {\n    private componentControls = new Set<VisualElementDragControls>()\n\n    /**\n     * Subscribe a component's internal `VisualElementDragControls` to the user-facing API.\n     *\n     * @internal\n     */\n    subscribe(controls: VisualElementDragControls): () => void {\n        this.componentControls.add(controls)\n\n        return () => this.componentControls.delete(controls)\n    }\n\n    /**\n     * Start a drag gesture on every `motion` component that has this set of drag controls\n     * passed into it via the `dragControls` prop.\n     *\n     * ```jsx\n     * dragControls.start(e, {\n     *   snapToCursor: true\n     * })\n     * ```\n     *\n     * @param event - PointerEvent\n     * @param options - Options\n     *\n     * @public\n     */\n    start(\n        event: React.PointerEvent | PointerEvent,\n        options?: DragControlOptions\n    ) {\n        this.componentControls.forEach((controls) => {\n            controls.start(\n                (event as React.PointerEvent).nativeEvent || event,\n                options\n            )\n        })\n    }\n\n    /**\n     * Cancels a drag gesture.\n     *\n     * ```jsx\n     * dragControls.cancel()\n     * ```\n     *\n     * @public\n     */\n    cancel() {\n        this.componentControls.forEach((controls) => {\n            controls.cancel()\n        })\n    }\n\n    /**\n     * Stops a drag gesture.\n     *\n     * ```jsx\n     * dragControls.stop()\n     * ```\n     *\n     * @public\n     */\n    stop() {\n        this.componentControls.forEach((controls) => {\n            controls.stop()\n        })\n    }\n}\n\nconst createDragControls = () => new DragControls()\n\n/**\n * Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop\n * and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we\n * might want to initiate that dragging from a different component than the draggable one.\n *\n * By creating a `dragControls` using the `useDragControls` hook, we can pass this into\n * the draggable component's `dragControls` prop. It exposes a `start` method\n * that can start dragging from pointer events on other components.\n *\n * ```jsx\n * const dragControls = useDragControls()\n *\n * function startDrag(event) {\n *   dragControls.start(event, { snapToCursor: true })\n * }\n *\n * return (\n *   <>\n *     <div onPointerDown={startDrag} />\n *     <motion.div drag=\"x\" dragControls={dragControls} />\n *   </>\n * )\n * ```\n *\n * @public\n */\nexport function useDragControls() {\n    return useConstant(createDragControls)\n}\n", "import { motionComponentSymbol } from \"./symbol\"\n\n/**\n * Checks if a component is a `motion` component.\n */\nexport function isMotionComponent(component: React.ComponentType | string) {\n    return (\n        component !== null &&\n        typeof component === \"object\" &&\n        motionComponentSymbol in component\n    )\n}\n", "import { isMotionComponent } from \"./is-motion-component\"\nimport { motionComponentSymbol } from \"./symbol\"\n\n/**\n * Unwraps a `motion` component and returns either a string for `motion.div` or\n * the React component for `motion(Component)`.\n *\n * If the component is not a `motion` component it returns undefined.\n */\nexport function unwrapMotionComponent(\n    component: React.ComponentType | string\n): React.ComponentType | string | undefined {\n    if (isMotionComponent(component)) {\n        return component[motionComponentSymbol as keyof typeof component]\n    }\n\n    return undefined\n}\n", "import { rootProjectionNode } from \"motion-dom\"\n\nexport function useInstantLayoutTransition(): (\n    cb?: (() => void) | undefined\n) => void {\n    return startTransition\n}\n\nfunction startTransition(callback?: () => void) {\n    if (!rootProjectionNode.current) return\n    rootProjectionNode.current.isUpdating = false\n    rootProjectionNode.current.blockUpdate()\n    callback && callback()\n}\n", "import { useCallback } from \"react\";\nimport { rootProjectionNode } from \"motion-dom\"\n\nexport function useResetProjection() {\n    const reset = useCallback(() => {\n        const root = rootProjectionNode.current\n        if (!root) return\n        root.resetTree()\n    }, [])\n\n    return reset\n}\n", "\"use client\"\n\nimport { wrap } from \"motion-utils\"\nimport { useCallback, useRef, useState } from \"react\"\n\nexport type Cycle = (i?: number) => void\n\nexport type CycleState<T> = [T, Cycle]\n\n/**\n * Cycles through a series of visual properties. Can be used to toggle between or cycle through animations. It works similar to `useState` in React. It is provided an initial array of possible states, and returns an array of two arguments.\n *\n * An index value can be passed to the returned `cycle` function to cycle to a specific index.\n *\n * ```jsx\n * import * as React from \"react\"\n * import { motion, useCycle } from \"framer-motion\"\n *\n * export const MyComponent = () => {\n *   const [x, cycleX] = useCycle(0, 50, 100)\n *\n *   return (\n *     <motion.div\n *       animate={{ x: x }}\n *       onTap={() => cycleX()}\n *      />\n *    )\n * }\n * ```\n *\n * @param items - items to cycle through\n * @returns [currentState, cycleState]\n *\n * @public\n */\nexport function useCycle<T>(...items: T[]): CycleState<T> {\n    const index = useRef(0)\n    const [item, setItem] = useState(items[index.current])\n\n    const runCycle = useCallback(\n        (next?: number) => {\n            index.current =\n                typeof next !== \"number\"\n                    ? wrap(0, items.length, index.current + 1)\n                    : next\n\n            setItem(items[index.current])\n        },\n        // The array will change on each call, but by putting items.length at\n        // the front of this array, we guarantee the dependency comparison will match up\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [items.length, ...items]\n    )\n    return [item, runCycle]\n}\n", "import { ElementOrSelector, resolveElements } from \"motion-dom\"\n\nexport type ViewChangeHandler = (entry: IntersectionObserverEntry) => void\n\ntype MarginValue = `${number}${\"px\" | \"%\"}`\ntype MarginType =\n    | MarginValue\n    | `${MarginValue} ${MarginValue}`\n    | `${MarginValue} ${MarginValue} ${MarginValue}`\n    | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`\n\nexport interface InViewOptions {\n    root?: Element | Document\n    margin?: MarginType\n    amount?: \"some\" | \"all\" | number\n}\n\nconst thresholds = {\n    some: 0,\n    all: 1,\n}\n\nexport function inView(\n    elementOrSelector: ElementOrSelector,\n    onStart: (\n        element: Element,\n        entry: IntersectionObserverEntry\n    ) => void | ViewChangeHandler,\n    { root, margin: rootMargin, amount = \"some\" }: InViewOptions = {}\n): VoidFunction {\n    const elements = resolveElements(elementOrSelector)\n\n    const activeIntersections = new WeakMap<Element, ViewChangeHandler>()\n\n    const onIntersectionChange: IntersectionObserverCallback = (entries) => {\n        entries.forEach((entry) => {\n            const onEnd = activeIntersections.get(entry.target)\n\n            /**\n             * If there's no change to the intersection, we don't need to\n             * do anything here.\n             */\n            if (entry.isIntersecting === Boolean(onEnd)) return\n\n            if (entry.isIntersecting) {\n                const newOnEnd = onStart(entry.target, entry)\n                if (typeof newOnEnd === \"function\") {\n                    activeIntersections.set(entry.target, newOnEnd)\n                } else {\n                    observer.unobserve(entry.target)\n                }\n            } else if (typeof onEnd === \"function\") {\n                onEnd(entry)\n                activeIntersections.delete(entry.target)\n            }\n        })\n    }\n\n    const observer = new IntersectionObserver(onIntersectionChange, {\n        root,\n        rootMargin,\n        threshold: typeof amount === \"number\" ? amount : thresholds[amount],\n    })\n\n    elements.forEach((element) => observer.observe(element))\n\n    return () => observer.disconnect()\n}\n", "\"use client\"\n\nimport { RefObject, useEffect, useState } from \"react\"\nimport { inView, InViewOptions } from \"../render/dom/viewport\"\n\nexport interface UseInViewOptions\n    extends Omit<InViewOptions, \"root\" | \"amount\"> {\n    root?: RefObject<Element | null>\n    once?: boolean\n    amount?: \"some\" | \"all\" | number\n    initial?: boolean\n}\n\nexport function useInView(\n    ref: RefObject<Element | null>,\n    {\n        root,\n        margin,\n        amount,\n        once = false,\n        initial = false,\n    }: UseInViewOptions = {}\n) {\n    const [isInView, setInView] = useState(initial)\n\n    useEffect(() => {\n        if (!ref.current || (once && isInView)) return\n\n        const onEnter = () => {\n            setInView(true)\n\n            return once ? undefined : () => setInView(false)\n        }\n\n        const options: InViewOptions = {\n            root: (root && root.current) || undefined,\n            margin,\n            amount,\n        }\n\n        return inView(ref.current, onEnter, options)\n    }, [root, ref, margin, once, amount])\n\n    return isInView\n}\n", "\"use client\"\n\nimport { frame } from \"motion-dom\"\nimport { MotionGlobalConfig } from \"motion-utils\"\nimport { useEffect, useRef } from \"react\"\nimport { useInstantLayoutTransition } from \"../projection/use-instant-layout-transition\"\nimport { useForceUpdate } from \"./use-force-update\"\n\nexport function useInstantTransition() {\n    const [forceUpdate, forcedRenderCount] = useForceUpdate()\n    const startInstantLayoutTransition = useInstantLayoutTransition()\n    const unlockOnFrameRef = useRef<number>(-1)\n\n    useEffect(() => {\n        /**\n         * Unblock after two animation frames, otherwise this will unblock too soon.\n         */\n        frame.postRender(() =>\n            frame.postRender(() => {\n                /**\n                 * If the callback has been called again after the effect\n                 * triggered this 2 frame delay, don't unblock animations. This\n                 * prevents the previous effect from unblocking the current\n                 * instant transition too soon. This becomes more likely when\n                 * used in conjunction with React.startTransition().\n                 */\n                if (forcedRenderCount !== unlockOnFrameRef.current) return\n                MotionGlobalConfig.instantAnimations = false\n            })\n        )\n    }, [forcedRenderCount])\n\n    return (callback: () => void) => {\n        startInstantLayoutTransition(() => {\n            MotionGlobalConfig.instantAnimations = true\n            forceUpdate()\n            callback()\n            unlockOnFrameRef.current = forcedRenderCount + 1\n        })\n    }\n}\n\nexport function disableInstantTransitions() {\n    MotionGlobalConfig.instantAnimations = false\n}\n", "\"use client\"\n\nimport { useEffect, useState } from \"react\"\n\nexport function usePageInView() {\n    const [isInView, setIsInView] = useState(true)\n\n    useEffect(() => {\n        const handleVisibilityChange = () => setIsInView(!document.hidden)\n\n        if (document.hidden) {\n            handleVisibilityChange()\n        }\n\n        document.addEventListener(\"visibilitychange\", handleVisibilityChange)\n\n        return () => {\n            document.removeEventListener(\n                \"visibilitychange\",\n                handleVisibilityChange\n            )\n        }\n    }, [])\n\n    return isInView\n}\n", "import type { Point, TransformPoint } from \"motion-utils\"\nimport type { RefObject } from \"react\"\n\n/**\n * Creates a `transformPagePoint` function that accounts for SVG viewBox scaling.\n *\n * When dragging SVG elements inside an SVG with a viewBox that differs from\n * the rendered dimensions (e.g., `viewBox=\"0 0 100 100\"` but rendered at 500x500 pixels),\n * pointer coordinates need to be transformed to match the SVG's coordinate system.\n *\n * @example\n * ```jsx\n * function App() {\n *   const svgRef = useRef<SVGSVGElement>(null)\n *\n *   return (\n *     <MotionConfig transformPagePoint={transformViewBoxPoint(svgRef)}>\n *       <svg ref={svgRef} viewBox=\"0 0 100 100\" width={500} height={500}>\n *         <motion.rect drag width={10} height={10} />\n *       </svg>\n *     </MotionConfig>\n *   )\n * }\n * ```\n *\n * @param svgRef - A React ref to the SVG element\n * @returns A transformPagePoint function for use with MotionConfig\n *\n * @public\n */\nexport function transformViewBoxPoint(\n    svgRef: RefObject<SVGSVGElement | null>\n): TransformPoint {\n    return (point: Point): Point => {\n        const svg = svgRef.current\n        if (!svg) {\n            return point\n        }\n\n        // Get the viewBox attribute\n        const viewBox = svg.viewBox?.baseVal\n        if (!viewBox || (viewBox.width === 0 && viewBox.height === 0)) {\n            // No viewBox or empty viewBox - no transformation needed\n            return point\n        }\n\n        // Get the rendered dimensions of the SVG\n        const bbox = svg.getBoundingClientRect()\n        if (bbox.width === 0 || bbox.height === 0) {\n            return point\n        }\n\n        // Calculate scale factors\n        const scaleX = viewBox.width / bbox.width\n        const scaleY = viewBox.height / bbox.height\n\n        // Get the SVG's position on the page\n        const svgX = bbox.left + window.scrollX\n        const svgY = bbox.top + window.scrollY\n\n        // Transform the point:\n        // 1. Calculate position relative to SVG\n        // 2. Scale by viewBox/viewport ratio\n        // 3. Add back the SVG position (but in SVG coordinates)\n        return {\n            x: (point.x - svgX) * scaleX + svgX,\n            y: (point.y - svgY) * scaleY + svgY,\n        }\n    }\n}\n", "import type { Point, TransformPoint } from \"motion-utils\"\nimport type { RefObject } from \"react\"\n\n/**\n * Creates a `transformPagePoint` function that corrects pointer coordinates\n * for a parent container with CSS transforms (rotation, scale, skew).\n *\n * When dragging elements inside a transformed parent, pointer coordinates\n * need to be transformed through the inverse of the parent's transform\n * so the drag offset is in local space.\n *\n * Works with both static and continuously animating transforms.\n *\n * @example\n * ```jsx\n * function App() {\n *   const ref = useRef(null)\n *\n *   return (\n *     <motion.div ref={ref} style={{ rotate: 90 }}>\n *       <MotionConfig transformPagePoint={correctParentTransform(ref)}>\n *         <motion.div drag />\n *       </MotionConfig>\n *     </motion.div>\n *   )\n * }\n * ```\n *\n * @param parentRef - A React ref to the transformed parent element\n * @returns A transformPagePoint function for use with MotionConfig\n *\n * @public\n */\nexport function correctParentTransform(\n    parentRef: RefObject<HTMLElement | null>\n): TransformPoint {\n    return (point: Point): Point => {\n        const parent = parentRef.current\n        if (!parent) return point\n\n        const inv = getInverseMatrix(parent)\n        if (!inv) return point\n\n        // Get center of rotation in page space\n        const rect = parent.getBoundingClientRect()\n        const cx = rect.left + window.scrollX + rect.width / 2\n        const cy = rect.top + window.scrollY + rect.height / 2\n\n        // Transform (point - center) through inverse, then add center back\n        const dx = point.x - cx\n        const dy = point.y - cy\n        return {\n            x: cx + inv.a * dx + inv.c * dy,\n            y: cy + inv.b * dx + inv.d * dy,\n        }\n    }\n}\n\ninterface InverseMatrix {\n    a: number\n    b: number\n    c: number\n    d: number\n}\n\nfunction getInverseMatrix(element: HTMLElement): InverseMatrix | null {\n    const { transform } = getComputedStyle(element)\n    if (!transform || transform === \"none\") return null\n\n    const match =\n        transform.match(/^matrix3d\\((.*)\\)$/u) ||\n        transform.match(/^matrix\\((.*)\\)$/u)\n    if (!match) return null\n\n    const v = match[1].split(\",\").map(Number)\n    const is3d = transform.startsWith(\"matrix3d\")\n    const a = v[0],\n        b = v[1]\n    const c = is3d ? v[4] : v[2]\n    const d = is3d ? v[5] : v[3]\n\n    const det = a * d - b * c\n    if (Math.abs(det) < 1e-10) return null\n\n    return { a: d / det, b: -b / det, c: -c / det, d: a / det }\n}\n", "export interface AppearStoreEntry {\n    animation: Animation\n    startTime: number | null\n}\n\nexport type AppearElementId = string\n\nexport type IsComplete = boolean\n\nexport const appearAnimationStore = new Map<AppearElementId, AppearStoreEntry>()\n\nexport const appearComplete = new Map<AppearElementId, IsComplete>()\n", "import { transformProps } from \"motion-dom\"\n\nexport const appearStoreId = (elementId: string, valueName: string) => {\n    const key = transformProps.has(valueName) ? \"transform\" : valueName\n\n    return `${elementId}: ${key}`\n}\n", "import type { Batcher } from \"motion-dom\"\nimport { appearAnimationStore } from \"./store\"\nimport { appearStoreId } from \"./store-id\"\n\nexport function handoffOptimizedAppearAnimation(\n    elementId: string,\n    valueName: string,\n    frame: Batcher\n): number | null {\n    const storeId = appearStoreId(elementId, valueName)\n    const optimisedAnimation = appearAnimationStore.get(storeId)\n\n    if (!optimisedAnimation) {\n        return null\n    }\n\n    const { animation, startTime } = optimisedAnimation\n\n    function cancelAnimation() {\n        window.MotionCancelOptimisedAnimation?.(elementId, valueName, frame)\n    }\n\n    /**\n     * We can cancel the animation once it's finished now that we've synced\n     * with Motion.\n     *\n     * Prefer onfinish over finished as onfinish is backwards compatible with\n     * older browsers.\n     */\n    animation.onfinish = cancelAnimation\n\n    if (startTime === null || window.MotionHandoffIsComplete?.(elementId)) {\n        /**\n         * If the startTime is null, this animation is the Paint Ready detection animation\n         * and we can cancel it immediately without handoff.\n         *\n         * Or if we've already handed off the animation then we're now interrupting it.\n         * In which case we need to cancel it.\n         */\n        cancelAnimation()\n        return null\n    } else {\n        return startTime\n    }\n}\n", "import {\n    AnyResolvedKeyframe,\n    Batcher,\n    getOptimisedAppearId,\n    MotionValue,\n    optimizedAppearDataId,\n    startWaapiAnimation,\n    ValueAnimationTransition,\n    type WithAppearProps,\n} from \"motion-dom\"\nimport { noop } from \"motion-utils\"\nimport { handoffOptimizedAppearAnimation } from \"./handoff\"\nimport { appearAnimationStore, appearComplete, AppearStoreEntry } from \"./store\"\nimport { appearStoreId } from \"./store-id\"\n\n/**\n * A single time to use across all animations to manually set startTime\n * and ensure they're all in sync.\n */\nlet startFrameTime: number\n\n/**\n * A dummy animation to detect when Chrome is ready to start\n * painting the page and hold off from triggering the real animation\n * until then. We only need one animation to detect paint ready.\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1406850\n */\nlet readyAnimation: Animation\n\n/**\n * Keep track of animations that were suspended vs cancelled so we\n * can easily resume them when we're done measuring layout.\n */\nconst suspendedAnimations = new Set<AppearStoreEntry>()\n\nfunction resumeSuspendedAnimations() {\n    suspendedAnimations.forEach((data) => {\n        data.animation.play()\n        data.animation.startTime = data.startTime\n    })\n    suspendedAnimations.clear()\n}\n\nexport function startOptimizedAppearAnimation(\n    element: HTMLElement,\n    name: string,\n    keyframes: string[] | number[],\n    options: ValueAnimationTransition<number | string>,\n    onReady?: (animation: Animation) => void\n): void {\n    // Prevent optimised appear animations if Motion has already started animating.\n    if (window.MotionIsMounted) {\n        return\n    }\n\n    const id = element.dataset[optimizedAppearDataId]\n    if (!id) return\n\n    window.MotionHandoffAnimation = handoffOptimizedAppearAnimation\n\n    const storeId = appearStoreId(id, name)\n    if (!readyAnimation) {\n        readyAnimation = startWaapiAnimation(\n            element,\n            name,\n            [keyframes[0] as number, keyframes[0] as number],\n            /**\n             * 10 secs is basically just a super-safe duration to give Chrome\n             * long enough to get the animation ready.\n             */\n            { duration: 10000, ease: \"linear\" }\n        )\n\n        appearAnimationStore.set(storeId, {\n            animation: readyAnimation,\n            startTime: null,\n        })\n\n        /**\n         * If there's no readyAnimation then there's been no instantiation\n         * of handoff animations.\n         */\n        window.MotionHandoffAnimation = handoffOptimizedAppearAnimation\n\n        window.MotionHasOptimisedAnimation = (\n            elementId?: string,\n            valueName?: string\n        ) => {\n            if (!elementId) return false\n\n            /**\n             * Keep a map of elementIds that have started animating. We check\n             * via ID instead of Element because of hydration errors and\n             * pre-hydration checks. We also actively record IDs as they start\n             * animating rather than simply checking for data-appear-id as\n             * this attrbute might be present but not lead to an animation, for\n             * instance if the element's appear animation is on a different\n             * breakpoint.\n             */\n            if (!valueName) {\n                return appearComplete.has(elementId)\n            }\n\n            const animationId = appearStoreId(elementId, valueName)\n            return Boolean(appearAnimationStore.get(animationId))\n        }\n\n        window.MotionHandoffMarkAsComplete = (elementId: string): void => {\n            if (appearComplete.has(elementId)) {\n                appearComplete.set(elementId, true)\n            }\n        }\n\n        window.MotionHandoffIsComplete = (elementId: string): boolean => {\n            return appearComplete.get(elementId) === true\n        }\n\n        /**\n         * We only need to cancel transform animations as\n         * they're the ones that will interfere with the\n         * layout animation measurements.\n         */\n        window.MotionCancelOptimisedAnimation = (\n            elementId: string,\n            valueName: string,\n            frame?: Batcher,\n            canResume?: boolean\n        ) => {\n            const animationId = appearStoreId(elementId, valueName)\n            const data = appearAnimationStore.get(animationId)\n\n            if (!data) return\n\n            if (frame && canResume === undefined) {\n                /**\n                 * Wait until the end of the subsequent frame to cancel the animation\n                 * to ensure we don't remove the animation before the main thread has\n                 * had a chance to resolve keyframes and render.\n                 */\n                frame.postRender(() => {\n                    frame.postRender(() => {\n                        data.animation.cancel()\n                    })\n                })\n            } else {\n                data.animation.cancel()\n            }\n\n            if (frame && canResume) {\n                suspendedAnimations.add(data)\n                frame.render(resumeSuspendedAnimations)\n            } else {\n                appearAnimationStore.delete(animationId)\n\n                /**\n                 * If there are no more animations left, we can remove the cancel function.\n                 * This will let us know when we can stop checking for conflicting layout animations.\n                 */\n                if (!appearAnimationStore.size) {\n                    window.MotionCancelOptimisedAnimation = undefined\n                }\n            }\n        }\n\n        window.MotionCheckAppearSync = (\n            visualElement: WithAppearProps,\n            valueName: string,\n            value: MotionValue\n        ) => {\n            const appearId = getOptimisedAppearId(visualElement)\n\n            if (!appearId) return\n\n            const valueIsOptimised = window.MotionHasOptimisedAnimation?.(\n                appearId,\n                valueName\n            )\n            const externalAnimationValue =\n                visualElement.props.values?.[valueName]\n\n            if (!valueIsOptimised || !externalAnimationValue) return\n\n            const removeSyncCheck = value.on(\n                \"change\",\n                (latestValue: AnyResolvedKeyframe) => {\n                    if (externalAnimationValue.get() !== latestValue) {\n                        window.MotionCancelOptimisedAnimation?.(\n                            appearId,\n                            valueName\n                        )\n                        removeSyncCheck()\n                    }\n                }\n            )\n\n            return removeSyncCheck\n        }\n    }\n\n    const startAnimation = () => {\n        readyAnimation.cancel()\n\n        const appearAnimation = startWaapiAnimation(\n            element,\n            name,\n            keyframes,\n            options\n        )\n\n        /**\n         * Record the time of the first started animation. We call performance.now() once\n         * here and once in handoff to ensure we're getting\n         * close to a frame-locked time. This keeps all animations in sync.\n         */\n        if (startFrameTime === undefined) {\n            startFrameTime = performance.now()\n        }\n\n        appearAnimation.startTime = startFrameTime\n\n        appearAnimationStore.set(storeId, {\n            animation: appearAnimation,\n            startTime: startFrameTime,\n        })\n\n        if (onReady) onReady(appearAnimation)\n    }\n\n    appearComplete.set(id, false)\n\n    if (readyAnimation.ready) {\n        readyAnimation.ready.then(startAnimation).catch(noop)\n    } else {\n        startAnimation()\n    }\n}\n", "\"use client\"\n\nimport {\n    animateVisualElement,\n    createBox,\n    ResolvedValues,\n    TargetAndTransition,\n    VisualElement,\n} from \"motion-dom\"\nimport { useLayoutEffect, useState } from \"react\"\nimport { makeUseVisualState } from \"../../motion/utils/use-visual-state\"\nimport { useConstant } from \"../../utils/use-constant\"\n\ninterface AnimatedStateOptions {\n    initialState: ResolvedValues\n}\n\nconst createObject = () => ({})\n\nclass StateVisualElement extends VisualElement<\n    ResolvedValues,\n    {},\n    AnimatedStateOptions\n> {\n    type: \"state\"\n    build() {}\n    measureInstanceViewportBox = createBox\n    resetTransform() {}\n    restoreTransform() {}\n    removeValueFromRenderState() {}\n    renderInstance() {}\n    scrapeMotionValuesFromProps() {\n        return createObject()\n    }\n    getBaseTargetFromProps() {\n        return undefined\n    }\n\n    readValueFromInstance(\n        _state: ResolvedValues,\n        key: string,\n        options: AnimatedStateOptions\n    ) {\n        return options.initialState[key] || 0\n    }\n\n    sortInstanceNodePosition() {\n        return 0\n    }\n}\n\nconst useVisualState = makeUseVisualState({\n    scrapeMotionValuesFromProps: createObject,\n    createRenderState: createObject,\n})\n\n/**\n * This is not an officially supported API and may be removed\n * on any version.\n */\nexport function useAnimatedState(initialState: any) {\n    const [animationState, setAnimationState] = useState(initialState)\n    const visualState = useVisualState({}, false)\n\n    const element = useConstant(() => {\n        return new StateVisualElement(\n            {\n                props: {\n                    onUpdate: (v) => {\n                        setAnimationState({ ...v })\n                    },\n                },\n                visualState,\n                presenceContext: null,\n            },\n            { initialState }\n        )\n    })\n\n    useLayoutEffect(() => {\n        element.mount({})\n        return () => element.unmount()\n    }, [element])\n\n    const startAnimation = useConstant(\n        () => (animationDefinition: TargetAndTransition) => {\n            return animateVisualElement(element, animationDefinition)\n        }\n    )\n\n    return [animationState, startAnimation]\n}\n", "\"use client\"\n\nimport { invariant } from \"motion-utils\"\nimport * as React from \"react\"\nimport { useConstant } from \"../utils/use-constant\"\nimport { LayoutGroup } from \"./LayoutGroup\"\n\nlet id = 0\nexport const AnimateSharedLayout: React.FunctionComponent<\n    React.PropsWithChildren<unknown>\n> = ({ children }: React.PropsWithChildren<{}>) => {\n    React.useEffect(() => {\n        invariant(\n            false,\n            \"AnimateSharedLayout is deprecated: https://www.framer.com/docs/guide-upgrade/##shared-layout-animations\"\n        )\n    }, [])\n\n    return (\n        <LayoutGroup id={useConstant(() => `asl-${id++}`)}>\n            {children}\n        </LayoutGroup>\n    )\n}\n", "\"use client\"\n\nimport { MotionValue } from \"motion-dom\"\nimport { invariant, warning } from \"motion-utils\"\nimport { useContext } from \"react\"\nimport { MotionContext } from \"../context/MotionContext\"\nimport { useMotionValue } from \"./use-motion-value\"\nimport { useTransform } from \"./use-transform\"\n\ninterface ScaleMotionValues {\n    scaleX: MotionValue<number>\n    scaleY: MotionValue<number>\n}\n\n// Keep things reasonable and avoid scale: Infinity. In practise we might need\n// to add another value, opacity, that could interpolate scaleX/Y [0,0.01] => [0,1]\n// to simply hide content at unreasonable scales.\nconst maxScale = 100000\nexport const invertScale = (scale: number) =>\n    scale > 0.001 ? 1 / scale : maxScale\n\nlet hasWarned = false\n\n/**\n * Returns a `MotionValue` each for `scaleX` and `scaleY` that update with the inverse\n * of their respective parent scales.\n *\n * This is useful for undoing the distortion of content when scaling a parent component.\n *\n * By default, `useInvertedScale` will automatically fetch `scaleX` and `scaleY` from the nearest parent.\n * By passing other `MotionValue`s in as `useInvertedScale({ scaleX, scaleY })`, it will invert the output\n * of those instead.\n *\n * ```jsx\n * const MyComponent = () => {\n *   const { scaleX, scaleY } = useInvertedScale()\n *   return <motion.div style={{ scaleX, scaleY }} />\n * }\n * ```\n *\n * @deprecated\n */\nexport function useInvertedScale(\n    scale?: Partial<ScaleMotionValues>\n): ScaleMotionValues {\n    let parentScaleX = useMotionValue(1)\n    let parentScaleY = useMotionValue(1)\n    const { visualElement } = useContext(MotionContext)\n\n    invariant(\n        !!(scale || visualElement),\n        \"If no scale values are provided, useInvertedScale must be used within a child of another motion component.\"\n    )\n\n    warning(\n        hasWarned,\n        \"useInvertedScale is deprecated and will be removed in 3.0. Use the layout prop instead.\"\n    )\n\n    hasWarned = true\n\n    if (scale) {\n        parentScaleX = scale.scaleX || parentScaleX\n        parentScaleY = scale.scaleY || parentScaleY\n    } else if (visualElement) {\n        parentScaleX = visualElement.getValue(\"scaleX\", 1)\n        parentScaleY = visualElement.getValue(\"scaleY\", 1)\n    }\n\n    const scaleX = useTransform(parentScaleX, invertScale)\n    const scaleY = useTransform(parentScaleY, invertScale)\n\n    return { scaleX, scaleY }\n}\n", "export { ReorderGroup as Group } from './Group.mjs';\nexport { ReorderItem as Item } from './Item.mjs';\n//# sourceMappingURL=namespace.mjs.map\n", "\"use client\";\nimport { createContext } from 'react';\n\nconst ReorderContext = createContext(null);\n\nexport { ReorderContext };\n//# sourceMappingURL=ReorderContext.mjs.map\n", "import { mixNumber } from \"motion-dom\"\nimport { moveItem } from \"motion-utils\"\nimport { ItemData } from \"../types\"\n\nexport function checkReorder<T>(\n    order: ItemData<T>[],\n    value: T,\n    offset: number,\n    velocity: number\n): ItemData<T>[] {\n    if (!velocity) return order\n\n    const index = order.findIndex((item) => item.value === value)\n\n    if (index === -1) return order\n\n    const nextOffset = velocity > 0 ? 1 : -1\n    const nextItem = order[index + nextOffset]\n\n    if (!nextItem) return order\n\n    const item = order[index]\n    const nextLayout = nextItem.layout\n    const nextItemCenter = mixNumber(nextLayout.min, nextLayout.max, 0.5)\n\n    if (\n        (nextOffset === 1 && item.layout.max + offset > nextItemCenter) ||\n        (nextOffset === -1 && item.layout.min + offset < nextItemCenter)\n    ) {\n        return moveItem(order, index, index + nextOffset)\n    }\n\n    return order\n}\n", "\"use client\"\n\nimport { invariant } from \"motion-utils\"\nimport * as React from \"react\"\nimport { forwardRef, FunctionComponent, JSX, useEffect, useRef } from \"react\"\nimport { ReorderContext } from \"../../context/ReorderContext\"\nimport { motion } from \"../../render/components/motion/proxy\"\nimport { HTMLMotionProps } from \"../../render/html/types\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport {\n    DefaultGroupElement,\n    ItemData,\n    ReorderContextProps,\n    ReorderElementTag,\n} from \"./types\"\nimport { checkReorder } from \"./utils/check-reorder\"\n\nexport interface Props<\n    V,\n    TagName extends ReorderElementTag = DefaultGroupElement\n> {\n    /**\n     * A HTML element to render this component as. Defaults to `\"ul\"`.\n     *\n     * @public\n     */\n    as?: TagName\n\n    /**\n     * The axis to reorder along. By default, items will be draggable on this axis.\n     * To make draggable on both axes, set `<Reorder.Item drag />`\n     *\n     * @public\n     */\n    axis?: \"x\" | \"y\"\n\n    /**\n     * A callback to fire with the new value order. For instance, if the values\n     * are provided as a state from `useState`, this could be the set state function.\n     *\n     * @public\n     */\n    onReorder: (newOrder: V[]) => void\n\n    /**\n     * The latest values state.\n     *\n     * ```jsx\n     * function Component() {\n     *   const [items, setItems] = useState([0, 1, 2])\n     *\n     *   return (\n     *     <Reorder.Group values={items} onReorder={setItems}>\n     *         {items.map((item) => <Reorder.Item key={item} value={item} />)}\n     *     </Reorder.Group>\n     *   )\n     * }\n     * ```\n     *\n     * @public\n     */\n    values: V[]\n}\n\ntype ReorderGroupProps<\n    V,\n    TagName extends ReorderElementTag = DefaultGroupElement\n> = Props<V, TagName> &\n    Omit<HTMLMotionProps<TagName>, \"values\"> &\n    React.PropsWithChildren<{}>\n\nexport function ReorderGroupComponent<\n    V,\n    TagName extends ReorderElementTag = DefaultGroupElement\n>(\n    {\n        children,\n        as = \"ul\" as TagName,\n        axis = \"y\",\n        onReorder,\n        values,\n        ...props\n    }: ReorderGroupProps<V, TagName>,\n    externalRef?: React.ForwardedRef<any>\n): JSX.Element {\n    const Component = useConstant(\n        () => motion[as as keyof typeof motion]\n    ) as FunctionComponent<\n        React.PropsWithChildren<HTMLMotionProps<any> & { ref?: React.Ref<any> }>\n    >\n\n    const order: ItemData<V>[] = []\n    const isReordering = useRef(false)\n    const groupRef = useRef<Element>(null)\n\n    invariant(\n        Boolean(values),\n        \"Reorder.Group must be provided a values prop\",\n        \"reorder-values\"\n    )\n\n    const context: ReorderContextProps<V> = {\n        axis,\n        groupRef,\n        registerItem: (value, layout) => {\n            // If the entry was already added, update it rather than adding it again\n            const idx = order.findIndex((entry) => value === entry.value)\n            if (idx !== -1) {\n                order[idx].layout = layout[axis]\n            } else {\n                order.push({ value: value, layout: layout[axis] })\n            }\n            order.sort(compareMin)\n        },\n        updateOrder: (item, offset, velocity) => {\n            if (isReordering.current) return\n\n            const newOrder = checkReorder(order, item, offset, velocity)\n\n            if (order !== newOrder) {\n                isReordering.current = true\n                onReorder(\n                    newOrder\n                        .map(getValue)\n                        .filter((value) => values.indexOf(value) !== -1)\n                )\n            }\n        },\n    }\n\n    useEffect(() => {\n        isReordering.current = false\n    })\n\n    // Combine refs if external ref is provided\n    const setRef = (element: Element | null) => {\n        ;(groupRef as React.MutableRefObject<Element | null>).current = element\n        if (typeof externalRef === \"function\") {\n            externalRef(element)\n        } else if (externalRef) {\n            ;(\n                externalRef as React.MutableRefObject<Element | null>\n            ).current = element\n        }\n    }\n\n    /**\n     * Disable browser scroll anchoring on the group container.\n     * When items reorder, scroll anchoring can cause the browser to adjust\n     * the scroll position, which interferes with drag position calculations.\n     */\n    const groupStyle = {\n        overflowAnchor: \"none\" as const,\n        ...props.style,\n    }\n\n    return (\n        <Component {...props} style={groupStyle} ref={setRef} ignoreStrict>\n            <ReorderContext.Provider value={context}>\n                {children}\n            </ReorderContext.Provider>\n        </Component>\n    )\n}\n\nexport const ReorderGroup = /*@__PURE__*/ forwardRef(ReorderGroupComponent) as <\n    V,\n    TagName extends ReorderElementTag = DefaultGroupElement\n>(\n    props: ReorderGroupProps<V, TagName> & { ref?: React.ForwardedRef<any> }\n) => ReturnType<typeof ReorderGroupComponent>\n\nfunction getValue<V>(item: ItemData<V>) {\n    return item.value\n}\n\nfunction compareMin<V>(a: ItemData<V>, b: ItemData<V>) {\n    return a.layout.min - b.layout.min\n}\n", "const threshold = 50\nconst maxSpeed = 25\n\nconst overflowStyles = new Set([\"auto\", \"scroll\"])\n\n// Track initial scroll limits per scrollable element (Bug 1 fix)\nconst initialScrollLimits = new WeakMap<HTMLElement, number>()\n\n// Track auto-scroll active state per edge: \"start\" (top/left) or \"end\" (bottom/right)\ntype ActiveEdge = \"start\" | \"end\" | null\nconst activeScrollEdge = new WeakMap<HTMLElement, ActiveEdge>()\n\n// Track which group element is currently dragging to clear state on end\nlet currentGroupElement: Element | null = null\n\nexport function resetAutoScrollState(): void {\n    if (currentGroupElement) {\n        const scrollableAncestor = findScrollableAncestor(\n            currentGroupElement,\n            \"y\"\n        )\n        if (scrollableAncestor) {\n            activeScrollEdge.delete(scrollableAncestor)\n            initialScrollLimits.delete(scrollableAncestor)\n        }\n        // Also try x axis\n        const scrollableAncestorX = findScrollableAncestor(\n            currentGroupElement,\n            \"x\"\n        )\n        if (scrollableAncestorX && scrollableAncestorX !== scrollableAncestor) {\n            activeScrollEdge.delete(scrollableAncestorX)\n            initialScrollLimits.delete(scrollableAncestorX)\n        }\n        currentGroupElement = null\n    }\n}\n\nfunction isScrollableElement(element: Element, axis: \"x\" | \"y\"): boolean {\n    const style = getComputedStyle(element)\n    const overflow = axis === \"x\" ? style.overflowX : style.overflowY\n\n    const isDocumentScroll =\n        element === document.body ||\n        element === document.documentElement\n\n    return overflowStyles.has(overflow) || isDocumentScroll\n}\n\nfunction findScrollableAncestor(\n    element: Element | null,\n    axis: \"x\" | \"y\"\n): HTMLElement | null {\n    let current = element?.parentElement\n    while (current) {\n        if (isScrollableElement(current, axis)) {\n            return current\n        }\n        current = current.parentElement\n    }\n    return null\n}\n\nfunction getScrollAmount(\n    pointerPosition: number,\n    scrollElement: HTMLElement,\n    axis: \"x\" | \"y\"\n): { amount: number; edge: ActiveEdge } {\n    const rect = scrollElement.getBoundingClientRect()\n\n    const start = axis === \"x\" ? Math.max(0, rect.left) : Math.max(0, rect.top)\n    const end = axis === \"x\" ? Math.min(window.innerWidth, rect.right) : Math.min(window.innerHeight, rect.bottom)\n\n    const distanceFromStart = pointerPosition - start\n    const distanceFromEnd = end - pointerPosition\n\n    if (distanceFromStart < threshold) {\n        const intensity = 1 - distanceFromStart / threshold\n        return { amount: -maxSpeed * intensity * intensity, edge: \"start\" }\n    } else if (distanceFromEnd < threshold) {\n        const intensity = 1 - distanceFromEnd / threshold\n        return { amount: maxSpeed * intensity * intensity, edge: \"end\" }\n    }\n\n    return { amount: 0, edge: null }\n}\n\nexport function autoScrollIfNeeded(\n    groupElement: Element | null,\n    pointerPosition: number,\n    axis: \"x\" | \"y\",\n    velocity: number\n): void {\n    if (!groupElement) return\n\n    // Track the group element for cleanup\n    currentGroupElement = groupElement\n\n    const scrollableAncestor = findScrollableAncestor(groupElement, axis)\n    if (!scrollableAncestor) return\n\n    // Convert pointer position from page coordinates to viewport coordinates.\n    // The gesture system uses pageX/pageY but getBoundingClientRect() returns\n    // viewport-relative coordinates, so we need to account for page scroll.\n    const viewportPointerPosition =\n        pointerPosition - (axis === \"x\" ? window.scrollX : window.scrollY)\n\n    const { amount: scrollAmount, edge } = getScrollAmount(\n        viewportPointerPosition,\n        scrollableAncestor,\n        axis\n    )\n\n    // If not in any threshold zone, clear all state\n    if (edge === null) {\n        activeScrollEdge.delete(scrollableAncestor)\n        initialScrollLimits.delete(scrollableAncestor)\n        return\n    }\n\n    const currentActiveEdge = activeScrollEdge.get(scrollableAncestor)\n\n    const isDocumentScroll =\n        scrollableAncestor === document.body ||\n        scrollableAncestor === document.documentElement\n\n    // If not currently scrolling this edge, check velocity to see if we should start\n    if (currentActiveEdge !== edge) {\n        // Only start scrolling if velocity is towards the edge\n        const shouldStart =\n            (edge === \"start\" && velocity < 0) ||\n            (edge === \"end\" && velocity > 0)\n        if (!shouldStart) return\n\n        // Activate this edge\n        activeScrollEdge.set(scrollableAncestor, edge)\n\n        // Record initial scroll limit (prevents infinite scroll)\n        const maxScroll =\n            axis === \"x\"\n                ? scrollableAncestor.scrollWidth - (isDocumentScroll ? window.innerWidth : scrollableAncestor.clientWidth)\n                : scrollableAncestor.scrollHeight - (isDocumentScroll ? window.innerHeight : scrollableAncestor.clientHeight)\n\n        initialScrollLimits.set(scrollableAncestor, maxScroll)\n    }\n\n    // Cap scrolling at initial limit (prevents infinite scroll)\n    if (scrollAmount > 0) {\n        const initialLimit = initialScrollLimits.get(scrollableAncestor)!\n        const currentScroll =\n            axis === \"x\"\n                ? (isDocumentScroll ? window.scrollX : scrollableAncestor.scrollLeft)\n                : (isDocumentScroll ? window.scrollY : scrollableAncestor.scrollTop)\n        if (currentScroll >= initialLimit) return\n    }\n\n    // Apply scroll\n    if (axis === \"x\") {\n        if (isDocumentScroll) {\n            window.scrollBy({ left: scrollAmount })\n        } else {\n            scrollableAncestor.scrollLeft += scrollAmount\n        }\n    } else {\n        if (isDocumentScroll) {\n            window.scrollBy({ top: scrollAmount })\n        } else {\n            scrollableAncestor.scrollTop += scrollAmount\n        }\n    }\n}\n", "\"use client\"\n\nimport { isMotionValue } from \"motion-dom\"\nimport { invariant } from \"motion-utils\"\nimport * as React from \"react\"\nimport { forwardRef, FunctionComponent, useContext } from \"react\"\nimport { ReorderContext } from \"../../context/ReorderContext\"\nimport { motion } from \"../../render/components/motion/proxy\"\nimport { HTMLMotionProps } from \"../../render/html/types\"\nimport { useConstant } from \"../../utils/use-constant\"\nimport { useMotionValue } from \"../../value/use-motion-value\"\nimport { useTransform } from \"../../value/use-transform\"\n\nimport { DefaultItemElement, ReorderElementTag } from \"./types\"\nimport {\n    autoScrollIfNeeded,\n    resetAutoScrollState,\n} from \"./utils/auto-scroll\"\n\nexport interface Props<\n    V,\n    TagName extends ReorderElementTag = DefaultItemElement\n> {\n    /**\n     * A HTML element to render this component as. Defaults to `\"li\"`.\n     *\n     * @public\n     */\n    as?: TagName\n\n    /**\n     * The value in the list that this component represents.\n     *\n     * @public\n     */\n    value: V\n\n    /**\n     * A subset of layout options primarily used to disable layout=\"size\"\n     *\n     * @public\n     * @default true\n     */\n    layout?: true | \"position\"\n}\n\nfunction useDefaultMotionValue(value: any, defaultValue: number = 0) {\n    return isMotionValue(value) ? value : useMotionValue(defaultValue)\n}\n\ntype ReorderItemProps<\n    V,\n    TagName extends ReorderElementTag = DefaultItemElement\n> = Props<V, TagName> &\n    Omit<HTMLMotionProps<TagName>, \"value\" | \"layout\"> &\n    React.PropsWithChildren<{}>\n\nexport function ReorderItemComponent<\n    V,\n    TagName extends ReorderElementTag = DefaultItemElement\n>(\n    {\n        children,\n        style = {},\n        value,\n        as = \"li\" as TagName,\n        onDrag,\n        onDragEnd,\n        layout = true,\n        ...props\n    }: ReorderItemProps<V, TagName>,\n    externalRef?: React.ForwardedRef<any>\n): React.JSX.Element {\n    const Component = useConstant(\n        () => motion[as as keyof typeof motion]\n    ) as FunctionComponent<\n        React.PropsWithChildren<HTMLMotionProps<any> & { ref?: React.Ref<any> }>\n    >\n\n    const context = useContext(ReorderContext)\n    const point = {\n        x: useDefaultMotionValue(style.x),\n        y: useDefaultMotionValue(style.y),\n    }\n\n    const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) =>\n        latestX || latestY ? 1 : \"unset\"\n    )\n\n    invariant(\n        Boolean(context),\n        \"Reorder.Item must be a child of Reorder.Group\",\n        \"reorder-item-child\"\n    )\n\n    const { axis, registerItem, updateOrder, groupRef } = context!\n\n    return (\n        <Component\n            drag={axis}\n            {...props}\n            dragSnapToOrigin\n            style={{ ...style, x: point.x, y: point.y, zIndex }}\n            layout={layout}\n            onDrag={(event, gesturePoint) => {\n                const { velocity, point: pointerPoint } = gesturePoint\n                const offset = point[axis].get()\n\n                // Always attempt to update order - checkReorder handles the logic\n                updateOrder(value, offset, velocity[axis])\n\n                autoScrollIfNeeded(\n                    groupRef.current,\n                    pointerPoint[axis],\n                    axis,\n                    velocity[axis]\n                )\n\n                onDrag && onDrag(event, gesturePoint)\n            }}\n            onDragEnd={(event, gesturePoint) => {\n                resetAutoScrollState()\n                onDragEnd && onDragEnd(event, gesturePoint)\n            }}\n            onLayoutMeasure={(measured) => {\n                registerItem(value, measured)\n            }}\n            ref={externalRef}\n            ignoreStrict\n        >\n            {children}\n        </Component>\n    )\n}\n\nexport const ReorderItem = /*@__PURE__*/ forwardRef(ReorderItemComponent) as <\n    V,\n    TagName extends ReorderElementTag = DefaultItemElement\n>(\n    props: ReorderItemProps<V, TagName> & { ref?: React.ForwardedRef<any> }\n) => ReturnType<typeof ReorderItemComponent>\n"],
-  "mappings": "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",
-  "names": ["progress", "ease", "frameData", "steps", "process", "alpha", "alpha", "alphaType", "alpha", "alphaType", "alpha", "progress", "color", "mixNumber", "mixNumberImmediate", "mixNumberImmediate", "scale", "progress", "undampedFreq", "keys", "current", "progress", "current", "keyframes", "spring", "createSpring", "ease", "ease", "keyframes", "percent", "motionValue", "keyframesGenerator", "keyframes", "delay", "progress", "current", "now", "keyframes", "transform", "transform", "motionValue", "keyframes", "delay", "ease", "keyframes", "delay", "motionValue", "current", "keyframes", "current", "motionValue", "delay", "keyframes", "motionValue", "_a", "KeyframeResolver", "DefaultKeyframeResolver", "sync", "animations", "time", "current", "keyframes", "isNotNull", "getFinalKeyframe", "keyframes", "delay", "getFinalKeyframe", "current", "current", "delay", "animations", "delay", "animations", "animations", "number", "v", "getAnimatableNone", "getAnimatableNone", "motionValue", "keyframes", "acceleratedValues", "transform", "getComputedStyle", "progress", "metrics", "ease", "distance", "delay", "stopAnimation", "_a", "transform", "animations", "keyframes", "keyframes", "next", "isBrowser", "now", "checkIsControllingVariants", "checkIsVariantNode", "acceleratedValues", "keyframes", "ease", "getAnimatableNone", "style", "point", "transformPoint", "scale", "scaleX", "scaleY", "point", "scale", "distance", "transform", "transformPoint", "rootProjectionNode", "scroll", "translateAlias", "buildTransform", "transform", "style", "hasTransform", "buildTransform", "style", "layout", "style", "getComputedStyle", "keys", "isSVGTag", "style", "scrapeMotionValuesFromProps", "scrapeHTMLMotionValuesFromProps", "scrapeMotionValuesFromProps", "context", "next", "animations", "animate", "motionValue", "next", "_a", "layout", "point", "scale", "transform", "rotate", "asNumber", "progress", "calcProgress", "keyframes", "motionValue", "createMotionValue", "start", "layout", "now", "scroll", "notifyAll", "progress", "transform", "notify", "noop", "id", "animations", "layout", "record", "process", "isPresent", "id", "style", "_a", "isPresent", "id", "id", "isPresent", "isPresent", "id", "featureDefinitions", "animate", "animate", "style", "Component", "Component", "Component", "scrapeMotionValuesFromProps", "animate", "scrapeMotionValuesFromProps", "Component", "_a", "createProjectionNode", "layout", "drag", "Component", "MeasureLayout", "featureDefinitions", "drag", "layout", "Component", "Component", "animate", "id", "isPresent", "current", "event", "info", "point", "timestamp", "current", "style", "time", "point", "calcProgress", "layout", "drag", "current", "isDragging", "next", "layout", "inertia", "point", "motionValue", "drag", "isPresent", "current", "current", "maxElapsed", "time", "current", "asNumber", "defaultOffset", "time", "notifyAll", "listener", "ScrollOffsetPresets", "progress", "start", "keys", "time", "acceleratedValues", "animations", "keyframes", "keyframes", "current", "next", "keyframes", "keyframes", "delay", "ease", "getValueTransition", "keyframes", "animations", "animations", "keyframes", "options", "animations", "animate", "keyframes", "getComputedStyle", "animations", "keyframes", "animate", "next", "observer", "point", "scaleX", "scaleY", "point", "transform", "frame", "_a", "keyframes", "id", "frame", "_a", "id", "hasWarned", "scale", "scaleX", "scaleY", "import_react", "item", "Component", "layout", "setRef", "overflowStyles", "style", "current", "start", "style", "layout", "Component", "point"]
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
 }
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 49e74d29..8fddd75b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -3,20 +3,29 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { useEffect, type ReactNode } from "react";
+import { lazy, Suspense, useEffect, type ReactNode } from "react";
 import { BrowserRouter, Navigate, Routes, Route } from "react-router-dom";
 import Layout from "./components/Layout";
-import Dashboard from "./pages/Dashboard";
-import Expansion from "./pages/Expansion";
-import Opportunities from "./pages/Opportunities";
-import Work from "./pages/Work";
-import Profile from "./pages/Profile";
-import OwnerTransfer from "./pages/OwnerTransfer";
 import { ThemeProvider } from "./components/ThemeProvider";
-import LoginPage from "./pages/Login";
-import WecomLoginCallbackPage from "./pages/WecomLoginCallback";
 import { isAuthed, startAuthSessionMonitor } from "./lib/auth";
 
+const Dashboard = lazy(() => import("./pages/Dashboard"));
+const Expansion = lazy(() => import("./pages/Expansion"));
+const Opportunities = lazy(() => import("./pages/Opportunities"));
+const Work = lazy(() => import("./pages/Work"));
+const Profile = lazy(() => import("./pages/Profile"));
+const OwnerTransfer = lazy(() => import("./pages/OwnerTransfer"));
+const LoginPage = lazy(() => import("./pages/Login"));
+const WecomLoginCallbackPage = lazy(() => import("./pages/WecomLoginCallback"));
+
+function PageLoadingFallback() {
+  return (
+    <div className="flex min-h-[50vh] items-center justify-center">
+      <div className="h-8 w-8 animate-spin rounded-full border-2 border-violet-500 border-t-transparent" />
+    </div>
+  );
+}
+
 function RequireAuth({ children }: { children: ReactNode }) {
   if (!isAuthed()) {
     return <Navigate to="/login" replace />;
@@ -31,25 +40,27 @@ export default function App() {
   return (
     <ThemeProvider defaultTheme="light" storageKey="crm-theme">
       <BrowserRouter>
-        <Routes>
-          <Route path="/login" element={<LoginPage />} />
-          <Route path="/login/wecom" element={<WecomLoginCallbackPage />} />
-          <Route
-            path="/"
-            element={
-              <RequireAuth>
-                <Layout />
-              </RequireAuth>
-            }
-          >
-            <Route index element={<Dashboard />} />
-            <Route path="expansion" element={<Expansion />} />
-            <Route path="opportunities" element={<Opportunities />} />
-            <Route path="work/*" element={<Work />} />
-            <Route path="profile" element={<Profile />} />
-            <Route path="owner-transfer" element={<OwnerTransfer />} />
-          </Route>
-        </Routes>
+        <Suspense fallback={<PageLoadingFallback />}>
+          <Routes>
+            <Route path="/login" element={<LoginPage />} />
+            <Route path="/login/wecom" element={<WecomLoginCallbackPage />} />
+            <Route
+              path="/"
+              element={
+                <RequireAuth>
+                  <Layout />
+                </RequireAuth>
+              }
+            >
+              <Route index element={<Dashboard />} />
+              <Route path="expansion" element={<Expansion />} />
+              <Route path="opportunities" element={<Opportunities />} />
+              <Route path="work/*" element={<Work />} />
+              <Route path="profile" element={<Profile />} />
+              <Route path="owner-transfer" element={<OwnerTransfer />} />
+            </Route>
+          </Routes>
+        </Suspense>
       </BrowserRouter>
     </ThemeProvider>
   );
diff --git a/frontend/src/components/AdaptiveSelect.tsx b/frontend/src/components/AdaptiveSelect.tsx
index c17a3d3c..1cf1d984 100644
--- a/frontend/src/components/AdaptiveSelect.tsx
+++ b/frontend/src/components/AdaptiveSelect.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState, type MouseEvent as ReactMouseEvent } from "react";
 import { AnimatePresence, motion } from "motion/react";
 import { Check, ChevronDown, X } from "lucide-react";
 import { createPortal } from "react-dom";
@@ -26,6 +26,8 @@ type AdaptiveSelectBaseProps = {
   className?: string;
   searchable?: boolean;
   searchPlaceholder?: string;
+  /** 有选中值时在框内显示 x 重置图标，点击清空所选 */
+  clearable?: boolean;
 };
 
 type AdaptiveSelectSingleProps = AdaptiveSelectBaseProps & {
@@ -79,6 +81,7 @@ export function AdaptiveSelect({
   className,
   searchable = false,
   searchPlaceholder = "请输入关键字搜索",
+  clearable = false,
   value,
   multiple = false,
   onChange,
@@ -90,7 +93,7 @@ export function AdaptiveSelect({
   const isMobile = useIsMobileViewport();
   const [desktopDropdownPlacement, setDesktopDropdownPlacement] = useState<"top" | "bottom">("bottom");
   const [desktopDropdownMaxHeight, setDesktopDropdownMaxHeight] = useState(288);
-  const [desktopDropdownStyle, setDesktopDropdownStyle] = useState<{ left: number; width: number; top: number } | null>(null);
+  const [desktopDropdownStyle, setDesktopDropdownStyle] = useState<{ left: number; width: number; top?: number; bottom?: number } | null>(null);
   const selectedValues = multiple
     ? Array.isArray(value) ? value : []
     : typeof value === "string" && value ? [value] : [];
@@ -131,9 +134,8 @@ export function AdaptiveSelect({
     setDesktopDropdownStyle({
       left: rect.left,
       width: rect.width,
-      top: shouldOpenUpward
-        ? Math.max(safePadding, rect.top - 8 - (popupContentHeight + panelChromeHeight))
-        : rect.bottom + 8,
+      top: shouldOpenUpward ? undefined : rect.bottom + 8,
+      bottom: shouldOpenUpward ? window.innerHeight - rect.top + 8 : undefined,
     });
   }, [isMobile, multiple, open, searchable]);
 
@@ -213,6 +215,16 @@ export function AdaptiveSelect({
     setOpen(false);
   };
 
+  const handleClear = (event: ReactMouseEvent<HTMLSpanElement>) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (multiple) {
+      (onChange as (value: string[]) => void)([]);
+    } else {
+      (onChange as (value: string) => void)("");
+    }
+  };
+
   const renderOption = (option: AdaptiveSelectOption) => {
     const isSelected = multiple
       ? selectedValues.includes(option.value)
@@ -256,7 +268,20 @@ export function AdaptiveSelect({
         <span className={selectedValues.length > 0 ? "break-anywhere text-slate-900 dark:text-white" : "crm-field-note"}>
           {selectedLabel}
         </span>
-        <ChevronDown className={cn("h-4 w-4 shrink-0 text-slate-400 transition-transform", open ? "rotate-180" : "")} />
+        {clearable && !disabled && selectedValues.length > 0 ? (
+          <span
+            role="button"
+            aria-label="重置"
+            title="重置"
+            tabIndex={-1}
+            onClick={handleClear}
+            className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-slate-800 dark:hover:text-slate-300"
+          >
+            <X className="h-4 w-4" />
+          </span>
+        ) : (
+          <ChevronDown className={cn("h-4 w-4 shrink-0 text-slate-400 transition-transform", open ? "rotate-180" : "")} />
+        )}
       </button>
 
       {open && !isMobile && desktopDropdownStyle && typeof document !== "undefined"
@@ -269,6 +294,7 @@ export function AdaptiveSelect({
                   left: desktopDropdownStyle.left,
                   width: desktopDropdownStyle.width,
                   top: desktopDropdownStyle.top,
+                  bottom: desktopDropdownStyle.bottom,
                 }}
                 className="pointer-events-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
               >
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index c235c411..28fa9f58 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -26,7 +26,7 @@ function BrandLockup({ mobile = false }: { mobile?: boolean }) {
     <div className="flex min-w-0 items-center gap-2.5">
       <img
         src="/crm-favicon.svg"
-        alt="紫光汇智CRM 图标"
+        alt="销售易 图标"
         className={cn(
           "shrink-0 rounded-2xl shadow-sm ring-1 ring-violet-200/60",
           mobile ? "h-7 w-7 rounded-xl" : "h-9 w-9"
@@ -38,7 +38,7 @@ function BrandLockup({ mobile = false }: { mobile?: boolean }) {
           mobile ? "text-sm uppercase tracking-[0.12em]" : "text-lg"
         )}
       >
-        汇智CRM
+        SCC
       </span>
     </div>
   );
diff --git a/frontend/src/components/SearchOrInputSelect.tsx b/frontend/src/components/SearchOrInputSelect.tsx
new file mode 100644
index 00000000..9713d19c
--- /dev/null
+++ b/frontend/src/components/SearchOrInputSelect.tsx
@@ -0,0 +1,350 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
+import { Check, ChevronDown, Search, X } from "lucide-react";
+import type { CrmId } from "@/lib/auth";
+import { cn } from "@/lib/utils";
+
+export type SearchOrInputOption = {
+  value: CrmId;
+  label: string;
+  keywords?: string[];
+};
+
+function useIsMobileViewport() {
+  const [isMobile, setIsMobile] = useState(() => {
+    if (typeof window === "undefined") {
+      return false;
+    }
+    return window.matchMedia("(max-width: 639px)").matches;
+  });
+
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(max-width: 639px)");
+    const handleChange = () => setIsMobile(mediaQuery.matches);
+    handleChange();
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    }
+    mediaQuery.addListener(handleChange);
+    return () => mediaQuery.removeListener(handleChange);
+  }, []);
+
+  return isMobile;
+}
+
+export function SearchOrInputSelect({
+  valueId,
+  valueText,
+  options,
+  placeholder,
+  searchPlaceholder,
+  emptyText,
+  loading = false,
+  className,
+  onChange,
+  onQueryChange,
+}: {
+  valueId?: CrmId;
+  valueText?: string;
+  options: SearchOrInputOption[];
+  placeholder: string;
+  searchPlaceholder: string;
+  emptyText: string;
+  loading?: boolean;
+  className?: string;
+  onChange: (id: CrmId, text: string) => void;
+  onQueryChange?: (query: string) => void;
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [desktopDropdownPlacement, setDesktopDropdownPlacement] = useState<"top" | "bottom">("bottom");
+  const [desktopDropdownMaxHeight, setDesktopDropdownMaxHeight] = useState(256);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const desktopDropdownRef = useRef<HTMLDivElement | null>(null);
+  const inputRef = useRef<HTMLInputElement | null>(null);
+  const isMobile = useIsMobileViewport();
+  const [desktopDropdownStyle, setDesktopDropdownStyle] = useState<{ top: number; left: number; width: number } | null>(null);
+
+  const normalizedOptions = useMemo(() => {
+    const seen = new Set<SearchOrInputOption["value"]>();
+    return options.filter((option) => {
+      if (seen.has(option.value)) {
+        return false;
+      }
+      seen.add(option.value);
+      return option.label.trim() !== "";
+    });
+  }, [options]);
+
+  const displayValue = typeof valueText === "string" && valueText.trim() !== "" ? valueText : null;
+  const normalizedQuery = query.trim().toLowerCase();
+
+  const filteredOptions = useMemo(() => {
+    if (!normalizedQuery) {
+      return normalizedOptions;
+    }
+    return normalizedOptions.filter((item) => {
+      const haystacks = [item.label, ...(item.keywords ?? [])]
+        .filter(Boolean)
+        .map((entry) => entry.toLowerCase());
+      return haystacks.some((entry) => entry.includes(normalizedQuery));
+    });
+  }, [normalizedOptions, normalizedQuery]);
+
+  const hasExactOption = normalizedQuery
+    ? normalizedOptions.some((item) => item.label.trim().toLowerCase() === normalizedQuery)
+    : false;
+  const showCustomAction = Boolean(normalizedQuery);
+
+  const resetQuery = () => {
+    setQuery("");
+    onQueryChange?.("");
+  };
+
+  const selectOption = (item: SearchOrInputOption) => {
+    onChange(item.value, item.label);
+    setOpen(false);
+    resetQuery();
+  };
+
+  const selectCustom = () => {
+    const text = query.trim();
+    if (text) {
+      onChange(0, text);
+    }
+    setOpen(false);
+    resetQuery();
+  };
+
+  const handleOpenChange = (next: boolean) => {
+    setOpen(next);
+    if (!next) {
+      resetQuery();
+    }
+  };
+
+  useEffect(() => {
+    if (!open || isMobile) {
+      setDesktopDropdownStyle(null);
+      return;
+    }
+  }, [isMobile, open]);
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const t = window.setTimeout(() => inputRef.current?.focus(), 0);
+    return () => window.clearTimeout(t);
+  }, [open]);
+
+  useEffect(() => {
+    if (!open || isMobile) {
+      return;
+    }
+    const updateDesktopDropdownLayout = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect || typeof window === "undefined") {
+        return;
+      }
+      const viewportHeight = window.innerHeight;
+      const safePadding = 24;
+      const panelPadding = 96;
+      const availableBelow = Math.max(160, viewportHeight - rect.bottom - safePadding - panelPadding);
+      const availableAbove = Math.max(160, rect.top - safePadding - panelPadding);
+      const shouldOpenUpward = availableBelow < 280 && availableAbove > availableBelow;
+      setDesktopDropdownPlacement(shouldOpenUpward ? "top" : "bottom");
+      setDesktopDropdownMaxHeight(Math.min(320, shouldOpenUpward ? availableAbove : availableBelow));
+      setDesktopDropdownStyle({
+        top: shouldOpenUpward ? Math.max(safePadding, rect.top - 8) : rect.bottom + 8,
+        left: rect.left,
+        width: rect.width,
+      });
+    };
+
+    updateDesktopDropdownLayout();
+
+    const handlePointerDown = (event: MouseEvent) => {
+      const targetNode = event.target as Node;
+      if (!containerRef.current?.contains(targetNode) && !desktopDropdownRef.current?.contains(targetNode)) {
+        setOpen(false);
+        resetQuery();
+      }
+    };
+    const handleViewportChange = () => updateDesktopDropdownLayout();
+    document.addEventListener("mousedown", handlePointerDown);
+    window.addEventListener("resize", handleViewportChange);
+    window.addEventListener("scroll", handleViewportChange, true);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      window.removeEventListener("resize", handleViewportChange);
+      window.removeEventListener("scroll", handleViewportChange, true);
+    };
+  }, [isMobile, open]);
+
+  useEffect(() => {
+    if (!open || !isMobile) {
+      return;
+    }
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [isMobile, open]);
+
+  const renderSearchBody = () => (
+    <>
+      <div className="relative">
+        <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
+        <input
+          ref={inputRef}
+          value={query}
+          onChange={(event) => {
+            const nextQuery = event.target.value;
+            setQuery(nextQuery);
+            onQueryChange?.(nextQuery);
+          }}
+          onKeyDown={(event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              selectCustom();
+            }
+          }}
+          placeholder={searchPlaceholder}
+          className="crm-input-text w-full rounded-xl border border-slate-200 bg-slate-50 py-2.5 pl-10 pr-3 text-slate-900 outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-800/60 dark:text-white"
+        />
+      </div>
+
+      <div className="mt-3 max-h-64 space-y-1 overflow-y-auto overscroll-contain pr-1">
+        {showCustomAction ? (
+          <button
+            type="button"
+            onClick={selectCustom}
+            className="w-full rounded-xl px-3 py-2 text-left text-sm font-medium text-violet-600 transition-colors hover:bg-violet-50 dark:text-violet-400 dark:hover:bg-violet-500/10"
+          >
+            使用输入的文字：「{query.trim()}」
+          </button>
+        ) : null}
+
+        {filteredOptions.length > 0 ? (
+          filteredOptions.map((item) => (
+            <button
+              type="button"
+              key={item.value}
+              onClick={() => selectOption(item)}
+              className={`flex w-full items-center justify-between rounded-xl px-3 py-2 text-left text-sm transition-colors ${
+                valueId !== undefined && valueId !== null && valueId !== "" && String(valueId) === String(item.value)
+                  ? "bg-violet-50 text-violet-700 dark:bg-violet-500/10 dark:text-violet-300"
+                  : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800"
+              }`}
+            >
+              <span>{item.label}</span>
+              {valueId !== undefined && valueId !== null && valueId !== "" && String(valueId) === String(item.value) ? (
+                <Check className="h-4 w-4 shrink-0" />
+              ) : null}
+            </button>
+          ))
+        ) : loading ? (
+          <div className="crm-empty-state px-3 py-6">
+            <p>搜索中...</p>
+          </div>
+        ) : (
+          <div className="crm-empty-state px-3 py-6">
+            <p>{showCustomAction ? "未找到匹配项，可直接使用上方输入的文字" : emptyText}</p>
+          </div>
+        )}
+      </div>
+    </>
+  );
+
+  return (
+    <div ref={containerRef} className="relative">
+      <button
+        type="button"
+        onClick={() => handleOpenChange(!open)}
+        className={cn(
+          "crm-btn-sm crm-input-text flex w-full items-center justify-between rounded-xl border border-slate-200 bg-white text-left outline-none transition-colors hover:border-slate-300 focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50 dark:hover:border-slate-700",
+          className,
+        )}
+      >
+        <span className={displayValue ? "text-slate-900 dark:text-white" : "text-slate-400 dark:text-slate-500"}>
+          {displayValue || placeholder}
+        </span>
+        <ChevronDown className={`h-4 w-4 shrink-0 text-slate-400 transition-transform ${open ? "rotate-180" : ""}`} />
+      </button>
+
+      {open && !isMobile && desktopDropdownStyle && typeof document !== "undefined"
+        ? createPortal(
+            <div className="pointer-events-none fixed inset-0 z-[220]">
+              <div
+                ref={desktopDropdownRef}
+                style={{
+                  position: "absolute",
+                  top: desktopDropdownPlacement === "top"
+                    ? Math.max(24, desktopDropdownStyle.top - Math.min(desktopDropdownMaxHeight, 320))
+                    : desktopDropdownStyle.top,
+                  left: desktopDropdownStyle.left,
+                  width: desktopDropdownStyle.width,
+                }}
+                className="pointer-events-auto rounded-2xl border border-slate-200 bg-white p-3 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
+              >
+                <div style={{ maxHeight: `${desktopDropdownMaxHeight}px` }} className="overflow-y-auto overscroll-contain pr-1">
+                  {renderSearchBody()}
+                </div>
+              </div>
+            </div>,
+            document.body,
+          )
+        : null}
+
+      <AnimatePresence>
+        {open && isMobile ? (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 z-[120] bg-slate-900/35 backdrop-blur-sm dark:bg-slate-950/70"
+              onClick={() => {
+                setOpen(false);
+                setQuery("");
+              }}
+            />
+            <motion.div
+              initial={{ opacity: 0, y: 24 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 24 }}
+              className="fixed inset-x-0 bottom-0 z-[130] px-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3"
+            >
+              <div className="mx-auto w-full max-w-lg rounded-3xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900">
+                <div className="flex items-center justify-between border-b border-slate-100 px-5 py-4 dark:border-slate-800">
+                  <div>
+                    <p className="text-base font-semibold text-slate-900 dark:text-white">{placeholder}</p>
+                    <p className="crm-field-note mt-1">可搜索选择，也可直接输入自定义文字</p>
+                  </div>
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setOpen(false);
+                      setQuery("");
+                    }}
+                    className="rounded-full p-2 text-slate-400 transition-colors hover:bg-slate-100 dark:hover:bg-slate-800"
+                  >
+                    <X className="h-5 w-5" />
+                  </button>
+                </div>
+                <div className="px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))]">{renderSearchBody()}</div>
+              </div>
+            </motion.div>
+          </>
+        ) : null}
+      </AnimatePresence>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/src/components/SearchableSelect.tsx b/frontend/src/components/SearchableSelect.tsx
new file mode 100644
index 00000000..d092a0c2
--- /dev/null
+++ b/frontend/src/components/SearchableSelect.tsx
@@ -0,0 +1,371 @@
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
+import { Check, ChevronDown, Search, X } from "lucide-react";
+import type { CrmId } from "@/lib/auth";
+import { cn } from "@/lib/utils";
+
+export type SearchableOption = {
+  value: CrmId;
+  label: string;
+  keywords?: string[];
+};
+
+export function getSearchableOptionLabel(option: SearchableOption) {
+  const normalizedLabel = typeof option.label === "string" ? option.label.trim() : "";
+  if (normalizedLabel) {
+    return normalizedLabel;
+  }
+  return String(option.value ?? "");
+}
+
+export function dedupeSearchableOptions(options: SearchableOption[]) {
+  const seenValues = new Set<SearchableOption["value"]>();
+  return options.filter((option) => {
+    if (seenValues.has(option.value)) {
+      return false;
+    }
+    seenValues.add(option.value);
+    return true;
+  });
+}
+
+export function appendSearchableOptionIfMissing(options: SearchableOption[], fallbackOption?: SearchableOption | null) {
+  if (!fallbackOption) {
+    return options;
+  }
+  return dedupeSearchableOptions([...options, fallbackOption]);
+}
+
+function useIsMobileViewport() {
+  const [isMobile, setIsMobile] = useState(() => {
+    if (typeof window === "undefined") {
+      return false;
+    }
+    return window.matchMedia("(max-width: 639px)").matches;
+  });
+
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+
+    const mediaQuery = window.matchMedia("(max-width: 639px)");
+    const handleChange = () => setIsMobile(mediaQuery.matches);
+    handleChange();
+
+    if (typeof mediaQuery.addEventListener === "function") {
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    }
+
+    mediaQuery.addListener(handleChange);
+    return () => mediaQuery.removeListener(handleChange);
+  }, []);
+
+  return isMobile;
+}
+
+export function SearchableSelect({
+  value,
+  options,
+  placeholder,
+  searchPlaceholder,
+  emptyText,
+  loading = false,
+  createActionLabel,
+  className,
+  onChange,
+  onCreate,
+  onQueryChange,
+}: {
+  value?: CrmId;
+  options: SearchableOption[];
+  placeholder: string;
+  searchPlaceholder: string;
+  emptyText: string;
+  loading?: boolean;
+  createActionLabel?: string;
+  className?: string;
+  onChange: (value?: CrmId) => void;
+  onCreate?: (query: string) => void;
+  onQueryChange?: (query: string) => void;
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [desktopDropdownPlacement, setDesktopDropdownPlacement] = useState<"top" | "bottom">("bottom");
+  const [desktopDropdownMaxHeight, setDesktopDropdownMaxHeight] = useState(256);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const desktopDropdownRef = useRef<HTMLDivElement | null>(null);
+  const isMobile = useIsMobileViewport();
+  const [desktopDropdownStyle, setDesktopDropdownStyle] = useState<{ top: number; left: number; width: number } | null>(null);
+  // 记录最近一次选中的 value->label，用于当前 options 不含选中项时仍能正确回显（如搜索后清空关键字重拉列表）
+  const [cachedSelection, setCachedSelection] = useState<{ value: SearchableOption["value"]; label: string } | null>(null);
+  const normalizedOptions = dedupeSearchableOptions(options);
+  const selectedOption = normalizedOptions.find((item) => item.value === value);
+  const hasValue = value !== undefined && value !== null && value !== "" && Number(value) !== 0;
+  const selectedLabel = hasValue
+    ? selectedOption
+      ? getSearchableOptionLabel(selectedOption)
+      : cachedSelection && cachedSelection.value === value
+        ? cachedSelection.label
+        : null
+    : null;
+  const normalizedQuery = query.trim().toLowerCase();
+  const filteredOptions = normalizedOptions.filter((item) => {
+    if (!normalizedQuery) {
+      return true;
+    }
+
+    const haystacks = [getSearchableOptionLabel(item), ...(item.keywords ?? [])]
+      .filter(Boolean)
+      .map((entry) => entry.toLowerCase());
+
+    return haystacks.some((entry) => entry.includes(normalizedQuery));
+  });
+
+  const resetQuery = () => {
+    setQuery("");
+    onQueryChange?.("");
+  };
+
+  useEffect(() => {
+    if (!open || isMobile) {
+      setDesktopDropdownStyle(null);
+      return;
+    }
+
+    const updateDesktopDropdownLayout = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect || typeof window === "undefined") {
+        return;
+      }
+
+      const viewportHeight = window.innerHeight;
+      const safePadding = 24;
+      const panelPadding = 96;
+      const availableBelow = Math.max(160, viewportHeight - rect.bottom - safePadding - panelPadding);
+      const availableAbove = Math.max(160, rect.top - safePadding - panelPadding);
+      const shouldOpenUpward = availableBelow < 280 && availableAbove > availableBelow;
+
+      setDesktopDropdownPlacement(shouldOpenUpward ? "top" : "bottom");
+      setDesktopDropdownMaxHeight(Math.min(320, shouldOpenUpward ? availableAbove : availableBelow));
+      setDesktopDropdownStyle({
+        top: shouldOpenUpward ? Math.max(safePadding, rect.top - 8) : rect.bottom + 8,
+        left: rect.left,
+        width: rect.width,
+      });
+    };
+
+    updateDesktopDropdownLayout();
+
+    const handlePointerDown = (event: MouseEvent) => {
+      const targetNode = event.target as Node;
+      if (!containerRef.current?.contains(targetNode) && !desktopDropdownRef.current?.contains(targetNode)) {
+        setOpen(false);
+        resetQuery();
+      }
+    };
+
+    const handleViewportChange = () => {
+      updateDesktopDropdownLayout();
+    };
+
+    document.addEventListener("mousedown", handlePointerDown);
+    window.addEventListener("resize", handleViewportChange);
+    window.addEventListener("scroll", handleViewportChange, true);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      window.removeEventListener("resize", handleViewportChange);
+      window.removeEventListener("scroll", handleViewportChange, true);
+    };
+  }, [isMobile, open]);
+
+  useEffect(() => {
+    if (!open || !isMobile) {
+      return;
+    }
+
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [isMobile, open]);
+
+  const renderSearchBody = () => (
+    <>
+      <div className="relative">
+        <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
+        <input
+          autoFocus
+          value={query}
+          onChange={(event) => {
+            const nextQuery = event.target.value;
+            setQuery(nextQuery);
+            onQueryChange?.(nextQuery);
+          }}
+          placeholder={searchPlaceholder}
+          className="crm-input-text w-full rounded-xl border border-slate-200 bg-slate-50 py-2.5 pl-10 pr-3 text-slate-900 outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-800/60 dark:text-white"
+        />
+      </div>
+
+      <div className="mt-3 max-h-64 space-y-1 overflow-y-auto overscroll-contain pr-1">
+        <button
+          type="button"
+          onClick={() => {
+            onChange(undefined);
+            setCachedSelection(null);
+            setOpen(false);
+            resetQuery();
+          }}
+          className="w-full rounded-xl px-3 py-2 text-left text-sm text-slate-500 transition-colors hover:bg-slate-50 dark:text-slate-400 dark:hover:bg-slate-800"
+        >
+          不选择
+        </button>
+
+        {filteredOptions.length > 0 ? (
+          filteredOptions.map((item) => (
+            <button
+              type="button"
+              key={item.value}
+              onClick={() => {
+                setCachedSelection({ value: item.value, label: getSearchableOptionLabel(item) });
+                onChange(item.value);
+                setOpen(false);
+                resetQuery();
+              }}
+              className={`flex w-full items-center justify-between rounded-xl px-3 py-2 text-left text-sm transition-colors ${
+                item.value === value
+                  ? "bg-violet-50 text-violet-700 dark:bg-violet-500/10 dark:text-violet-300"
+                  : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800"
+              }`}
+            >
+              <span>{getSearchableOptionLabel(item)}</span>
+              {item.value === value ? <Check className="h-4 w-4 shrink-0" /> : null}
+            </button>
+          ))
+        ) : loading ? (
+          <div className="crm-empty-state px-3 py-6">
+            <p>搜索中...</p>
+          </div>
+        ) : (
+          <div className="crm-empty-state px-3 py-6">
+            <p>{emptyText}</p>
+            {onCreate ? (
+              <button
+                type="button"
+                onClick={() => {
+                  onCreate(query);
+                  setOpen(false);
+                  resetQuery();
+                }}
+                className="mt-3 rounded-xl bg-violet-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-violet-700"
+              >
+                {createActionLabel || "新增并选中"}
+              </button>
+            ) : null}
+          </div>
+        )}
+      </div>
+    </>
+  );
+
+  return (
+    <div ref={containerRef} className="relative">
+      <button
+        type="button"
+        onClick={() => {
+          setOpen((current) => {
+            const next = !current;
+            if (!next) {
+              resetQuery();
+            }
+            return next;
+          });
+        }}
+        className={cn(
+          "crm-btn-sm crm-input-text flex w-full items-center justify-between rounded-xl border border-slate-200 bg-white text-left outline-none transition-colors hover:border-slate-300 focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50 dark:hover:border-slate-700",
+          className,
+        )}
+      >
+        <span className={selectedLabel ? "text-slate-900 dark:text-white" : "text-slate-400 dark:text-slate-500"}>
+          {selectedLabel || placeholder}
+        </span>
+        <ChevronDown className={`h-4 w-4 shrink-0 text-slate-400 transition-transform ${open ? "rotate-180" : ""}`} />
+      </button>
+
+      {open && !isMobile && desktopDropdownStyle && typeof document !== "undefined"
+        ? createPortal(
+            <div className="pointer-events-none fixed inset-0 z-[220]">
+              <div
+                ref={desktopDropdownRef}
+                style={{
+                  position: "absolute",
+                  top: desktopDropdownPlacement === "top"
+                    ? Math.max(24, desktopDropdownStyle.top - Math.min(desktopDropdownMaxHeight, 320))
+                    : desktopDropdownStyle.top,
+                  left: desktopDropdownStyle.left,
+                  width: desktopDropdownStyle.width,
+                }}
+                className="pointer-events-auto rounded-2xl border border-slate-200 bg-white p-3 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
+              >
+                <div
+                  style={{ maxHeight: `${desktopDropdownMaxHeight}px` }}
+                  className="overflow-y-auto overscroll-contain pr-1"
+                >
+                  {renderSearchBody()}
+                </div>
+              </div>
+            </div>,
+            document.body,
+          )
+        : null}
+
+      <AnimatePresence>
+        {open && isMobile ? (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 z-[120] bg-slate-900/35 backdrop-blur-sm dark:bg-slate-950/70"
+              onClick={() => {
+                setOpen(false);
+                setQuery("");
+              }}
+            />
+            <motion.div
+              initial={{ opacity: 0, y: 24 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 24 }}
+              className="fixed inset-x-0 bottom-0 z-[130] px-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3"
+            >
+              <div className="mx-auto w-full max-w-lg rounded-3xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900">
+                <div className="flex items-center justify-between border-b border-slate-100 px-5 py-4 dark:border-slate-800">
+                  <div>
+                    <p className="text-base font-semibold text-slate-900 dark:text-white">{placeholder}</p>
+                    <p className="crm-field-note mt-1">搜索并选择一个对象</p>
+                  </div>
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setOpen(false);
+                      setQuery("");
+                    }}
+                    className="rounded-full p-2 text-slate-400 transition-colors hover:bg-slate-100 dark:hover:bg-slate-800"
+                  >
+                    <X className="h-5 w-5" />
+                  </button>
+                </div>
+                <div className="px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))]">
+                  {renderSearchBody()}
+                </div>
+              </div>
+            </motion.div>
+          </>
+        ) : null}
+      </AnimatePresence>
+    </div>
+  );
+}
diff --git a/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx b/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx
index c93c4999..2fb1afed 100644
--- a/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx
+++ b/frontend/src/components/dashboard/DashboardAnalyticsEChart.tsx
@@ -1,9 +1,24 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import * as echarts from "echarts";
+import * as echarts from "echarts/core";
+import { BarChart, FunnelChart, LineChart, PieChart } from "echarts/charts";
+import { GridComponent, LegendComponent, TitleComponent, TooltipComponent } from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsOption } from "echarts";
 import type { DashboardAnalyticsCard } from "@/lib/auth";
 import { useIsMobileViewport } from "@/hooks/useIsMobileViewport";
 
+echarts.use([
+  LineChart,
+  BarChart,
+  PieChart,
+  FunnelChart,
+  GridComponent,
+  TooltipComponent,
+  LegendComponent,
+  TitleComponent,
+  CanvasRenderer,
+]);
+
 type ChartPoint = NonNullable<DashboardAnalyticsCard["chartData"]>[number];
 type RenderType = NonNullable<DashboardAnalyticsCard["renderType"]>;
 type ValueType = DashboardAnalyticsCard["valueType"];
diff --git a/frontend/src/features/crmQuickCreate/shared.tsx b/frontend/src/features/crmQuickCreate/shared.tsx
index 4054ae38..e54bc623 100644
--- a/frontend/src/features/crmQuickCreate/shared.tsx
+++ b/frontend/src/features/crmQuickCreate/shared.tsx
@@ -28,6 +28,7 @@ export type ChannelField =
   | "certificationLevel"
   | "annualRevenue"
   | "staffSize"
+  | "registeredCapital"
   | "contactEstablishedDate"
   | "intentLevel"
   | "channelAttribute"
@@ -35,6 +36,121 @@ export type ChannelField =
   | "internalAttribute"
   | "contacts";
 
+/** 渠道联系人固定 6 行，工作职责不可编辑 */
+export const CHANNEL_CONTACT_DUTY_OPTIONS = [
+  "销售负责人",
+  "技术负责人",
+  "商务负责人",
+  "宣传负责人",
+  "订单通知接单人",
+  "汇智日常联络人",
+] as const;
+
+/** 是否加企业微信下拉：使用系统「是否」字典（是/否），兜底值 */
+const DEFAULT_WECOM_OPTIONS: ExpansionDictOption[] = [
+  { value: "1", label: "是" },
+  { value: "0", label: "否" },
+];
+
+/** 渠道联系人常驻提示文案：固定显示在联系人表格下方，不作为校验错误提示 */
+export const CHANNEL_CONTACT_HINT_MESSAGE =
+  "请至少完整填写一行联系人（姓名、职务、联系电话、是否加企业微信、特别说明为必填，生日选填），空行可留空";
+
+function normalizeContactText(value?: string | null) {
+  const trimmed = value?.trim();
+  return !trimmed || trimmed === "无" ? "" : trimmed;
+}
+
+export function isEmptyChannelContact(contact?: ChannelExpansionContact) {
+  return (
+    !normalizeContactText(contact?.name) &&
+    !normalizeContactText(contact?.mobile) &&
+    !normalizeContactText(contact?.title) &&
+    !normalizeContactText(contact?.birthday) &&
+    !normalizeContactText(contact?.wecomAdded) &&
+    !normalizeContactText(contact?.specialNote)
+  );
+}
+
+function isCompleteChannelContact(contact?: ChannelExpansionContact) {
+  return Boolean(
+    normalizeContactText(contact?.name) &&
+    normalizeContactText(contact?.mobile) &&
+    normalizeContactText(contact?.title) &&
+    normalizeContactText(contact?.wecomAdded) &&
+    normalizeContactText(contact?.specialNote),
+  );
+}
+
+/** 生成固定 6 行联系人（每行带固定工作职责） */
+export function createDefaultChannelContacts(): ChannelExpansionContact[] {
+  return CHANNEL_CONTACT_DUTY_OPTIONS.map((duty) => ({
+    duty,
+    name: "",
+    mobile: "",
+    title: "",
+    birthday: "",
+    wecomAdded: "",
+    specialNote: "",
+  }));
+}
+
+/**
+ * 将已保存的联系人回填到固定 6 行：
+ * 先按工作职责匹配，无职责/职责不匹配的历史数据回填到第一个空行。
+ */
+export function buildChannelContactRows(contacts?: ChannelExpansionContact[]): ChannelExpansionContact[] {
+  const rows = createDefaultChannelContacts();
+  const saved = (contacts ?? []).filter((contact) => !isEmptyChannelContact(contact));
+  const assignToRow = (row: ChannelExpansionContact, contact: ChannelExpansionContact) => {
+    row.name = normalizeContactText(contact.name);
+    row.mobile = normalizeContactText(contact.mobile);
+    row.title = normalizeContactText(contact.title);
+    row.birthday = normalizeContactText(contact.birthday);
+    row.wecomAdded = normalizeContactText(contact.wecomAdded);
+    row.specialNote = normalizeContactText(contact.specialNote);
+  };
+  saved.forEach((contact) => {
+    const matched = rows.find((row) => row.duty === normalizeContactText(contact.duty));
+    if (matched && isEmptyChannelContact(matched)) {
+      assignToRow(matched, contact);
+    }
+  });
+  saved.forEach((contact) => {
+    const matched = rows.find((row) => row.duty === normalizeContactText(contact.duty));
+    if (matched && !isEmptyChannelContact(matched)) {
+      return;
+    }
+    const fallback = rows.find((row) => isEmptyChannelContact(row));
+    if (fallback) {
+      assignToRow(fallback, contact);
+    }
+  });
+  return rows;
+}
+
+/** 校验联系人固定行：至少一行完整，已填写的行需补全必填项（生日选填） */
+export function validateChannelContactRows(contacts?: ChannelExpansionContact[]) {
+  const invalidContactRows: number[] = [];
+  let hasCompleteRow = false;
+  (contacts ?? []).forEach((contact, index) => {
+    if (isEmptyChannelContact(contact)) {
+      return;
+    }
+    if (isCompleteChannelContact(contact)) {
+      hasCompleteRow = true;
+    } else {
+      invalidContactRows.push(index);
+    }
+  });
+  const error = hasCompleteRow && invalidContactRows.length <= 0
+    ? ""
+    : invalidContactRows.length > 0
+      ? "请补全已填写联系人行的必填项（姓名、职务、联系电话、是否加企业微信、特别说明），生日选填"
+      : "请至少完整填写一行联系人（姓名、职务、联系电话、是否加企业微信、特别说明为必填）";
+  return { error, invalidContactRows, hasCompleteRow };
+}
+
 export const defaultQuickSalesForm: CreateSalesExpansionPayload = {
   employeeNo: "",
   candidateName: "",
@@ -47,12 +163,6 @@ export const defaultQuickSalesForm: CreateSalesExpansionPayload = {
   employmentStatus: "active",
 };
 
-export const createEmptyChannelContact = (): ChannelExpansionContact => ({
-  name: "",
-  mobile: "",
-  title: "",
-});
-
 export const defaultQuickChannelForm: CreateChannelExpansionPayload = {
   channelCode: "",
   channelName: "",
@@ -69,7 +179,7 @@ export const defaultQuickChannelForm: CreateChannelExpansionPayload = {
   internalAttribute: [],
   stage: "initial_contact",
   remark: "",
-  contacts: [createEmptyChannelContact()],
+  contacts: createDefaultChannelContacts(),
 };
 
 export function normalizeOptionalText(value?: string) {
@@ -125,7 +235,6 @@ export function validateSalesCreateForm(form: CreateSalesExpansionPayload) {
 
 export function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOptionValue?: string) {
   const errors: Partial<Record<ChannelField, string>> = {};
-  const invalidContactRows: number[] = [];
 
   if (!form.channelName?.trim()) {
     errors.channelName = "请填写渠道名称";
@@ -151,6 +260,9 @@ export function validateChannelForm(form: CreateChannelExpansionPayload, channel
   if (!form.staffSize || form.staffSize <= 0) {
     errors.staffSize = "请填写人员规模";
   }
+  if (!form.registeredCapital || form.registeredCapital <= 0) {
+    errors.registeredCapital = "请填写注册资金(万元)";
+  }
   if (!form.contactEstablishedDate?.trim()) {
     errors.contactEstablishedDate = "请选择建立联系时间";
   }
@@ -167,25 +279,12 @@ export function validateChannelForm(form: CreateChannelExpansionPayload, channel
     errors.internalAttribute = "请选择新华三内部属性";
   }
 
-  const contacts = form.contacts ?? [];
-  if (contacts.length <= 0) {
-    errors.contacts = "请至少填写一位渠道联系人";
-    invalidContactRows.push(0);
-  } else {
-    contacts.forEach((contact, index) => {
-      const hasName = Boolean(contact.name?.trim());
-      const hasMobile = Boolean(contact.mobile?.trim());
-      const hasTitle = Boolean(contact.title?.trim());
-      if (!hasName || !hasMobile || !hasTitle) {
-        invalidContactRows.push(index);
-      }
-    });
-    if (invalidContactRows.length > 0) {
-      errors.contacts = "请完整填写每位渠道联系人的姓名、联系电话和职位";
-    }
+  const contactValidation = validateChannelContactRows(form.contacts);
+  if (contactValidation.error) {
+    errors.contacts = contactValidation.error;
   }
 
-  return { errors, invalidContactRows };
+  return { errors, invalidContactRows: contactValidation.invalidContactRows };
 }
 
 export function normalizeSalesPayload(payload: CreateSalesExpansionPayload): CreateSalesExpansionPayload {
@@ -219,6 +318,7 @@ export function normalizeChannelPayload(payload: CreateChannelExpansionPayload):
     certificationLevel: normalizeOptionalText(payload.certificationLevel),
     annualRevenue: payload.annualRevenue || undefined,
     staffSize: payload.staffSize || undefined,
+    registeredCapital: payload.registeredCapital || undefined,
     contactEstablishedDate: normalizeOptionalText(payload.contactEstablishedDate),
     intentLevel: normalizeOptionalText(payload.intentLevel) ?? "medium",
     hasDesktopExp: Boolean(payload.hasDesktopExp),
@@ -229,11 +329,15 @@ export function normalizeChannelPayload(payload: CreateChannelExpansionPayload):
     remark: normalizeOptionalText(payload.remark),
     contacts: (payload.contacts ?? [])
       .map((contact) => ({
+        duty: normalizeOptionalText(contact.duty),
         name: normalizeOptionalText(contact.name),
         mobile: normalizeOptionalText(contact.mobile),
         title: normalizeOptionalText(contact.title),
+        birthday: normalizeOptionalText(contact.birthday),
+        wecomAdded: normalizeOptionalText(contact.wecomAdded),
+        specialNote: normalizeOptionalText(contact.specialNote),
       }))
-      .filter((contact) => contact.name || contact.mobile || contact.title),
+      .filter((contact) => contact.name || contact.mobile || contact.title || contact.birthday || contact.wecomAdded || contact.specialNote),
   };
 }
 
@@ -357,6 +461,84 @@ export function QuickSalesForm({
   );
 }
 
+/** 渠道联系人固定 6 行表格：工作职责只读，其余列可编辑（生日选填） */
+export function ChannelContactRows({
+  contacts,
+  invalidContactRows,
+  onContactChange,
+  wecomOptions = DEFAULT_WECOM_OPTIONS,
+}: {
+  contacts: ChannelExpansionContact[];
+  invalidContactRows: number[];
+  onContactChange: (index: number, key: keyof ChannelExpansionContact, value: string) => void;
+  wecomOptions?: ExpansionDictOption[];
+}) {
+  const gridClass = "grid grid-cols-[160px_minmax(100px,1fr)_minmax(100px,1fr)_150px_150px_minmax(130px,0.9fr)_minmax(260px,1.6fr)] items-center gap-3";
+  const cellInputClass = (hasError: boolean) =>
+    cn(
+      "w-full min-w-0 rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50",
+      hasError
+        ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10"
+        : "border-slate-200 dark:border-slate-800",
+    );
+  return (
+    <>
+      <div className="overflow-x-auto">
+        <div className="w-full min-w-[1140px] space-y-2.5">
+          <div className={cn(gridClass, "px-1 text-xs font-medium text-slate-500 dark:text-slate-400")}>
+            <span className="pr-1">工作职责</span>
+            <span>姓名</span>
+            <span>职务</span>
+            <span>联系电话</span>
+            <span>生日</span>
+            <span className="pr-1">是否加企业微信</span>
+            <span className="pr-1">特别说明</span>
+          </div>
+        {contacts.map((contact, index) => (
+          <div
+            key={`${contact.duty || "duty"}-${index}`}
+            className={cn(
+              gridClass,
+              "rounded-xl border p-2.5",
+              invalidContactRows.includes(index)
+                ? "border-rose-400 bg-rose-50/40 dark:border-rose-500/70 dark:bg-rose-500/10"
+                : "border-slate-200 bg-white dark:border-slate-700 dark:bg-slate-900/50",
+            )}
+          >
+            <input
+              readOnly
+              value={contact.duty || ""}
+              title={contact.duty || ""}
+              className="w-full min-w-0 cursor-default truncate rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600 outline-none dark:border-slate-800 dark:bg-slate-900/30 dark:text-slate-300"
+            />
+            <input value={contact.name || ""} onChange={(e) => onContactChange(index, "name", e.target.value)} placeholder="姓名" className={cellInputClass(invalidContactRows.includes(index))} />
+            <input value={contact.title || ""} onChange={(e) => onContactChange(index, "title", e.target.value)} placeholder="职务" className={cellInputClass(invalidContactRows.includes(index))} />
+            <input value={contact.mobile || ""} onChange={(e) => onContactChange(index, "mobile", e.target.value)} placeholder="联系电话" className={cellInputClass(invalidContactRows.includes(index))} />
+            <input type="date" value={contact.birthday || ""} onChange={(e) => onContactChange(index, "birthday", e.target.value)} className={cellInputClass(false)} />
+            <AdaptiveSelect
+              value={contact.wecomAdded || ""}
+              placeholder="请选择"
+              sheetTitle="是否加企业微信"
+              options={[
+                { value: "", label: "请选择" },
+                ...wecomOptions.map((option) => ({
+                  value: option.value ?? "",
+                  label: option.label || "无",
+                })),
+              ]}
+              className={cellInputClass(invalidContactRows.includes(index))}
+              onChange={(value) => onContactChange(index, "wecomAdded", value)}
+            />
+            <input value={contact.specialNote || ""} onChange={(e) => onContactChange(index, "specialNote", e.target.value)} placeholder="填写依法合规，不得填写客户隐私" className={cellInputClass(invalidContactRows.includes(index))} />
+          </div>
+        ))}
+        </div>
+      </div>
+      <p className="mt-2 text-xs text-slate-400 dark:text-slate-500">{CHANNEL_CONTACT_HINT_MESSAGE}</p>
+    </>
+  );
+}
+
 export function QuickChannelForm({
   form,
   fieldErrors,
@@ -367,13 +549,12 @@ export function QuickChannelForm({
   certificationLevelOptions,
   channelAttributeOptions,
   internalAttributeOptions,
+  wecomOptions,
   channelOtherOptionValue,
   duplicateMessage,
   requiredMark,
   onChange,
   onContactChange,
-  onAddContact,
-  onRemoveContact,
   onProvinceChange,
 }: {
   form: CreateChannelExpansionPayload;
@@ -385,13 +566,12 @@ export function QuickChannelForm({
   certificationLevelOptions: ExpansionDictOption[];
   channelAttributeOptions: ExpansionDictOption[];
   internalAttributeOptions: ExpansionDictOption[];
+  wecomOptions?: ExpansionDictOption[];
   channelOtherOptionValue?: string;
   duplicateMessage: string;
   requiredMark: ReactNode;
   onChange: <K extends keyof CreateChannelExpansionPayload>(key: K, value: CreateChannelExpansionPayload[K]) => void;
   onContactChange: (index: number, key: keyof ChannelExpansionContact, value: string) => void;
-  onAddContact: () => void;
-  onRemoveContact: (index: number) => void;
   onProvinceChange: (value: string) => void;
 }) {
   const cityDisabled = !form.province?.trim();
@@ -501,6 +681,11 @@ export function QuickChannelForm({
         <input type="number" value={form.staffSize ?? ""} onChange={(e) => onChange("staffSize", e.target.value ? Number(e.target.value) : undefined)} className={getFieldInputClass(Boolean(fieldErrors.staffSize))} />
         {fieldErrors.staffSize ? <p className="text-xs text-rose-500">{fieldErrors.staffSize}</p> : null}
       </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">注册资金(万元){requiredMark}</span>
+        <input type="number" min="0.01" step="0.01" placeholder="请输入万元" value={form.registeredCapital ?? ""} onChange={(e) => onChange("registeredCapital", e.target.value ? Number(e.target.value) : undefined)} className={getFieldInputClass(Boolean(fieldErrors.registeredCapital))} />
+        {fieldErrors.registeredCapital ? <p className="text-xs text-rose-500">{fieldErrors.registeredCapital}</p> : null}
+      </label>
       <label className="space-y-2">
         <span className="text-sm font-medium text-slate-700 dark:text-slate-300">建立联系时间{requiredMark}</span>
         <input type="date" value={form.contactEstablishedDate || ""} onChange={(e) => onChange("contactEstablishedDate", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors.contactEstablishedDate))} />
@@ -572,22 +757,13 @@ export function QuickChannelForm({
       <div className="crm-form-section sm:col-span-2">
         <div className="crm-form-section-header">
           <span className="text-sm font-semibold text-slate-800 dark:text-slate-200">人员信息{requiredMark}</span>
-          <button type="button" onClick={onAddContact} className="rounded-lg bg-white px-3 py-1.5 text-xs font-medium text-violet-600 shadow-sm dark:bg-slate-800 dark:text-violet-400">
-            添加人员
-          </button>
-        </div>
-        <div className="crm-section-stack">
-          {(form.contacts ?? []).map((contact, index) => (
-            <div key={`quick-channel-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-200 bg-white p-3 sm:grid-cols-[1fr_1fr_1fr_auto] dark:border-slate-700 dark:bg-slate-900/50">
-              <input value={contact.name || ""} onChange={(e) => onContactChange(index, "name", e.target.value)} placeholder="人员姓名" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <input value={contact.mobile || ""} onChange={(e) => onContactChange(index, "mobile", e.target.value)} placeholder="联系电话" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <input value={contact.title || ""} onChange={(e) => onContactChange(index, "title", e.target.value)} placeholder="职位" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <button type="button" onClick={() => onRemoveContact(index)} className="crm-btn-danger rounded-lg px-3 py-2 text-sm font-medium">
-                删除
-              </button>
-            </div>
-          ))}
         </div>
+        <ChannelContactRows
+          contacts={form.contacts ?? []}
+          invalidContactRows={invalidContactRows}
+          onContactChange={onContactChange}
+          wecomOptions={wecomOptions}
+        />
         {fieldErrors.contacts ? <p className="text-xs text-rose-500">{fieldErrors.contacts}</p> : null}
       </div>
       <label className="space-y-2 sm:col-span-2">
diff --git a/frontend/src/lib/auth.ts b/frontend/src/lib/auth.ts
index d3f3de9b..bd2b8181 100644
--- a/frontend/src/lib/auth.ts
+++ b/frontend/src/lib/auth.ts
@@ -160,6 +160,7 @@ export interface DashboardAnalyticsCard {
   errorMessage?: string;
   totalCount?: number;
   hasMore?: boolean;
+  dataLoaded?: boolean;
   chartData?: Array<{
     label?: string;
     value?: string;
@@ -287,7 +288,7 @@ export interface WorkCheckIn {
   longitude?: number;
   latitude?: number;
   photoUrls?: string[];
-  bizType?: "sales" | "channel" | "opportunity";
+  bizType?: "sales" | "channel" | "opportunity" | "crm";
   bizId?: CrmId;
   bizName?: string;
   userName?: string;
@@ -416,7 +417,7 @@ export interface CreateWorkCheckInPayload {
   longitude?: number;
   latitude?: number;
   photoUrls?: string[];
-  bizType?: "sales" | "channel" | "opportunity";
+  bizType?: "sales" | "channel" | "opportunity" | "crm";
   bizId?: CrmId;
   bizName?: string;
   userName?: string;
@@ -425,7 +426,7 @@ export interface CreateWorkCheckInPayload {
 
 export interface WorkReportLineItem {
   workDate: string;
-  bizType: "sales" | "channel" | "opportunity";
+  bizType: "sales" | "channel" | "opportunity" | "crm";
   bizId: CrmId;
   bizName?: string;
   editorText?: string;
@@ -522,8 +523,22 @@ export interface OpportunityDictOption {
   value?: string;
 }
 
+export interface OpportunityDuplicateItem {
+  opportunityId: CrmId;
+  opportunityCode: string;
+  opportunityName: string;
+  customerName: string;
+  stage: string;
+}
+
+export interface OpportunityDuplicateCheck {
+  duplicate: boolean;
+  items: OpportunityDuplicateItem[];
+}
+
 export interface OpportunityMeta {
   stageOptions?: OpportunityDictOption[];
+  allStageOptions?: OpportunityDictOption[];
   operatorOptions?: OpportunityDictOption[];
   projectLocationOptions?: OpportunityDictOption[];
   projectOwnershipLocationOptions?: OpportunityDictOption[];
@@ -613,6 +628,9 @@ export interface SalesExpansionItem {
   expectedJoinDate?: string;
   updatedAt?: string;
   notes?: string;
+  regionProvince?: string;
+  regionCity?: string;
+  regionItems?: string;
   relatedProjects?: RelatedProjectSummary[];
   followUps?: ExpansionFollowUp[];
 }
@@ -638,6 +656,9 @@ export interface ChannelExpansionItem {
   province?: string;
   cityCode?: string;
   city?: string;
+  coverageProvince?: string;
+  coverageCity?: string;
+  coverageItems?: string;
   officeAddress?: string;
   channelIndustryCode?: string;
   channelIndustry?: string;
@@ -645,6 +666,7 @@ export interface ChannelExpansionItem {
   annualRevenue?: string;
   revenue?: string;
   size?: number;
+  registeredCapital?: string;
   primaryContactName?: string;
   primaryContactTitle?: string;
   primaryContactMobile?: string;
@@ -669,9 +691,55 @@ export interface ChannelExpansionItem {
 
 export interface ChannelExpansionContact {
   id?: CrmId;
+  duty?: string;
   name?: string;
   mobile?: string;
   title?: string;
+  birthday?: string;
+  wecomAdded?: string;
+  specialNote?: string;
+}
+
+export interface CrmExpansionContact {
+  id?: CrmId;
+  crmExpansionId?: CrmId;
+  name?: string;
+  mobile?: string;
+  title?: string;
+}
+
+export interface CrmExpansionItem {
+  id: CrmId;
+  ownerUserId?: CrmId;
+  owner?: string;
+  type: "crm";
+  endUser?: string;
+  officeName?: string;
+  industryAttr?: string;
+  industryAttrCode?: string;
+  extensionType?: string;
+  purchaseDate?: string;
+  purchaseDateText?: string;
+  warrantyExpiry?: string;
+  warrantyExpiryText?: string;
+  onlineStatus?: string;
+  contactName?: string;
+  contactPhone?: string;
+  contactTitle?: string;
+  contacts?: CrmExpansionContact[];
+  supplierId?: CrmId;
+  supplierName?: string;
+  h3cContactId?: CrmId;
+  h3cContactName?: string;
+  hasExpansionOpportunity?: string;
+  softwarePoints?: number;
+  expansionTime?: string;
+  expansionTimeText?: string;
+  expansionScale?: string;
+  hasMaintenanceOpportunity?: string;
+  createdAt?: string;
+  updatedAt?: string;
+  followUps?: ExpansionFollowUp[];
 }
 
 export interface ChannelRelatedProjectSummary {
@@ -686,6 +754,7 @@ export interface ChannelRelatedProjectSummary {
 export interface ExpansionOverview {
   salesItems?: SalesExpansionItem[];
   channelItems?: ChannelExpansionItem[];
+  crmItems?: CrmExpansionItem[];
 }
 
 export interface ExpansionDictOption {
@@ -701,6 +770,9 @@ export interface ExpansionMeta {
   channelAttributeOptions?: ExpansionDictOption[];
   internalAttributeOptions?: ExpansionDictOption[];
   nextChannelCode?: string;
+  extensionTypeOptions?: ExpansionDictOption[];
+  onlineStatusOptions?: ExpansionDictOption[];
+  isOptions?: ExpansionDictOption[];
 }
 
 export interface ExpansionDuplicateCheck {
@@ -724,6 +796,9 @@ export interface CreateSalesExpansionPayload {
   employmentStatus?: string;
   expectedJoinDate?: string;
   remark?: string;
+  regionProvince?: string[];
+  regionCity?: string[];
+  regionItems?: { province?: string; city?: string }[];
 }
 
 export interface CreateChannelExpansionPayload {
@@ -733,9 +808,13 @@ export interface CreateChannelExpansionPayload {
   channelName: string;
   province?: string;
   city?: string;
+  coverageProvince?: string[];
+  coverageCity?: string[];
+  coverageItems?: { province?: string; city?: string }[];
   certificationLevel?: string;
   annualRevenue?: number;
   staffSize?: number;
+  registeredCapital?: number;
   contactEstablishedDate?: string;
   intentLevel?: string;
   hasDesktopExp?: boolean;
@@ -751,6 +830,77 @@ export interface UpdateSalesExpansionPayload extends CreateSalesExpansionPayload
 
 export interface UpdateChannelExpansionPayload extends CreateChannelExpansionPayload {}
 
+export interface CreateCrmExpansionPayload {
+  endUser: string;
+  officeName: string;
+  industryAttr: string[];
+  extensionType: string[];
+  purchaseDate: string;
+  warrantyExpiry: string;
+  onlineStatus: string;
+  contacts: CrmExpansionContact[];
+  supplierId: CrmId;
+  h3cContactId: CrmId;
+  /** 进货商名称：下拉选中冗余存名，手动输入时存文字 */
+  supplierName?: string;
+  /** 新华三对接人名称：下拉选中冗余存名，手动输入时存文字 */
+  h3cContactName?: string;
+  hasExpansionOpportunity: string;
+  softwarePoints?: number;
+  expansionTime?: string;
+  expansionScale?: string;
+  hasMaintenanceOpportunity: string;
+}
+
+export interface UpdateCrmExpansionPayload extends CreateCrmExpansionPayload {}
+
+/** 渠道拓展 → CRM 拓展 迁移请求（迁移前弹窗补填的 CRM 必填字段） */
+export interface MoveChannelToCrmPayload {
+  officeName?: string;
+  extensionType: string[];
+  purchaseDate: string;
+  warrantyExpiry: string;
+  onlineStatus: string;
+  supplierId: CrmId;
+  h3cContactId: CrmId;
+  /** 进货商名称：下拉选中冗余存名，手动输入时存文字 */
+  supplierName?: string;
+  /** 新华三对接人名称：下拉选中冗余存名，手动输入时存文字 */
+  h3cContactName?: string;
+  hasExpansionOpportunity: string;
+  softwarePoints?: number;
+  expansionTime?: string;
+  expansionScale?: string;
+  hasMaintenanceOpportunity: string;
+  /** 联系人（迁移弹窗补录）；为空时后端回退使用源渠道联系人 */
+  contacts?: CrmExpansionContact[];
+}
+
+/** CRM 拓展 → 渠道拓展 迁移请求（迁移前弹窗补填的渠道必填字段） */
+export interface MoveCrmToChannelPayload {
+  /** 省份（迁移弹窗省市区补填）；为空时后端回退用代表处(office_name)反查字典 label */
+  province?: string;
+  city: string;
+  officeAddress: string;
+  certificationLevel: string;
+  annualRevenue: number;
+  staffSize: number;
+  registeredCapital: number;
+  channelAttribute: string[];
+  channelAttributeCustom?: string;
+  internalAttribute: string[];
+  coverageProvince?: string[];
+  coverageCity?: string[];
+  coverageItems?: { province?: string; city?: string }[];
+  intentLevel?: string;
+  hasDesktopExp?: boolean;
+  stage?: string;
+  landedFlag?: boolean;
+  expectedSignDate?: string;
+  /** 联系人（迁移弹窗补录）；为空时后端回退使用源CRM联系人 */
+  contacts?: ChannelExpansionContact[];
+}
+
 const EXPANSION_MULTI_VALUE_CUSTOM_PREFIX = "__custom__:";
 
 function normalizeExpansionMultiValues(values?: string[]) {
@@ -798,12 +948,22 @@ function serializeChannelExpansionPayload(payload: CreateChannelExpansionPayload
     ...rest,
     city: payload.city,
     certificationLevel: payload.certificationLevel,
+    coverageProvince: encodeExpansionMultiValue(payload.coverageProvince),
+    coverageCity: encodeExpansionMultiValue(payload.coverageCity),
     channelIndustry: encodeExpansionMultiValue(payload.channelIndustry),
     channelAttribute: encodeExpansionMultiValue(payload.channelAttribute, channelAttributeCustom),
     internalAttribute: encodeExpansionMultiValue(payload.internalAttribute),
   };
 }
 
+function serializeCrmExpansionPayload(payload: CreateCrmExpansionPayload) {
+  return {
+    ...payload,
+    industryAttr: encodeExpansionMultiValue(payload.industryAttr),
+    extensionType: encodeExpansionMultiValue(payload.extensionType),
+  };
+}
+
 export interface CreateExpansionFollowUpPayload {
   followUpType: string;
   content: string;
@@ -1381,6 +1541,14 @@ export async function getDashboardAnalyticsCardDetail(cardKey: string, dimension
   return request<DashboardAnalyticsCard>(`/api/dashboard/analytics-cards/${encodeURIComponent(cardKey)}${params}`, undefined, true);
 }
 
+export async function getDashboardAnalyticsCardsData(cardKeys: string[]) {
+  if (!cardKeys.length) {
+    return [] as DashboardAnalyticsCard[];
+  }
+  const params = `?cardKeys=${cardKeys.map((key) => encodeURIComponent(key)).join(",")}`;
+  return request<DashboardAnalyticsCard[]>(`/api/dashboard/analytics-cards/data${params}`, undefined, true);
+}
+
 export async function completeDashboardTodo(todoId: string) {
   return request<void>(`/api/dashboard/todos/${todoId}/complete`, {
     method: "POST",
@@ -1664,6 +1832,14 @@ export async function createOpportunity(payload: CreateOpportunityPayload) {
   }, true);
 }
 
+export async function checkOpportunityDuplicate(name: string, excludeStageCodes?: string[]) {
+  const params = new URLSearchParams({ name });
+  if (excludeStageCodes && excludeStageCodes.length > 0) {
+    excludeStageCodes.forEach((code) => params.append("excludeStageCodes", code));
+  }
+  return request<OpportunityDuplicateCheck>(`/api/opportunities/duplicate-check?${params.toString()}`, undefined, true);
+}
+
 export async function updateOpportunity(opportunityId: CrmId, payload: CreateOpportunityPayload) {
   return request<number>(`/api/opportunities/${opportunityId}`, {
     method: "PUT",
@@ -1698,6 +1874,19 @@ export async function getExpansionOverview(keyword?: string, includeDetails = tr
   return request<ExpansionOverview>(`/api/expansion/overview${query ? `?${query}` : ""}`, undefined, true);
 }
 
+export async function getCrmExpansionOverview(keyword?: string, includeDetails = true, limit?: number) {
+  const params = new URLSearchParams();
+  if (keyword && keyword.trim()) {
+    params.set("keyword", keyword.trim());
+  }
+  params.set("includeDetails", String(includeDetails));
+  if (limit != null) {
+    params.set("limit", String(limit));
+  }
+  const query = params.toString();
+  return request<ExpansionOverview>(`/api/expansion/crm/overview${query ? `?${query}` : ""}`, undefined, true);
+}
+
 export async function getOpportunityExpansionOptions(params?: { keyword?: string; limit?: number }) {
   const searchParams = new URLSearchParams();
   if (params?.keyword && params.keyword.trim()) {
@@ -1735,6 +1924,14 @@ export async function checkChannelExpansionDuplicate(channelName: string, exclud
   return request<ExpansionDuplicateCheck>(`/api/expansion/channel/duplicate-check?${params.toString()}`, undefined, true);
 }
 
+export async function checkCrmExpansionDuplicate(endUser: string, excludeId?: CrmId) {
+  const params = new URLSearchParams({ endUser });
+  if (excludeId) {
+    params.set("excludeId", String(excludeId));
+  }
+  return request<ExpansionDuplicateCheck>(`/api/expansion/crm/duplicate-check?${params.toString()}`, undefined, true);
+}
+
 export async function createSalesExpansion(payload: CreateSalesExpansionPayload) {
   return request<CrmId>("/api/expansion/sales", {
     method: "POST",
@@ -1763,8 +1960,22 @@ export async function updateChannelExpansion(id: CrmId, payload: UpdateChannelEx
   }, true);
 }
 
+export async function createCrmExpansion(payload: CreateCrmExpansionPayload) {
+  return request<CrmId>("/api/expansion/crm", {
+    method: "POST",
+    body: JSON.stringify(serializeCrmExpansionPayload(payload)),
+  }, true);
+}
+
+export async function updateCrmExpansion(id: CrmId, payload: UpdateCrmExpansionPayload) {
+  return request<void>(`/api/expansion/crm/${id}`, {
+    method: "PUT",
+    body: JSON.stringify(serializeCrmExpansionPayload(payload)),
+  }, true);
+}
+
 export async function createExpansionFollowUp(
-  bizType: "sales" | "channel",
+  bizType: "sales" | "channel" | "crm",
   bizId: CrmId,
   payload: CreateExpansionFollowUpPayload,
 ) {
@@ -1774,6 +1985,34 @@ export async function createExpansionFollowUp(
   }, true);
 }
 
+/** 渠道拓展移至 CRM 拓展，返回新 CRM 拓展 id */
+export async function moveChannelToCrm(id: CrmId, payload: MoveChannelToCrmPayload) {
+  const body = {
+    ...payload,
+    extensionType: encodeExpansionMultiValue(payload.extensionType),
+  };
+  return request<CrmId>(`/api/expansion/channel/${id}/move-to-crm`, {
+    method: "POST",
+    body: JSON.stringify(body),
+  }, true);
+}
+
+/** CRM 拓展移至渠道拓展，返回新渠道拓展 id */
+export async function moveCrmToChannel(id: CrmId, payload: MoveCrmToChannelPayload) {
+  const { channelAttribute, channelAttributeCustom, internalAttribute, ...rest } = payload;
+  const body = {
+    ...rest,
+    channelAttribute: encodeExpansionMultiValue(channelAttribute, channelAttributeCustom),
+    internalAttribute: encodeExpansionMultiValue(internalAttribute),
+    coverageProvince: encodeExpansionMultiValue(payload.coverageProvince),
+    coverageCity: encodeExpansionMultiValue(payload.coverageCity),
+  };
+  return request<CrmId>(`/api/expansion/crm/${id}/move-to-channel`, {
+    method: "POST",
+    body: JSON.stringify(body),
+  }, true);
+}
+
 function readCachedValue<T>(cacheKey: string) {
   const memoryValue = memoryRequestCache.get(cacheKey);
   if (memoryValue && memoryValue.expiresAt > Date.now()) {
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index bdde74a1..b4bb04f5 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -38,6 +38,7 @@ import { useNavigate } from "react-router-dom";
 import {
   completeDashboardTodo,
   getDashboardAnalyticsCardDetail,
+  getDashboardAnalyticsCardsData,
   getDashboardHome,
   getWorkReportHistoryItem,
   readDashboardMessage,
@@ -649,12 +650,10 @@ export default function Dashboard() {
   const [analyticsDimensionLoadingKey, setAnalyticsDimensionLoadingKey] = useState<string>("");
   const [openDimensionCardKey, setOpenDimensionCardKey] = useState<string | null>(null);
   const dimensionMenuRef = useRef<HTMLDivElement | null>(null);
-  const [activeAnalyticsTab, setActiveAnalyticsTab] = useState<string>(() => {
-    if (typeof window === "undefined") {
-      return ANALYTICS_ALL_TAB_KEY;
-    }
-    return window.localStorage.getItem(DASHBOARD_ANALYTICS_TAB_STORAGE_KEY) || ANALYTICS_ALL_TAB_KEY;
-  });
+  const [activeAnalyticsTab, setActiveAnalyticsTab] = useState<string>("");
+  const [analyticsCardData, setAnalyticsCardData] = useState<Record<string, DashboardAnalyticsCard>>({});
+  const [analyticsDataLoading, setAnalyticsDataLoading] = useState(false);
+  const [analyticsDataError, setAnalyticsDataError] = useState(false);
 
   useEffect(() => {
     let cancelled = false;
@@ -727,12 +726,13 @@ export default function Dashboard() {
   const activeWorkPanel = showTodoCard ? activeWorkTab : "message";
   const analyticsCards = useMemo(
     () => (home.analyticsPanel?.cards ?? [])
-      .filter((item) => !item.errorMessage)
       .map((item) => {
+        const loaded = item.cardKey ? analyticsCardData[item.cardKey] : undefined;
         const override = item.cardKey ? analyticsCardOverrides[item.cardKey] : undefined;
-        return override ? { ...item, ...override } : item;
-      }),
-    [analyticsCardOverrides, home.analyticsPanel?.cards],
+        return { ...item, ...(loaded ?? {}), ...(override ?? {}) };
+      })
+      .filter((item) => !item.errorMessage),
+    [analyticsCardData, analyticsCardOverrides, home.analyticsPanel?.cards],
   );
   const analyticsSections = useMemo(
     () => groupDashboardCards(analyticsCards),
@@ -744,32 +744,85 @@ export default function Dashboard() {
   );
   const visibleAnalyticsSections = useMemo(
     () => (
-      activeAnalyticsTab === ANALYTICS_ALL_TAB_KEY || !analyticsTabs.length
-        ? analyticsSections
-        : analyticsSections.filter((section) => section.key === activeAnalyticsTab)
+      !activeAnalyticsTab
+        ? []
+        : activeAnalyticsTab === ANALYTICS_ALL_TAB_KEY || !analyticsTabs.length
+          ? analyticsSections
+          : analyticsSections.filter((section) => section.key === activeAnalyticsTab)
     ),
     [activeAnalyticsTab, analyticsSections, analyticsTabs.length],
   );
 
   useEffect(() => {
     if (!analyticsTabs.length) {
-      if (activeAnalyticsTab !== ANALYTICS_ALL_TAB_KEY) {
-        setActiveAnalyticsTab(ANALYTICS_ALL_TAB_KEY);
-      }
+      // 单分组/未分组：无 tab 时强制展示全部卡片，避免经营分析面板空白（回归修复）
+      setActiveAnalyticsTab(ANALYTICS_ALL_TAB_KEY);
       return;
     }
-    if (!analyticsTabs.some((item) => item.key === activeAnalyticsTab)) {
-      setActiveAnalyticsTab(ANALYTICS_ALL_TAB_KEY);
-    }
-  }, [activeAnalyticsTab, analyticsTabs]);
+    setActiveAnalyticsTab((current) => {
+      if (current && analyticsTabs.some((item) => item.key === current)) {
+        return current;
+      }
+      if (typeof window !== "undefined") {
+        const saved = window.localStorage.getItem(DASHBOARD_ANALYTICS_TAB_STORAGE_KEY);
+        if (saved && analyticsTabs.some((item) => item.key === saved)) {
+          return saved;
+        }
+      }
+      return analyticsTabs.find((item) => item.key !== ANALYTICS_ALL_TAB_KEY)?.key ?? ANALYTICS_ALL_TAB_KEY;
+    });
+  }, [analyticsTabs]);
 
   useEffect(() => {
-    if (typeof window === "undefined") {
+    if (typeof window === "undefined" || !activeAnalyticsTab) {
       return;
     }
     window.localStorage.setItem(DASHBOARD_ANALYTICS_TAB_STORAGE_KEY, activeAnalyticsTab);
   }, [activeAnalyticsTab]);
 
+  useEffect(() => {
+    if (!showAnalyticsCard || !visibleAnalyticsSections.length) {
+      return;
+    }
+    const missingKeys = visibleAnalyticsSections
+      .flatMap((section) => section.cards.map((card) => card.cardKey))
+      .filter((key): key is string => Boolean(key) && analyticsCardData[key] === undefined);
+    if (!missingKeys.length) {
+      return;
+    }
+    let cancelled = false;
+    setAnalyticsDataLoading(true);
+    setAnalyticsDataError(false);
+    void getDashboardAnalyticsCardsData(missingKeys)
+      .then((cards) => {
+        if (cancelled) {
+          return;
+        }
+        setAnalyticsCardData((current) => {
+          const next = { ...current };
+          cards.forEach((card) => {
+            if (card.cardKey) {
+              next[card.cardKey] = card;
+            }
+          });
+          return next;
+        });
+      })
+      .catch(() => {
+        if (!cancelled) {
+          setAnalyticsDataError(true);
+        }
+      })
+      .finally(() => {
+        if (!cancelled) {
+          setAnalyticsDataLoading(false);
+        }
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [analyticsCardData, showAnalyticsCard, visibleAnalyticsSections]);
+
   useEffect(() => {
     if (!openDimensionCardKey) {
       return undefined;
@@ -1375,7 +1428,23 @@ export default function Dashboard() {
                         }`}
                         style={chartCard ? undefined : metricStyles.container}
                       >
-                        {chartCard ? (
+                        {card.dataLoaded === false ? (
+                          <div className="flex h-full min-h-[96px] w-full flex-col">
+                            <h3 className={`${compactMobileCard ? "text-sm" : "text-base"} truncate font-bold text-slate-800`}>
+                              {card.title || "未命名卡片"}
+                            </h3>
+                            {card.subtitle ? (
+                              <p className={`${compactMobileCard ? "text-[9px]" : "text-[10px]"} mt-1 font-medium text-slate-400`}>
+                                {card.subtitle}
+                              </p>
+                            ) : null}
+                            <div
+                              className={`${compactMobileCard ? "mt-4" : "mt-6"} flex-1 animate-pulse rounded-xl bg-slate-100/90 dark:bg-slate-800/90 ${
+                                chartCard ? "min-h-[120px]" : "min-h-[56px]"
+                              }`}
+                            />
+                          </div>
+                        ) : chartCard ? (
                           <>
                             <div className={`${compactMobileCard ? "mb-4 gap-2" : "mb-6 gap-4"} flex items-start justify-between`}>
                               <div className="min-w-0">
diff --git a/frontend/src/pages/Expansion.tsx b/frontend/src/pages/Expansion.tsx
index c94ef011..fbf77836 100644
--- a/frontend/src/pages/Expansion.tsx
+++ b/frontend/src/pages/Expansion.tsx
@@ -1,39 +1,62 @@
-import { useCallback, useEffect, useRef, useState, type ReactNode } from "react";
-import { Search, Plus, Download, MapPin, Building2, User, Phone, X, Clock, FileText, Calendar } from "lucide-react";
+import { useCallback, useEffect, useRef, useState, type MouseEvent as ReactMouseEvent, type ReactNode } from "react";
+import { Search, Plus, Download, MapPin, Building2, User, Phone, X, Clock, FileText, Calendar, ChevronDown, ChevronRight, Check } from "lucide-react";
 import { motion, AnimatePresence } from "motion/react";
 import { useLocation } from "react-router-dom";
 import {
   canUsePermission,
   checkChannelExpansionDuplicate,
+  checkCrmExpansionDuplicate,
   checkSalesExpansionDuplicate,
   createChannelExpansion,
+  createCrmExpansion,
   createSalesExpansion,
   decodeExpansionMultiValue,
+  getCrmExpansionOverview,
   getExpansionCityOptions,
   getExpansionMeta,
   getExpansionOverview,
+  getOpportunityExpansionOptions,
   getOpportunityMeta,
   getStoredCurrentUserId,
   listMyPermissions,
+  moveChannelToCrm,
+  moveCrmToChannel,
   updateChannelExpansion,
+  updateCrmExpansion,
   updateSalesExpansion,
   type ChannelExpansionContact,
   type ChannelExpansionItem,
+  type CrmExpansionContact,
+  type CrmExpansionItem,
   type CrmId,
   type CreateChannelExpansionPayload,
+  type CreateCrmExpansionPayload,
   type CreateSalesExpansionPayload,
   type ExpansionDictOption,
   type ExpansionFollowUp,
+  type MoveChannelToCrmPayload,
+  type MoveCrmToChannelPayload,
   type SalesExpansionItem,
+  type UpdateCrmExpansionPayload,
 } from "@/lib/auth";
 import { AdaptiveSelect } from "@/components/AdaptiveSelect";
+import { SearchableSelect, type SearchableOption } from "@/components/SearchableSelect";
+import { SearchOrInputSelect } from "@/components/SearchOrInputSelect";
+import {
+  ChannelContactRows,
+  buildChannelContactRows,
+  createDefaultChannelContacts,
+  validateChannelContactRows,
+} from "@/features/crmQuickCreate/shared";
 import { useIsMobileViewport } from "@/hooks/useIsMobileViewport";
 import { useIsWecomBrowser } from "@/hooks/useIsWecomBrowser";
 import { cn } from "@/lib/utils";
 
-type ExpansionItem = SalesExpansionItem | ChannelExpansionItem;
+type ExpansionItem = SalesExpansionItem | ChannelExpansionItem | CrmExpansionItem;
 const LIST_PAGE_SIZE = 10;
-type ExpansionTab = "sales" | "channel";
+const SUPPLIER_SEARCH_LIMIT = 20;
+const SUPPLIER_SEARCH_DEBOUNCE_MS = 300;
+type ExpansionTab = "sales" | "channel" | "crm";
 type ExpansionLocationState = { tab?: ExpansionTab; selectedId?: CrmId } | null;
 type ExpansionExportFilters = {
   keyword?: string;
@@ -51,6 +74,7 @@ type ExpansionExportFilters = {
   relatedProjectStageCodes?: string[];
   selectedSalesFields?: SalesExportFieldKey[];
   selectedChannelFields?: ChannelExportFieldKey[];
+  selectedCrmFields?: CrmExportFieldKey[];
 };
 type SalesExportFieldKey =
   | "employeeNo"
@@ -83,6 +107,7 @@ type ChannelExportFieldKey =
   | "establishedDate"
   | "revenue"
   | "size"
+  | "registeredCapital"
   | "hasDesktopExp"
   | "relatedProjects"
   | "relatedProjectAmount"
@@ -92,6 +117,26 @@ type ChannelExportFieldKey =
   | "createdAt"
   | "updatedAt"
   | "followUps";
+type CrmExportFieldKey =
+  | "endUser"
+  | "officeName"
+  | "industryAttr"
+  | "extensionType"
+  | "purchaseDateText"
+  | "warrantyExpiryText"
+  | "onlineStatus"
+  | "supplierName"
+  | "h3cContactName"
+  | "hasExpansionOpportunity"
+  | "softwarePoints"
+  | "expansionTimeText"
+  | "expansionScale"
+  | "hasMaintenanceOpportunity"
+  | "contacts"
+  | "followUps"
+  | "owner"
+  | "createdAt"
+  | "updatedAt";
 type ExportColumnKind = "default" | "longText" | "project" | "contact" | "followup";
 type ExportCellValue = string | number;
 type RelatedProjectLike = {
@@ -117,23 +162,30 @@ type SalesCreateField =
   | "industry"
   | "title"
   | "intentLevel"
-  | "employmentStatus";
+  | "employmentStatus"
+  | "regionProvince"
+  | "regionCity"
+  | "regionItems";
 type ChannelField =
   | "channelName"
   | "province"
   | "city"
+  | "coverageProvince"
+  | "coverageCity"
+  | "coverageItems"
   | "officeAddress"
   | "channelIndustry"
   | "certificationLevel"
   | "annualRevenue"
   | "staffSize"
+  | "registeredCapital"
   | "contactEstablishedDate"
   | "intentLevel"
   | "channelAttribute"
   | "channelAttributeCustom"
   | "internalAttribute"
   | "contacts";
-function createEmptyChannelContact(): ChannelExpansionContact {
+function createEmptyCrmContact(): CrmExpansionContact {
   return {
     name: "",
     mobile: "",
@@ -142,6 +194,7 @@ function createEmptyChannelContact(): ChannelExpansionContact {
 }
 
 const CHANNEL_REVENUE_LABEL = "年度营业额(万元)";
+const CHANNEL_REGISTERED_CAPITAL_LABEL = "注册资金(万元)";
 const EXPANSION_CREATE_PERMISSION = "expansion:create";
 const EXPANSION_EXPORT_PREFERENCES_STORAGE_KEY = "crm:expansion-export-preferences";
 
@@ -155,6 +208,9 @@ const defaultSalesForm: CreateSalesExpansionPayload = {
   intentLevel: "medium",
   hasDesktopExp: false,
   employmentStatus: "active",
+  regionProvince: [],
+  regionCity: [],
+  regionItems: [],
 };
 
 const defaultChannelForm: CreateChannelExpansionPayload = {
@@ -162,6 +218,9 @@ const defaultChannelForm: CreateChannelExpansionPayload = {
   channelName: "",
   province: "",
   city: "",
+  coverageProvince: [],
+  coverageCity: [],
+  coverageItems: [],
   officeAddress: "",
   channelIndustry: [],
   certificationLevel: "",
@@ -173,9 +232,90 @@ const defaultChannelForm: CreateChannelExpansionPayload = {
   internalAttribute: [],
   stage: "initial_contact",
   remark: "",
-  contacts: [createEmptyChannelContact()],
+  contacts: createDefaultChannelContacts(),
 };
 
+const defaultMoveChannelForm: MoveChannelToCrmPayload = {
+  officeName: "",
+  extensionType: [],
+  purchaseDate: "",
+  warrantyExpiry: "",
+  onlineStatus: "",
+  supplierId: 0,
+  supplierName: "",
+  h3cContactId: 0,
+  h3cContactName: "",
+  hasExpansionOpportunity: "",
+  softwarePoints: undefined,
+  expansionTime: "",
+  expansionScale: "",
+  hasMaintenanceOpportunity: "",
+  contacts: [],
+};
+
+const defaultMoveCrmForm: MoveCrmToChannelPayload = {
+  province: "",
+  city: "",
+  officeAddress: "",
+  certificationLevel: "",
+  annualRevenue: 0,
+  staffSize: 0,
+  registeredCapital: 0,
+  channelAttribute: [],
+  channelAttributeCustom: "",
+  internalAttribute: [],
+  coverageProvince: [],
+  coverageCity: [],
+  coverageItems: [],
+  intentLevel: "",
+  hasDesktopExp: false,
+  stage: "initial_contact",
+  landedFlag: false,
+  expectedSignDate: "",
+  contacts: createDefaultChannelContacts(),
+};
+
+/** 在当前日期基础上加指定年数，返回 YYYY-MM-DD */
+function addYearsToDate(dateText: string, years: number) {
+  const normalized = dateText?.trim();
+  if (!normalized) {
+    return "";
+  }
+  const match = normalized.match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (!match) {
+    return normalized;
+  }
+  const year = Number(match[1]);
+  const month = Number(match[2]);
+  const day = Number(match[3]);
+  if (!Number.isFinite(year) || !Number.isFinite(month) || !Number.isFinite(day)) {
+    return normalized;
+  }
+  const next = new Date(year + years, month - 1, day);
+  const nextYear = next.getFullYear();
+  const nextMonth = `${next.getMonth() + 1}`.padStart(2, "0");
+  const nextDay = `${next.getDate()}`.padStart(2, "0");
+  return `${nextYear}-${nextMonth}-${nextDay}`;
+}
+
+/** 尝试用省份中文名匹配代表处字典项，匹配到返回字典 value，否则返回空 */
+function matchOfficeValueByProvince(province: string | undefined, officeOptions: ExpansionDictOption[]) {
+  const normalized = province?.trim();
+  if (!normalized) {
+    return "";
+  }
+  const exactMatch = officeOptions.find((option) => option.label === normalized);
+  if (exactMatch) {
+    return exactMatch.value ?? "";
+  }
+  // cnarea 省份为全称（如"重庆市"），字典 label 为简称（如"重庆"），按前缀匹配回退
+  const prefixMatch = officeOptions.find((option) => {
+    const label = option.label?.trim();
+    return label ? normalized.startsWith(label) : false;
+  });
+  return prefixMatch?.value ?? "";
+}
+
 function isOtherOption(option?: ExpansionDictOption) {
   const candidate = `${option?.label ?? ""}${option?.value ?? ""}`.toLowerCase();
   return candidate.includes("其他") || candidate.includes("其它") || candidate.includes("other");
@@ -320,6 +460,15 @@ function getDictOptionLabel(option?: ExpansionDictOption) {
   return option?.label?.trim() || option?.value?.trim() || "";
 }
 
+function getDictLabelByValue(value: string | undefined | null, options: ExpansionDictOption[]) {
+  const target = value?.trim();
+  if (!target) {
+    return "";
+  }
+  const matched = options.find((option) => option.value?.trim() === target);
+  return matched?.label?.trim() || target;
+}
+
 function isLostProjectStageOption(option?: ExpansionDictOption) {
   const value = getDictOptionValue(option).toLowerCase();
   const label = getDictOptionLabel(option).toLowerCase();
@@ -438,7 +587,7 @@ function matchesChannelExportFilters(item: ChannelExpansionItem, filters: Expans
     item.intent,
     item.primaryContactName,
     item.primaryContactMobile,
-    item.contacts?.map((contact) => `${contact.name ?? ""} ${contact.mobile ?? ""} ${contact.title ?? ""}`).join(" "),
+    item.contacts?.map((contact) => `${contact.duty ?? ""} ${contact.name ?? ""} ${contact.mobile ?? ""} ${contact.title ?? ""} ${contact.wecomAdded ?? ""} ${contact.specialNote ?? ""}`).join(" "),
     item.relatedProjects?.map((project) => `${project.opportunityCode ?? ""} ${project.opportunityName ?? ""}`).join(" "),
     item.followUps?.map((followUp) => `${followUp.content ?? ""} ${followUp.evaluationContent ?? ""} ${followUp.nextPlan ?? ""}`).join(" "),
   ].map(normalizeExportText).filter(Boolean).join(" ");
@@ -467,6 +616,27 @@ function matchesChannelExportFilters(item: ChannelExpansionItem, filters: Expans
   return matchesRelatedProjectFilter(item.relatedProjects, filters.hasRelatedProject);
 }
 
+function matchesCrmExportFilters(item: CrmExpansionItem, filters: ExpansionExportFilters, officeOptions: ExpansionDictOption[]) {
+  const keywordText = [
+    item.endUser,
+    item.owner,
+    getDictLabelByValue(item.officeName, officeOptions),
+    item.industryAttr,
+    item.supplierName,
+    item.h3cContactName,
+    item.contacts?.map((contact) => `${contact.name ?? ""} ${contact.mobile ?? ""} ${contact.title ?? ""}`).join(" "),
+    item.followUps?.map((followUp) => `${followUp.content ?? ""} ${followUp.evaluationContent ?? ""} ${followUp.nextPlan ?? ""}`).join(" "),
+  ].map(normalizeExportText).filter(Boolean).join(" ");
+
+  if (!matchesExportKeyword(keywordText, filters.keyword)) {
+    return false;
+  }
+  if (filters.officeName && getDictLabelByValue(item.officeName, officeOptions) !== filters.officeName) {
+    return false;
+  }
+  return true;
+}
+
 function formatExportBoolean(value?: boolean, trueLabel = "是", falseLabel = "否") {
   if (value === null || value === undefined) {
     return "";
@@ -519,27 +689,54 @@ function formatExportProjectListCell(projects?: Array<{ opportunityCode?: string
     .join("\n");
 }
 
-function formatExportContactCell(contact?: { name?: string | null; mobile?: string | null; title?: string | null }) {
+function formatExportContactCell(
+  contact?: {
+    duty?: string | null;
+    name?: string | null;
+    mobile?: string | null;
+    title?: string | null;
+    birthday?: string | null;
+    wecomAdded?: string | null;
+    specialNote?: string | null;
+  },
+  wecomLabelByValue?: (value: string | null | undefined) => string,
+) {
   if (!contact) {
     return "";
   }
 
+  const wecomLabel = wecomLabelByValue ? wecomLabelByValue(contact.wecomAdded) : normalizeExportText(contact.wecomAdded);
   const segments = [
+    normalizeExportText(contact.duty) ? `工作职责：${normalizeExportText(contact.duty)}` : "",
     normalizeExportText(contact.name) ? `姓名：${normalizeExportText(contact.name)}` : "",
+    normalizeExportText(contact.title) ? `职务：${normalizeExportText(contact.title)}` : "",
     normalizeExportText(contact.mobile) ? `联系电话：${normalizeExportText(contact.mobile)}` : "",
-    normalizeExportText(contact.title) ? `职位：${normalizeExportText(contact.title)}` : "",
+    normalizeExportText(contact.birthday) ? `生日：${normalizeExportText(contact.birthday)}` : "",
+    wecomLabel ? `是否加企业微信：${wecomLabel}` : "",
+    normalizeExportText(contact.specialNote) ? `特别说明：${normalizeExportText(contact.specialNote)}` : "",
   ].filter(Boolean);
   return segments.join("｜");
 }
 
-function formatExportContactListCell(contacts?: Array<{ name?: string | null; mobile?: string | null; title?: string | null }>) {
+function formatExportContactListCell(
+  contacts?: Array<{
+    duty?: string | null;
+    name?: string | null;
+    mobile?: string | null;
+    title?: string | null;
+    birthday?: string | null;
+    wecomAdded?: string | null;
+    specialNote?: string | null;
+  }>,
+  wecomLabelByValue?: (value: string | null | undefined) => string,
+) {
   if (!contacts?.length) {
     return "";
   }
 
   return contacts
     .map((contact) => {
-      const content = formatExportContactCell(contact);
+      const content = formatExportContactCell(contact, wecomLabelByValue);
       return content || "";
     })
     .filter(Boolean)
@@ -622,7 +819,9 @@ const defaultSalesExportFields: SalesExportFieldKey[] = [
   "followUps",
 ];
 
-const channelExportColumns: Array<ExportColumn<ChannelExpansionItem, ChannelExportFieldKey>> = [
+function buildChannelExportColumns(isOptions: ExpansionDictOption[]): Array<ExportColumn<ChannelExpansionItem, ChannelExportFieldKey>> {
+  const wecomLabelByValue = (value: string | null | undefined) => getDictLabelByValue(value, isOptions);
+  return [
   { key: "name", label: "渠道名称", value: (item) => normalizeExportText(item.name) },
   { key: "province", label: "省份", value: (item) => normalizeExportText(item.province) },
   { key: "officeAddress", label: "办公地址", kind: "longText", value: (item) => normalizeExportText(item.officeAddress) },
@@ -634,9 +833,10 @@ const channelExportColumns: Array<ExportColumn<ChannelExpansionItem, ChannelExpo
   { key: "establishedDate", label: "建立联系时间", value: (item) => normalizeExportText(item.establishedDate) },
   { key: "revenue", label: "年度营业额", numFmt: "#,##0.00", value: (item) => normalizeExportNumber(item.annualRevenue) ?? normalizeExportNumber(item.revenue) ?? "" },
   { key: "size", label: "人员规模", numFmt: "#,##0", value: (item) => normalizeExportNumber(item.size) ?? "" },
+  { key: "registeredCapital", label: "注册资金", numFmt: "#,##0.00", value: (item) => normalizeExportNumber(item.registeredCapital) ?? "" },
   { key: "hasDesktopExp", label: "以前是否做过云桌面项目", value: (item) => formatExportBoolean(item.hasDesktopExp) },
   { key: "relatedProjects", label: "跟进的云桌面项目", kind: "project", value: (item) => formatExportProjectListCell(item.relatedProjects) },
-  { key: "contacts", label: "人员信息", kind: "contact", value: (item) => formatExportContactListCell(item.contacts) },
+  { key: "contacts", label: "人员信息", kind: "contact", value: (item) => formatExportContactListCell(item.contacts, wecomLabelByValue) },
   { key: "followUps", label: "跟进记录", kind: "followup", value: (item) => formatExportFollowUps(item.followUps) },
   { key: "channelCode", label: "编码", value: (item) => normalizeExportText(item.channelCode) },
   { key: "city", label: "市", value: (item) => normalizeExportText(item.city) },
@@ -645,7 +845,8 @@ const channelExportColumns: Array<ExportColumn<ChannelExpansionItem, ChannelExpo
   { key: "owner", label: "创建人", value: (item) => normalizeExportText(item.owner) },
   { key: "createdAt", label: "创建时间", value: (item) => normalizeExportText(item.createdAt) },
   { key: "updatedAt", label: "更新修改时间", value: (item) => normalizeExportText(item.updatedAt) },
-];
+  ];
+}
 
 const defaultChannelExportFields: ChannelExportFieldKey[] = [
   "name",
@@ -659,12 +860,56 @@ const defaultChannelExportFields: ChannelExportFieldKey[] = [
   "establishedDate",
   "revenue",
   "size",
+  "registeredCapital",
   "hasDesktopExp",
   "relatedProjects",
   "contacts",
   "followUps",
 ];
 
+function buildCrmExportColumns(officeOptions: ExpansionDictOption[]): Array<ExportColumn<CrmExpansionItem, CrmExportFieldKey>> {
+  return [
+    { key: "endUser", label: "最终用户", value: (item) => normalizeExportText(item.endUser) },
+    { key: "officeName", label: "代表处", value: (item) => getDictLabelByValue(item.officeName, officeOptions) },
+    { key: "industryAttr", label: "行业属性", value: (item) => normalizeExportText(item.industryAttr) },
+    { key: "extensionType", label: "类型", value: (item) => normalizeExportText(item.extensionType) },
+    { key: "purchaseDateText", label: "采购时间", value: (item) => normalizeExportText(item.purchaseDateText) },
+    { key: "warrantyExpiryText", label: "过保时间", value: (item) => normalizeExportText(item.warrantyExpiryText) },
+    { key: "onlineStatus", label: "在线情况", value: (item) => normalizeExportText(item.onlineStatus) },
+    { key: "supplierName", label: "进货商", value: (item) => normalizeExportText(item.supplierName) },
+    { key: "h3cContactName", label: "新华三对接人", value: (item) => normalizeExportText(item.h3cContactName) },
+    { key: "hasExpansionOpportunity", label: "是否有扩容机会", value: (item) => (item.hasExpansionOpportunity === "1" ? "是" : item.hasExpansionOpportunity === "0" ? "否" : "") },
+    { key: "softwarePoints", label: "软件点数", value: (item) => (item.softwarePoints == null ? "" : String(item.softwarePoints)) },
+    { key: "expansionTimeText", label: "扩容时间", value: (item) => normalizeExportText(item.expansionTimeText) },
+    { key: "expansionScale", label: "扩容规模", value: (item) => normalizeExportText(item.expansionScale) },
+    { key: "hasMaintenanceOpportunity", label: "是否有维保项目机会", value: (item) => (item.hasMaintenanceOpportunity === "1" ? "是" : item.hasMaintenanceOpportunity === "0" ? "否" : "") },
+    { key: "contacts", label: "人员信息", kind: "contact", value: (item) => formatExportContactListCell(item.contacts) },
+    { key: "followUps", label: "跟进记录", kind: "followup", value: (item) => formatExportFollowUps(item.followUps) },
+    { key: "owner", label: "创建人", value: (item) => normalizeExportText(item.owner) },
+    { key: "createdAt", label: "创建时间", value: (item) => normalizeExportText(item.createdAt) },
+    { key: "updatedAt", label: "更新修改时间", value: (item) => normalizeExportText(item.updatedAt) },
+  ];
+}
+
+const defaultCrmExportFields: CrmExportFieldKey[] = [
+  "endUser",
+  "officeName",
+  "industryAttr",
+  "extensionType",
+  "purchaseDateText",
+  "warrantyExpiryText",
+  "onlineStatus",
+  "softwarePoints",
+  "expansionTimeText",
+  "expansionScale",
+  "hasMaintenanceOpportunity",
+  "supplierName",
+  "h3cContactName",
+  "hasExpansionOpportunity",
+  "contacts",
+  "followUps",
+];
+
 function resolveSelectedExpansionFields<K extends string>(selectedFields: K[] | undefined, defaultFields: K[]) {
   return selectedFields === undefined ? defaultFields : selectedFields;
 }
@@ -688,8 +933,8 @@ function validateSalesCreateForm(form: CreateSalesExpansionPayload) {
   if (!form.mobile?.trim()) {
     errors.mobile = "请填写联系方式";
   }
-  if (!form.targetDept?.trim()) {
-    errors.targetDept = "请填写所属部门";
+  if ((form.regionProvince?.length ?? 0) <= 0) {
+    errors.regionProvince = "请选择所属区域";
   }
   if (!form.industry?.trim()) {
     errors.industry = "请选择所属行业";
@@ -709,7 +954,6 @@ function validateSalesCreateForm(form: CreateSalesExpansionPayload) {
 
 function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOptionValue?: string) {
   const errors: Partial<Record<ChannelField, string>> = {};
-  const invalidContactRows: number[] = [];
 
   if (!form.channelName?.trim()) {
     errors.channelName = "请填写渠道名称";
@@ -720,6 +964,12 @@ function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOp
   if (!form.city?.trim()) {
     errors.city = "请选择市";
   }
+  if ((form.coverageProvince?.length ?? 0) <= 0) {
+    errors.coverageProvince = "请选择覆盖省份";
+  }
+  if ((form.coverageCity?.length ?? 0) <= 0) {
+    errors.coverageCity = "请选择覆盖市/区/县";
+  }
   if (!form.officeAddress?.trim()) {
     errors.officeAddress = "请填写办公地址";
   }
@@ -735,6 +985,9 @@ function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOp
   if (!form.staffSize || form.staffSize <= 0) {
     errors.staffSize = "请填写人员规模";
   }
+  if (!form.registeredCapital || form.registeredCapital <= 0) {
+    errors.registeredCapital = `请填写${CHANNEL_REGISTERED_CAPITAL_LABEL}`;
+  }
   if (!form.contactEstablishedDate?.trim()) {
     errors.contactEstablishedDate = "请选择建立联系时间";
   }
@@ -751,9 +1004,28 @@ function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOp
     errors.internalAttribute = "请选择新华三内部属性";
   }
 
+  const contactValidation = validateChannelContactRows(form.contacts);
+  if (contactValidation.error) {
+    errors.contacts = contactValidation.error;
+  }
+
+  return { errors, invalidContactRows: contactValidation.invalidContactRows };
+}
+
+function validateCrmForm(form: CreateCrmExpansionPayload) {
+  const errors: Partial<Record<keyof CreateCrmExpansionPayload, string>> = {};
+  const invalidContactRows: number[] = [];
+  if (!form.endUser?.trim()) errors.endUser = "请填写最终用户";
+  if (!form.officeName?.trim()) errors.officeName = "请选择代表处";
+  if ((form.industryAttr?.length ?? 0) <= 0) errors.industryAttr = "请选择行业属性";
+  if ((form.extensionType?.length ?? 0) <= 0) errors.extensionType = "请选择类型";
+  if (form.softwarePoints == null || Number.isNaN(form.softwarePoints) || form.softwarePoints < 0) errors.softwarePoints = "请填写软件点数";
+  if (!form.purchaseDate?.trim()) errors.purchaseDate = "请选择采购时间";
+  if (!form.warrantyExpiry?.trim()) errors.warrantyExpiry = "请选择过保时间";
+  if (!form.onlineStatus?.trim()) errors.onlineStatus = "请选择在线情况";
   const contacts = form.contacts ?? [];
   if (contacts.length <= 0) {
-    errors.contacts = "请至少填写一位渠道联系人";
+    errors.contacts = "请至少填写一位联系人";
     invalidContactRows.push(0);
   } else {
     contacts.forEach((contact, index) => {
@@ -765,10 +1037,17 @@ function validateChannelForm(form: CreateChannelExpansionPayload, channelOtherOp
       }
     });
     if (invalidContactRows.length > 0) {
-      errors.contacts = "请完整填写每位渠道联系人的姓名、联系电话和职位";
+      errors.contacts = "请完整填写每位联系人的姓名、联系电话和职位";
     }
   }
-
+  if ((!form.supplierId || Number(form.supplierId) <= 0) && !form.supplierName?.trim()) errors.supplierId = "请选择或填写进货商";
+  if ((!form.h3cContactId || Number(form.h3cContactId) <= 0) && !form.h3cContactName?.trim()) errors.h3cContactId = "请选择或填写新华三对接人";
+  if (!form.hasExpansionOpportunity?.trim()) errors.hasExpansionOpportunity = "请选择是否有扩容机会";
+  if (form.hasExpansionOpportunity === "1") {
+    if (!form.expansionTime?.trim()) errors.expansionTime = "请选择扩容时间";
+    if (!form.expansionScale?.trim()) errors.expansionScale = "请填写扩容规模";
+  }
+  if (!form.hasMaintenanceOpportunity?.trim()) errors.hasMaintenanceOpportunity = "请选择是否有维保项目机会";
   return { errors, invalidContactRows };
 }
 
@@ -789,6 +1068,14 @@ function normalizeSalesPayload(payload: CreateSalesExpansionPayload): CreateSale
     employmentStatus: normalizeOptionalText(payload.employmentStatus) ?? "active",
     expectedJoinDate: normalizeOptionalText(payload.expectedJoinDate),
     remark: normalizeOptionalText(payload.remark),
+    regionProvince: Array.from(new Set((payload.regionProvince ?? []).map((value) => value?.trim()).filter((value): value is string => Boolean(value)))),
+    regionCity: Array.from(new Set((payload.regionCity ?? []).map((value) => value?.trim()).filter((value): value is string => Boolean(value)))),
+    regionItems: (payload.regionItems ?? [])
+      .map((item) => ({
+        province: normalizeOptionalText(item.province) ?? "",
+        city: normalizeOptionalText(item.city) ?? "",
+      }))
+      .filter((item) => item.province),
   };
 }
 
@@ -800,9 +1087,18 @@ function normalizeChannelPayload(payload: CreateChannelExpansionPayload): Create
     channelName: payload.channelName.trim(),
     province: normalizeOptionalText(payload.province),
     city: normalizeOptionalText(payload.city),
+    coverageProvince: Array.from(new Set((payload.coverageProvince ?? []).map((value) => value?.trim()).filter((value): value is string => Boolean(value)))),
+    coverageCity: Array.from(new Set((payload.coverageCity ?? []).map((value) => value?.trim()).filter((value): value is string => Boolean(value)))),
+    coverageItems: (payload.coverageItems ?? [])
+      .map((item) => ({
+        province: normalizeOptionalText(item.province) ?? "",
+        city: normalizeOptionalText(item.city) ?? "",
+      }))
+      .filter((item) => item.province),
     certificationLevel: normalizeOptionalText(payload.certificationLevel),
     annualRevenue: payload.annualRevenue || undefined,
     staffSize: payload.staffSize || undefined,
+    registeredCapital: payload.registeredCapital || undefined,
     contactEstablishedDate: normalizeOptionalText(payload.contactEstablishedDate),
     intentLevel: normalizeOptionalText(payload.intentLevel) ?? "medium",
     hasDesktopExp: Boolean(payload.hasDesktopExp),
@@ -813,14 +1109,40 @@ function normalizeChannelPayload(payload: CreateChannelExpansionPayload): Create
     remark: normalizeOptionalText(payload.remark),
     contacts: (payload.contacts ?? [])
       .map((contact) => ({
+        duty: normalizeOptionalText(contact.duty),
         name: normalizeOptionalText(contact.name),
         mobile: normalizeOptionalText(contact.mobile),
         title: normalizeOptionalText(contact.title),
+        birthday: normalizeOptionalText(contact.birthday),
+        wecomAdded: normalizeOptionalText(contact.wecomAdded),
+        specialNote: normalizeOptionalText(contact.specialNote),
       }))
-      .filter((contact) => contact.name || contact.mobile || contact.title),
+      .filter((contact) => contact.name || contact.mobile || contact.title || contact.birthday || contact.wecomAdded || contact.specialNote),
   };
 }
 
+/**
+ * 将后端返回的覆盖地市字符串（形如 "浙江省|杭州市，江苏省|南京市"）解析为 [{ province, city }] 数组，
+ * 用于编辑回显 coverageItems，避免保存时因 coverageItems 为空而清空已保存的覆盖地市。
+ */
+function parseCoverageItemsString(rawValue?: string) {
+  if (!rawValue) {
+    return [];
+  }
+  const items: { province: string; city: string }[] = [];
+  rawValue
+    .split("，")
+    .map((segment) => segment.trim())
+    .filter(Boolean)
+    .forEach((segment) => {
+      const [province = "", city = ""] = segment.split("|");
+      if (province) {
+        items.push({ province: province.trim(), city: city.trim() });
+      }
+    });
+  return items;
+}
+
 function normalizeOptionValue(rawValue: string | undefined, options: ExpansionDictOption[]) {
   const trimmed = rawValue?.trim();
   if (!trimmed) {
@@ -915,6 +1237,563 @@ function RequiredMark() {
   return <span className="ml-1 text-rose-500">*</span>;
 }
 
+type ChannelAddressValue = {
+  province?: string;
+  city?: string;
+  officeAddress?: string;
+};
+
+type ChannelAddressErrors = Partial<Record<keyof ChannelAddressValue, string>>;
+
+/**
+ * 地区级联选择器：选取省份后联动展示城市，作为单一复合控件使用（前端不分两个字段）。
+ */
+function AddressCascaderSelect({
+  value,
+  onChange,
+  provinceOptions,
+  getCities,
+  isEdit,
+  hasError,
+}: {
+  value: { province?: string; city?: string };
+  onChange: (value: { province?: string; city?: string }) => void;
+  provinceOptions: ExpansionDictOption[];
+  getCities: (provinceName: string | undefined, isEdit: boolean) => Promise<ExpansionDictOption[]>;
+  isEdit: boolean;
+  hasError?: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const [activeProvince, setActiveProvince] = useState<string>("");
+  const [cityOptions, setCityOptions] = useState<ExpansionDictOption[]>([]);
+  const [loadingCity, setLoadingCity] = useState(false);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const panelRef = useRef<HTMLDivElement | null>(null);
+
+  const selectedProvinceLabel =
+    provinceOptions.find((option) => option.value === value?.province)?.label ?? value?.province ?? "";
+
+  const loadCities = async (province: string) => {
+    setLoadingCity(true);
+    setCityOptions([]);
+    try {
+      const options = await getCities(province, isEdit);
+      setCityOptions(options ?? []);
+    } catch {
+      setCityOptions([]);
+    } finally {
+      setLoadingCity(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const initialProvince = value?.province || "";
+    setActiveProvince(initialProvince);
+    if (initialProvince) {
+      void loadCities(initialProvince);
+    } else {
+      setCityOptions([]);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open]);
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handlePointerDown = (event: MouseEvent) => {
+      const targetNode = event.target as Node;
+      if (!containerRef.current?.contains(targetNode) && !panelRef.current?.contains(targetNode)) {
+        setOpen(false);
+      }
+    };
+    const handleEscape = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [open]);
+
+  const selectedCityLabel =
+    activeProvince
+      ? (cityOptions.find((option) => option.value === value?.city)?.label ?? value?.city ?? "")
+      : "";
+
+  const displayText = selectedProvinceLabel
+    ? selectedCityLabel
+      ? `${selectedProvinceLabel} / ${selectedCityLabel}`
+      : `${selectedProvinceLabel} / 请选择市`
+    : "请选择省份";
+
+  return (
+    <div ref={containerRef} className="relative">
+      <button
+        type="button"
+        onClick={() => setOpen((current) => !current)}
+        className={cn(
+          "crm-btn-sm crm-input-text flex w-full items-center justify-between border border-slate-200 bg-white text-left outline-none transition-colors hover:border-slate-300 focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50 dark:hover:border-slate-700",
+          hasError
+            ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10"
+            : "",
+        )}
+      >
+        <span className={value?.province ? "break-anywhere text-slate-900 dark:text-white" : "crm-field-note"}>
+          {displayText}
+        </span>
+        <ChevronDown className={cn("h-4 w-4 shrink-0 text-slate-400 transition-transform", open ? "rotate-180" : "")} />
+      </button>
+
+      {open ? (
+        <div
+          ref={panelRef}
+          className="absolute left-0 top-full z-50 mt-2 w-[26rem] max-w-[calc(100vw-2rem)] overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900"
+        >
+          <div className="flex max-h-80">
+            <div className="w-1/2 space-y-1 overflow-y-auto border-r border-slate-100 p-2 dark:border-slate-800">
+              <p className="px-3 pb-1 text-xs font-semibold text-slate-400">省份</p>
+              {provinceOptions.map((option) => {
+                const isActive = activeProvince === option.value;
+                return (
+                  <button
+                    key={option.value}
+                    type="button"
+                    onClick={() => {
+                      setActiveProvince(option.value);
+                      void loadCities(option.value);
+                      // 省份变更同步到表单并重置市，避免显示仍停留在原省份/原市
+                      onChange({ province: option.value, city: "" });
+                    }}
+                    className={cn(
+                      "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                      isActive
+                        ? "bg-violet-600 text-white"
+                        : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-slate-800",
+                    )}
+                  >
+                    <span className="break-anywhere">{option.label || option.value}</span>
+                    {isActive ? <ChevronRight className="h-4 w-4 shrink-0" /> : null}
+                  </button>
+                );
+              })}
+            </div>
+            <div className="w-1/2 space-y-1 overflow-y-auto p-2">
+              <p className="px-3 pb-1 text-xs font-semibold text-slate-400">市</p>
+              {loadingCity ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">加载中…</div>
+              ) : !activeProvince ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">请先选择省份</div>
+              ) : cityOptions.length === 0 ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">暂无可筛选城市</div>
+              ) : (
+                cityOptions.map((option) => {
+                  const isSelected = value?.province === activeProvince && value?.city === option.value;
+                  return (
+                    <button
+                      key={option.value}
+                      type="button"
+                      onClick={() => {
+                        onChange({ province: activeProvince, city: option.value });
+                        setOpen(false);
+                      }}
+                      className={cn(
+                        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                        isSelected
+                          ? "bg-violet-600 text-white"
+                          : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-slate-800",
+                      )}
+                    >
+                      <span className="break-anywhere">{option.label || option.value}</span>
+                      {isSelected ? <Check className="h-4 w-4 shrink-0" /> : null}
+                    </button>
+                  );
+                })
+              )}
+            </div>
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+/**
+ * 渠道地址复合字段：省份、市、办公地址 作为一个前端字段维护。
+ * 内部仍保存到三个数据库字段，但对外呈现为统一的地址区块。
+ */
+function ChannelAddressField({
+  value,
+  onChange,
+  provinceOptions,
+  isEdit,
+  errors,
+  loadCityOptions,
+}: {
+  value: ChannelAddressValue;
+  onChange: (value: ChannelAddressValue) => void;
+  provinceOptions: ExpansionDictOption[];
+  isEdit: boolean;
+  errors?: ChannelAddressErrors;
+  loadCityOptions: (provinceName: string | undefined, isEdit: boolean) => Promise<ExpansionDictOption[]>;
+}) {
+  const addressValue = { province: value.province, city: value.city };
+  const officeAddress = value.officeAddress || "";
+  const areaHasError = Boolean(errors?.province || errors?.city);
+
+  return (
+    <>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">办公地区<RequiredMark /></span>
+        <AddressCascaderSelect
+          value={addressValue}
+          onChange={(next) => {
+            onChange({ ...value, province: next.province, city: next.city });
+          }}
+          provinceOptions={provinceOptions}
+          getCities={loadCityOptions}
+          isEdit={isEdit}
+          hasError={areaHasError}
+        />
+        {areaHasError ? <p className="text-xs text-rose-500">{errors?.province || errors?.city}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">详细地址<RequiredMark /></span>
+        <input
+          value={officeAddress}
+          placeholder="请填写详细地址"
+          onChange={(e) => onChange({ ...value, officeAddress: e.target.value })}
+          className={getFieldInputClass(Boolean(errors?.officeAddress))}
+        />
+        {errors?.officeAddress ? <p className="text-xs text-rose-500">{errors.officeAddress}</p> : null}
+      </label>
+    </>
+  );
+}
+
+/**
+ * 覆盖地市级联选择器（多选）：省可多选，选中省后联动勾选该省城市，作为单一复合控件使用。
+ * 对外仍以 coverageProvince / coverageCity 两个数组维护。
+ */
+function CoverageCascaderSelect({
+  value,
+  onChange,
+  provinceOptions,
+  getCities,
+  isEdit,
+  hasError,
+}: {
+  value: { provinces?: string[]; cities?: string[]; items?: { province?: string; city?: string }[] };
+  onChange: (value: { provinces: string[]; cities: string[]; items: { province: string; city: string }[] }) => void;
+  provinceOptions: ExpansionDictOption[];
+  getCities: (provinceName: string | undefined, isEdit: boolean) => Promise<ExpansionDictOption[]>;
+  isEdit: boolean;
+  hasError?: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const [selection, setSelection] = useState<Record<string, string[]>>({});
+  const [cityCache, setCityCache] = useState<Record<string, ExpansionDictOption[]>>({});
+  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});
+  const [activeProvince, setActiveProvince] = useState<string>("");
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const panelRef = useRef<HTMLDivElement | null>(null);
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    (async () => {
+      const provinces = value?.provinces ?? [];
+      const cities = value?.cities ?? [];
+      const nextSelection: Record<string, string[]> = {};
+      const nextCache: Record<string, ExpansionDictOption[]> = {};
+      for (const province of provinces) {
+        let options: ExpansionDictOption[] = [];
+        try {
+          options = (await getCities(province, isEdit)) ?? [];
+        } catch {
+          options = [];
+        }
+        nextCache[province] = options;
+        const optionValues = new Set(options.map((option) => option.value));
+        nextSelection[province] = cities.filter((city) => optionValues.has(city));
+      }
+      setCityCache(nextCache);
+      setSelection(nextSelection);
+      setActiveProvince(provinces[0] ?? "");
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open]);
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const provinces = Object.keys(selection);
+    const cities = provinces.flatMap((province) => selection[province] ?? []);
+    const items = provinces.flatMap((province) => {
+      const provinceCities = selection[province] ?? [];
+      return provinceCities.length > 0
+        ? provinceCities.map((city) => ({ province, city }))
+        : [{ province, city: "" }];
+    });
+    onChange({ provinces, cities, items });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, selection]);
+
+  // 打开编辑（或回显）时，依据已保存的成对 coverageItems 直接初始化 selection，
+  // 使“省份：市/区/县”的对应关系在下拉未打开时也能正常展示。
+  const hydratedCoverageRef = useRef("");
+  useEffect(() => {
+    if (open) {
+      return;
+    }
+    const items = value?.items ?? [];
+    const signature = items.map((item) => `${item.province}|${item.city}`).join("；");
+    if (!signature || hydratedCoverageRef.current === signature) {
+      return;
+    }
+    hydratedCoverageRef.current = signature;
+    const nextSelection: Record<string, string[]> = {};
+    for (const item of items) {
+      if (!item.province) {
+        continue;
+      }
+      const provinceCities = nextSelection[item.province] ?? (nextSelection[item.province] = []);
+      if (item.city && !provinceCities.includes(item.city)) {
+        provinceCities.push(item.city);
+      }
+    }
+    setSelection(nextSelection);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value?.items, open]);
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handlePointerDown = (event: MouseEvent) => {
+      const targetNode = event.target as Node;
+      if (!containerRef.current?.contains(targetNode) && !panelRef.current?.contains(targetNode)) {
+        setOpen(false);
+      }
+    };
+    const handleEscape = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [open]);
+
+  const loadProvinceCities = async (province: string) => {
+    if (cityCache[province]) {
+      return;
+    }
+    setLoadingKeys((current) => ({ ...current, [province]: true }));
+    try {
+      const options = (await getCities(province, isEdit)) ?? [];
+      setCityCache((current) => ({ ...current, [province]: options }));
+    } catch {
+      setCityCache((current) => ({ ...current, [province]: [] }));
+    } finally {
+      setLoadingKeys((current) => {
+        const next = { ...current };
+        delete next[province];
+        return next;
+      });
+    }
+  };
+
+  const toggleProvince = (province: string) => {
+    setSelection((current) => {
+      const next = { ...current };
+      if (province in next) {
+        delete next[province];
+      } else {
+        next[province] = [];
+      }
+      return next;
+    });
+    setActiveProvince(province);
+    void loadProvinceCities(province);
+  };
+
+  const toggleCity = (city: string) => {
+    if (!activeProvince) {
+      return;
+    }
+    setSelection((current) => {
+      const provinceCities = current[activeProvince] ?? [];
+      const nextCities = provinceCities.includes(city)
+        ? provinceCities.filter((item) => item !== city)
+        : [...provinceCities, city];
+      return { ...current, [activeProvince]: nextCities };
+    });
+  };
+
+  const selectedCount = (Object.values(selection) as string[][]).reduce((sum, cities) => sum + cities.length, 0);
+
+  // 面板未打开时（如刚进入编辑），selection 尚未初始化，直接依据 value 回显已保存的覆盖地市，
+  // 避免编辑时"覆盖地市"显示为空。
+  const valueProvinces = (value?.provinces ?? []).filter(Boolean);
+  const hasSelection = Object.keys(selection).length > 0 || selectedCount > 0;
+  const hasSelectionValue = hasSelection || (valueProvinces ?? []).length > 0;
+
+  const handleClearCoverage = (event: ReactMouseEvent) => {
+    event.stopPropagation();
+    event.preventDefault();
+    setSelection({});
+    setActiveProvince(null);
+    hydratedCoverageRef.current = "";
+    onChange({ provinces: [], cities: [], items: [] });
+  };
+
+  const formatSelected = () => {
+    if (!hasSelection && valueProvinces.length > 0) {
+      const provinceLabels = valueProvinces.map(
+        (province) => provinceOptions.find((option) => option.value === province)?.label ?? province,
+      );
+      const cityCount = (value?.cities ?? []).filter(Boolean).length;
+      return cityCount > 0 ? `${provinceLabels.join("、")}（共${cityCount}个市）` : provinceLabels.join("、");
+    }
+    const parts: string[] = [];
+    for (const option of provinceOptions) {
+      const provinceCities = selection[option.value];
+      if (provinceCities === undefined) {
+        continue;
+      }
+      const provinceLabel = option.label || option.value;
+      if (provinceCities.length === 0) {
+        parts.push(provinceLabel);
+        continue;
+      }
+      const cityLabels = provinceCities
+        .map((cityValue) => (cityCache[option.value] ?? []).find((item) => item.value === cityValue)?.label ?? cityValue)
+        .filter(Boolean);
+      parts.push(`${provinceLabel}：${cityLabels.join("、")}`);
+    }
+    return parts.length > 0 ? parts.join("，") : "请选择覆盖地市（可多选）";
+  };
+
+  return (
+    <div ref={containerRef} className="relative">
+      <button
+        type="button"
+        onClick={() => setOpen((current) => !current)}
+        className={cn(
+          "crm-btn-sm crm-input-text flex w-full items-center justify-between border border-slate-200 bg-white text-left outline-none transition-colors hover:border-slate-300 focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50 dark:hover:border-slate-700 min-h-[42px]",
+          hasError
+            ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10"
+            : "",
+        )}
+      >
+        <span className={hasSelection || valueProvinces.length > 0 ? "break-anywhere text-slate-900 dark:text-white" : "crm-field-note"}>
+          {formatSelected()}
+        </span>
+        <span className="ml-2 flex shrink-0 items-center gap-1">
+          {hasSelectionValue ? (
+            <button
+              type="button"
+              onClick={handleClearCoverage}
+              aria-label="清除覆盖地市"
+              title="清除覆盖地市"
+              className="flex h-5 w-5 items-center justify-center rounded-full text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-slate-800 dark:hover:text-slate-200"
+            >
+              <X className="h-3.5 w-3.5" />
+            </button>
+          ) : null}
+          <ChevronDown className={cn("h-4 w-4 shrink-0 text-slate-400 transition-transform", open ? "rotate-180" : "")} />
+        </span>
+      </button>
+
+      {open ? (
+        <div
+          ref={panelRef}
+          className="absolute left-0 top-full z-50 mt-2 w-[30rem] max-w-[calc(100vw-2rem)] overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900"
+        >
+          <div className="flex max-h-80">
+            <div className="w-1/2 space-y-1 overflow-y-auto border-r border-slate-100 p-2 dark:border-slate-800">
+              <p className="px-3 pb-1 text-xs font-semibold text-slate-400">省份（可多选）</p>
+              {provinceOptions.map((option) => {
+                const isSelected = option.value in selection;
+                return (
+                  <button
+                    key={option.value}
+                    type="button"
+                    onClick={() => toggleProvince(option.value)}
+                    className={cn(
+                      "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                      activeProvince === option.value
+                        ? "bg-violet-500/10 text-violet-700 dark:text-violet-200"
+                        : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-slate-800",
+                    )}
+                  >
+                    <span className="flex items-center gap-2">
+                      <span className={cn(
+                        "flex h-4 w-4 items-center justify-center rounded border",
+                        isSelected ? "border-violet-600 bg-violet-600 text-white" : "border-slate-300 dark:border-slate-600",
+                      )}>
+                        {isSelected ? <Check className="h-3 w-3" /> : null}
+                      </span>
+                      <span className="break-anywhere">{option.label || option.value}</span>
+                    </span>
+                    {(selection[option.value]?.length ?? 0) > 0 ? (
+                      <span className="crm-field-note ml-2 shrink-0">{selection[option.value].length}城</span>
+                    ) : null}
+                  </button>
+                );
+              })}
+            </div>
+            <div className="w-1/2 space-y-1 overflow-y-auto p-2">
+              <p className="px-3 pb-1 text-xs font-semibold text-slate-400">市（可多选）</p>
+              {loadingKeys[activeProvince] ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">加载中…</div>
+              ) : !activeProvince ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">请先选择省份</div>
+              ) : (cityCache[activeProvince] ?? []).length === 0 ? (
+                <div className="px-3 py-6 text-center text-sm text-slate-400">暂无可筛选城市</div>
+              ) : (
+                (cityCache[activeProvince] ?? []).map((option) => {
+                  const isSelected = (selection[activeProvince] ?? []).includes(option.value);
+                  return (
+                    <button
+                      key={option.value}
+                      type="button"
+                      onClick={() => toggleCity(option.value)}
+                      className={cn(
+                        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                        isSelected
+                          ? "bg-violet-600 text-white"
+                          : "text-slate-700 hover:bg-slate-100 dark:text-slate-200 dark:hover:bg-slate-800",
+                      )}
+                    >
+                      <span className="break-anywhere">{option.label || option.value}</span>
+                      {isSelected ? <Check className="h-4 w-4 shrink-0" /> : null}
+                    </button>
+                  );
+                })
+              )}
+            </div>
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
 function ExpansionExportFilterModal({
   activeTab,
   initialFilters,
@@ -926,6 +1805,7 @@ function ExpansionExportFilterModal({
   certificationLevelOptions,
   channelAttributeOptions,
   relatedProjectStageOptions,
+  isOptions,
   onClose,
   onConfirm,
 }: {
@@ -939,16 +1819,20 @@ function ExpansionExportFilterModal({
   certificationLevelOptions: ExpansionDictOption[];
   channelAttributeOptions: ExpansionDictOption[];
   relatedProjectStageOptions: ExpansionDictOption[];
+  isOptions: ExpansionDictOption[];
   onClose: () => void;
   onConfirm: (filters: ExpansionExportFilters) => void;
 }) {
   const normalizedInitialFilters = applyDefaultRelatedProjectStageFilters(initialFilters, relatedProjectStageOptions);
   const [draftFilters, setDraftFilters] = useState<ExpansionExportFilters>(normalizedInitialFilters);
   const isSalesTab = activeTab === "sales";
+  const isCrmTab = activeTab === "crm";
   const selectedSalesFields = resolveSelectedExpansionFields(draftFilters.selectedSalesFields, defaultSalesExportFields);
   const selectedChannelFields = resolveSelectedExpansionFields(draftFilters.selectedChannelFields, defaultChannelExportFields);
-  const activeFieldOptions = isSalesTab ? salesExportColumns : channelExportColumns;
-  const selectedFieldKeys = isSalesTab ? selectedSalesFields : selectedChannelFields;
+  const selectedCrmFields = resolveSelectedExpansionFields(draftFilters.selectedCrmFields, defaultCrmExportFields);
+  const crmExportColumns = buildCrmExportColumns(officeOptions);
+  const activeFieldOptions = isSalesTab ? salesExportColumns : isCrmTab ? crmExportColumns : buildChannelExportColumns(isOptions);
+  const selectedFieldKeys = isSalesTab ? selectedSalesFields : isCrmTab ? selectedCrmFields : selectedChannelFields;
   const defaultRelatedProjectStageCodes = getDefaultRelatedProjectStageCodes(relatedProjectStageOptions);
   const relatedProjectStageFilterOptions = relatedProjectStageOptions
     .map((option) => {
@@ -978,7 +1862,9 @@ function ExpansionExportFilterModal({
       || draftFilters.hasRelatedProject,
   ) || !areSameStringSets(selectedRelatedProjectStageCodes, defaultRelatedProjectStageCodes) || (isSalesTab
     ? JSON.stringify(selectedSalesFields) !== JSON.stringify(defaultSalesExportFields)
-    : JSON.stringify(selectedChannelFields) !== JSON.stringify(defaultChannelExportFields));
+    : isCrmTab
+      ? JSON.stringify(selectedCrmFields) !== JSON.stringify(defaultCrmExportFields)
+      : JSON.stringify(selectedChannelFields) !== JSON.stringify(defaultChannelExportFields));
   const hasSelectedFields = selectedFieldKeys.length > 0;
   const toggleField = (fieldKey: string) => {
     if (isSalesTab) {
@@ -991,6 +1877,16 @@ function ExpansionExportFilterModal({
       });
       return;
     }
+    if (isCrmTab) {
+      setDraftFilters((current) => {
+        const currentFields = resolveSelectedExpansionFields(current.selectedCrmFields, defaultCrmExportFields);
+        const nextFields = currentFields.includes(fieldKey as CrmExportFieldKey)
+          ? currentFields.filter((item) => item !== fieldKey)
+          : [...currentFields, fieldKey as CrmExportFieldKey];
+        return { ...current, selectedCrmFields: nextFields };
+      });
+      return;
+    }
     setDraftFilters((current) => {
       const currentFields = resolveSelectedExpansionFields(current.selectedChannelFields, defaultChannelExportFields);
       const nextFields = currentFields.includes(fieldKey as ChannelExportFieldKey)
@@ -1030,7 +1926,7 @@ function ExpansionExportFilterModal({
 
   return (
     <ModalShell
-      title={`导出${isSalesTab ? "销售人员拓展" : "渠道拓展"}记录`}
+      title={`导出${isSalesTab ? "销售人员拓展" : isCrmTab ? "CRM拓展" : "渠道拓展"}记录`}
       subtitle="选择条件后导出 Excel；不填条件则导出全部可见权限范围内的数据。"
       onClose={onClose}
       footer={(
@@ -1041,6 +1937,7 @@ function ExpansionExportFilterModal({
               ...applyDefaultRelatedProjectStageFilters({}, relatedProjectStageOptions),
               selectedSalesFields: resolveSelectedExpansionFields(current.selectedSalesFields, defaultSalesExportFields),
               selectedChannelFields: resolveSelectedExpansionFields(current.selectedChannelFields, defaultChannelExportFields),
+              selectedCrmFields: resolveSelectedExpansionFields(current.selectedCrmFields, defaultCrmExportFields),
             }))}
             disabled={!hasDraftFilters}
             className="crm-btn crm-btn-secondary disabled:cursor-not-allowed disabled:opacity-60"
@@ -1064,99 +1961,103 @@ function ExpansionExportFilterModal({
           <input
             value={draftFilters.keyword ?? ""}
             onChange={(event) => handleFilterChange("keyword", event.target.value)}
-            placeholder={isSalesTab ? "搜索姓名、工号、电话、行业、项目" : "搜索渠道、联系人、地区、项目"}
+            placeholder={isSalesTab ? "搜索姓名、工号、电话、行业、项目" : isCrmTab ? "搜索最终用户、进货商、对接人、联系人、跟进记录" : "搜索渠道、联系人、地区、项目"}
             className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
           />
         </label>
-        <label className="space-y-1.5">
-          <span className="text-sm font-medium text-slate-700 dark:text-slate-300">合作意向</span>
-          <AdaptiveSelect
-            value={draftFilters.intent ?? ""}
-            options={[
-              { value: "", label: "全部合作意向" },
-              { value: "高", label: "高意向" },
-              { value: "中", label: "中意向" },
-              { value: "低", label: "低意向" },
-            ]}
-            placeholder="全部合作意向"
-            sheetTitle="选择合作意向"
-            className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
-            onChange={(value) => handleFilterChange("intent", value)}
-          />
-        </label>
-        <label className="space-y-1.5">
-          <span className="text-sm font-medium text-slate-700 dark:text-slate-300">关联项目</span>
-          <AdaptiveSelect
-            value={draftFilters.hasRelatedProject ?? ""}
-            options={[
-              { value: "", label: "全部" },
-              { value: "yes", label: "有关联项目" },
-              { value: "no", label: "无关联项目" },
-            ]}
-            placeholder="全部"
-            sheetTitle="选择关联项目"
-            className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
-            onChange={(value) => handleFilterChange("hasRelatedProject", value)}
-          />
-        </label>
-        <div className="space-y-3 rounded-2xl border border-slate-200 bg-slate-50 p-4 dark:border-slate-800 dark:bg-slate-900/40 sm:col-span-2">
-          <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
-            <div>
-              <p className="text-sm font-medium text-slate-700 dark:text-slate-300">关联项目阶段</p>
-              <p className="text-xs text-slate-500 dark:text-slate-400">多选，默认排除已丢单/已放弃阶段。</p>
-            </div>
-            {relatedProjectStageFilterOptions.length > 0 ? (
-              <div className="flex flex-wrap gap-2">
-                <button
-                  type="button"
-                  onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: defaultRelatedProjectStageCodes }))}
-                  className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
-                >
-                  恢复默认
-                </button>
-                <button
-                  type="button"
-                  onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: relatedProjectStageFilterOptions.map((option) => option.value) }))}
-                  className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
-                >
-                  全选阶段
-                </button>
-                <button
-                  type="button"
-                  onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: [] }))}
-                  className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
-                >
-                  全部取消
-                </button>
+        {!isCrmTab ? (
+          <>
+            <label className="space-y-1.5">
+              <span className="text-sm font-medium text-slate-700 dark:text-slate-300">合作意向</span>
+              <AdaptiveSelect
+                value={draftFilters.intent ?? ""}
+                options={[
+                  { value: "", label: "全部合作意向" },
+                  { value: "高", label: "高意向" },
+                  { value: "中", label: "中意向" },
+                  { value: "低", label: "低意向" },
+                ]}
+                placeholder="全部合作意向"
+                sheetTitle="选择合作意向"
+                className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
+                onChange={(value) => handleFilterChange("intent", value)}
+              />
+            </label>
+            <label className="space-y-1.5">
+              <span className="text-sm font-medium text-slate-700 dark:text-slate-300">关联项目</span>
+              <AdaptiveSelect
+                value={draftFilters.hasRelatedProject ?? ""}
+                options={[
+                  { value: "", label: "全部" },
+                  { value: "yes", label: "有关联项目" },
+                  { value: "no", label: "无关联项目" },
+                ]}
+                placeholder="全部"
+                sheetTitle="选择关联项目"
+                className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
+                onChange={(value) => handleFilterChange("hasRelatedProject", value)}
+              />
+            </label>
+            <div className="space-y-3 rounded-2xl border border-slate-200 bg-slate-50 p-4 dark:border-slate-800 dark:bg-slate-900/40 sm:col-span-2">
+              <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+                <div>
+                  <p className="text-sm font-medium text-slate-700 dark:text-slate-300">关联项目阶段</p>
+                  <p className="text-xs text-slate-500 dark:text-slate-400">多选，默认排除已丢单/已放弃阶段。</p>
+                </div>
+                {relatedProjectStageFilterOptions.length > 0 ? (
+                  <div className="flex flex-wrap gap-2">
+                    <button
+                      type="button"
+                      onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: defaultRelatedProjectStageCodes }))}
+                      className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
+                    >
+                      恢复默认
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: relatedProjectStageFilterOptions.map((option) => option.value) }))}
+                      className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
+                    >
+                      全选阶段
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => setDraftFilters((current) => ({ ...current, relatedProjectStageCodes: [] }))}
+                      className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
+                    >
+                      全部取消
+                    </button>
+                  </div>
+                ) : null}
               </div>
-            ) : null}
-          </div>
-          {relatedProjectStageFilterOptions.length > 0 ? (
-            <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
-              {relatedProjectStageFilterOptions.map((option) => {
-                const checked = selectedRelatedProjectStageCodes.includes(option.value);
-                return (
-                  <label key={option.value} className={cn(
-                    "flex items-center gap-3 rounded-xl border px-3 py-2 text-sm transition-colors",
-                    checked
-                      ? "border-violet-200 bg-violet-50 text-violet-700 dark:border-violet-500/30 dark:bg-violet-500/10 dark:text-violet-300"
-                      : "border-slate-200 bg-white text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300",
-                  )}>
-                    <input
-                      type="checkbox"
-                      checked={checked}
-                      onChange={() => handleRelatedProjectStageToggle(option.value)}
-                      className="h-4 w-4 rounded border-slate-300 text-violet-600 focus:ring-violet-500"
-                    />
-                    <span>{option.label}</span>
-                  </label>
-                );
-              })}
+              {relatedProjectStageFilterOptions.length > 0 ? (
+                <div className="grid grid-cols-1 gap-2 sm:grid-cols-2">
+                  {relatedProjectStageFilterOptions.map((option) => {
+                    const checked = selectedRelatedProjectStageCodes.includes(option.value);
+                    return (
+                      <label key={option.value} className={cn(
+                        "flex items-center gap-3 rounded-xl border px-3 py-2 text-sm transition-colors",
+                        checked
+                          ? "border-violet-200 bg-violet-50 text-violet-700 dark:border-violet-500/30 dark:bg-violet-500/10 dark:text-violet-300"
+                          : "border-slate-200 bg-white text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300",
+                      )}>
+                        <input
+                          type="checkbox"
+                          checked={checked}
+                          onChange={() => handleRelatedProjectStageToggle(option.value)}
+                          className="h-4 w-4 rounded border-slate-300 text-violet-600 focus:ring-violet-500"
+                        />
+                        <span>{option.label}</span>
+                      </label>
+                    );
+                  })}
+                </div>
+              ) : (
+                <p className="text-xs text-slate-500 dark:text-slate-400">未加载到阶段字典，导出时不会按关联项目阶段过滤。</p>
+              )}
             </div>
-          ) : (
-            <p className="text-xs text-slate-500 dark:text-slate-400">未加载到阶段字典，导出时不会按关联项目阶段过滤。</p>
-          )}
-        </div>
+          </>
+        ) : null}
         <div className="space-y-3 rounded-2xl border border-slate-200 bg-slate-50 p-4 dark:border-slate-800 dark:bg-slate-900/40 sm:col-span-2">
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
             <div>
@@ -1169,7 +2070,8 @@ function ExpansionExportFilterModal({
                 onClick={() => setDraftFilters((current) => ({
                   ...current,
                   selectedSalesFields: isSalesTab ? salesExportColumns.map((column) => column.key) : current.selectedSalesFields,
-                  selectedChannelFields: isSalesTab ? current.selectedChannelFields : channelExportColumns.map((column) => column.key),
+                  selectedChannelFields: isSalesTab ? current.selectedChannelFields : isCrmTab ? current.selectedChannelFields : buildChannelExportColumns(isOptions).map((column) => column.key),
+                  selectedCrmFields: isCrmTab ? crmExportColumns.map((column) => column.key) : current.selectedCrmFields,
                 }))}
                 className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
               >
@@ -1180,7 +2082,8 @@ function ExpansionExportFilterModal({
                 onClick={() => setDraftFilters((current) => ({
                   ...current,
                   selectedSalesFields: isSalesTab ? defaultSalesExportFields : current.selectedSalesFields,
-                  selectedChannelFields: isSalesTab ? current.selectedChannelFields : defaultChannelExportFields,
+                  selectedChannelFields: isSalesTab ? current.selectedChannelFields : isCrmTab ? current.selectedChannelFields : defaultChannelExportFields,
+                  selectedCrmFields: isCrmTab ? defaultCrmExportFields : current.selectedCrmFields,
                 }))}
                 className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-600 transition-colors hover:bg-white dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800"
               >
@@ -1254,6 +2157,22 @@ function ExpansionExportFilterModal({
               />
             </label>
           </>
+        ) : isCrmTab ? (
+          <>
+            <label className="space-y-1.5 sm:col-span-2">
+              <span className="text-sm font-medium text-slate-700 dark:text-slate-300">代表处</span>
+              <AdaptiveSelect
+                value={draftFilters.officeName ?? ""}
+                options={toSearchableOptions(officeOptions, "全部代表处")}
+                placeholder="全部代表处"
+                sheetTitle="选择代表处"
+                searchable
+                searchPlaceholder="搜索代表处"
+                className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50"
+                onChange={(value) => handleFilterChange("officeName", value)}
+              />
+            </label>
+          </>
         ) : (
           <>
             <label className="space-y-1.5">
@@ -1339,9 +2258,18 @@ export default function Expansion() {
   const [keyword, setKeyword] = useState("");
   const [salesData, setSalesData] = useState<SalesExpansionItem[]>([]);
   const [channelData, setChannelData] = useState<ChannelExpansionItem[]>([]);
+  const [crmData, setCrmData] = useState<CrmExpansionItem[]>([]);
+  const [supplierChannelOptions, setSupplierChannelOptions] = useState<ChannelExpansionItem[]>([]);
+  const [supplierSalesOptions, setSupplierSalesOptions] = useState<SalesExpansionItem[]>([]);
+  const [supplierChannelQuery, setSupplierChannelQuery] = useState("");
+  const [supplierSalesQuery, setSupplierSalesQuery] = useState("");
+  const [loadingSupplierChannelOptions, setLoadingSupplierChannelOptions] = useState(false);
+  const [loadingSupplierSalesOptions, setLoadingSupplierSalesOptions] = useState(false);
+  const [supplierRefreshTick, setSupplierRefreshTick] = useState(0);
   const [visibleItemCount, setVisibleItemCount] = useState(LIST_PAGE_SIZE);
   const loadMoreRef = useRef<HTMLDivElement | null>(null);
   const loadingMoreRef = useRef(false);
+  const loadedTabKeysRef = useRef(new Set<string>());
   const [loadingMore, setLoadingMore] = useState(false);
   const [loadMoreError, setLoadMoreError] = useState("");
   const [officeOptions, setOfficeOptions] = useState<ExpansionDictOption[]>([]);
@@ -1350,8 +2278,13 @@ export default function Expansion() {
   const [certificationLevelOptions, setCertificationLevelOptions] = useState<ExpansionDictOption[]>([]);
   const [createCityOptions, setCreateCityOptions] = useState<ExpansionDictOption[]>([]);
   const [editCityOptions, setEditCityOptions] = useState<ExpansionDictOption[]>([]);
+  const [createCoverageCityOptions, setCreateCoverageCityOptions] = useState<ExpansionDictOption[]>([]);
+  const [editCoverageCityOptions, setEditCoverageCityOptions] = useState<ExpansionDictOption[]>([]);
   const [channelAttributeOptions, setChannelAttributeOptions] = useState<ExpansionDictOption[]>([]);
   const [internalAttributeOptions, setInternalAttributeOptions] = useState<ExpansionDictOption[]>([]);
+  const [extensionTypeOptions, setExtensionTypeOptions] = useState<ExpansionDictOption[]>([]);
+  const [onlineStatusOptions, setOnlineStatusOptions] = useState<ExpansionDictOption[]>([]);
+  const [isOptions, setIsOptions] = useState<ExpansionDictOption[]>([]);
   const [relatedProjectStageOptions, setRelatedProjectStageOptions] = useState<ExpansionDictOption[]>([]);
   const [nextChannelCode, setNextChannelCode] = useState("");
   const channelOtherOptionValue = channelAttributeOptions.find(isOtherOption)?.value ?? "";
@@ -1371,6 +2304,7 @@ export default function Expansion() {
   const [exportError, setExportError] = useState("");
   const [salesDuplicateMessage, setSalesDuplicateMessage] = useState("");
   const [channelDuplicateMessage, setChannelDuplicateMessage] = useState("");
+  const [crmDuplicateMessage, setCrmDuplicateMessage] = useState("");
   const [salesCreateFieldErrors, setSalesCreateFieldErrors] = useState<Partial<Record<SalesCreateField, string>>>({});
   const [salesEditFieldErrors, setSalesEditFieldErrors] = useState<Partial<Record<SalesCreateField, string>>>({});
   const [channelCreateFieldErrors, setChannelCreateFieldErrors] = useState<Partial<Record<ChannelField, string>>>({});
@@ -1379,13 +2313,66 @@ export default function Expansion() {
   const [invalidEditChannelContactRows, setInvalidEditChannelContactRows] = useState<number[]>([]);
   const [salesDetailTab, setSalesDetailTab] = useState<"projects" | "followups">("projects");
   const [channelDetailTab, setChannelDetailTab] = useState<"projects" | "contacts" | "followups">("projects");
+  const [crmDetailTab, setCrmDetailTab] = useState<"contacts" | "followups">("contacts");
   const canEditSelectedItem = Boolean(selectedItem && currentUserId !== undefined && selectedItem.ownerUserId === currentUserId);
 
   const [salesForm, setSalesForm] = useState<CreateSalesExpansionPayload>(defaultSalesForm);
   const [channelForm, setChannelForm] = useState<CreateChannelExpansionPayload>(defaultChannelForm);
+  const [crmForm, setCrmForm] = useState<CreateCrmExpansionPayload>({
+    endUser: "",
+    officeName: "",
+    industryAttr: [],
+    extensionType: [],
+    purchaseDate: "",
+    warrantyExpiry: "",
+    onlineStatus: "",
+    contacts: [createEmptyCrmContact()],
+    supplierId: 0,
+    supplierName: "",
+    h3cContactId: 0,
+    h3cContactName: "",
+    hasExpansionOpportunity: "",
+    softwarePoints: undefined,
+    expansionTime: "",
+    expansionScale: "",
+    hasMaintenanceOpportunity: "",
+  });
   const [editSalesForm, setEditSalesForm] = useState<CreateSalesExpansionPayload>(defaultSalesForm);
   const [editChannelForm, setEditChannelForm] = useState<CreateChannelExpansionPayload>(defaultChannelForm);
-  const hasForegroundModal = createOpen || editOpen || exportFilterOpen;
+  const [editCrmForm, setEditCrmForm] = useState<CreateCrmExpansionPayload>({
+    endUser: "",
+    officeName: "",
+    industryAttr: [],
+    extensionType: [],
+    purchaseDate: "",
+    warrantyExpiry: "",
+    onlineStatus: "",
+    contacts: [createEmptyCrmContact()],
+    supplierId: 0,
+    supplierName: "",
+    h3cContactId: 0,
+    h3cContactName: "",
+    hasExpansionOpportunity: "",
+    softwarePoints: undefined,
+    expansionTime: "",
+    expansionScale: "",
+    hasMaintenanceOpportunity: "",
+  });
+  const [crmFieldErrors, setCrmFieldErrors] = useState<Partial<Record<keyof CreateCrmExpansionPayload, string>>>({});
+  const [editCrmFieldErrors, setEditCrmFieldErrors] = useState<Partial<Record<keyof CreateCrmExpansionPayload, string>>>({});
+  const [invalidCreateCrmContactRows, setInvalidCreateCrmContactRows] = useState<number[]>([]);
+  const [invalidEditCrmContactRows, setInvalidEditCrmContactRows] = useState<number[]>([]);
+  const [moveOpen, setMoveOpen] = useState(false);
+  const [moveSubmitting, setMoveSubmitting] = useState(false);
+  const [moveError, setMoveError] = useState("");
+  const [moveChannelForm, setMoveChannelForm] = useState<MoveChannelToCrmPayload>(defaultMoveChannelForm);
+  const [moveCrmForm, setMoveCrmForm] = useState<MoveCrmToChannelPayload>(defaultMoveCrmForm);
+  const [moveChannelFieldErrors, setMoveChannelFieldErrors] = useState<Partial<Record<keyof MoveChannelToCrmPayload, string>>>({});
+  const [moveCrmFieldErrors, setMoveCrmFieldErrors] = useState<Partial<Record<keyof MoveCrmToChannelPayload, string>>>({});
+  const [invalidMoveCrmContactRows, setInvalidMoveCrmContactRows] = useState<number[]>([]);
+  const [invalidMoveChannelContactRows, setInvalidMoveChannelContactRows] = useState<number[]>([]);
+  const [moveCityOptions, setMoveCityOptions] = useState<ExpansionDictOption[]>([]);
+  const hasForegroundModal = createOpen || editOpen || exportFilterOpen || moveOpen;
   const canCreateExpansion = permissionCodes !== null && canUsePermission(EXPANSION_CREATE_PERMISSION, permissionCodes);
 
   const loadMeta = useCallback(async () => {
@@ -1396,10 +2383,71 @@ export default function Expansion() {
     setCertificationLevelOptions(data.certificationLevelOptions ?? []);
     setChannelAttributeOptions(data.channelAttributeOptions ?? []);
     setInternalAttributeOptions(data.internalAttributeOptions ?? []);
+    setExtensionTypeOptions(data.extensionTypeOptions ?? []);
+    setOnlineStatusOptions(data.onlineStatusOptions ?? []);
+    setIsOptions(data.isOptions ?? []);
     setNextChannelCode(data.nextChannelCode ?? "");
     return data;
   }, []);
 
+  useEffect(() => {
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      setLoadingSupplierChannelOptions(true);
+      try {
+        const data = await getOpportunityExpansionOptions({
+          keyword: supplierChannelQuery || undefined,
+          limit: SUPPLIER_SEARCH_LIMIT,
+        });
+        if (!cancelled) {
+          setSupplierChannelOptions(data.channelItems ?? []);
+        }
+      } catch {
+        if (!cancelled) {
+          setSupplierChannelOptions([]);
+        }
+      } finally {
+        if (!cancelled) {
+          setLoadingSupplierChannelOptions(false);
+        }
+      }
+    }, SUPPLIER_SEARCH_DEBOUNCE_MS);
+
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+    };
+  }, [supplierChannelQuery, supplierRefreshTick]);
+
+  useEffect(() => {
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      setLoadingSupplierSalesOptions(true);
+      try {
+        const data = await getOpportunityExpansionOptions({
+          keyword: supplierSalesQuery || undefined,
+          limit: SUPPLIER_SEARCH_LIMIT,
+        });
+        if (!cancelled) {
+          setSupplierSalesOptions(data.salesItems ?? []);
+        }
+      } catch {
+        if (!cancelled) {
+          setSupplierSalesOptions([]);
+        }
+      } finally {
+        if (!cancelled) {
+          setLoadingSupplierSalesOptions(false);
+        }
+      }
+    }, SUPPLIER_SEARCH_DEBOUNCE_MS);
+
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+    };
+  }, [supplierSalesQuery, supplierRefreshTick]);
+
   useEffect(() => {
     let cancelled = false;
 
@@ -1434,7 +2482,8 @@ export default function Expansion() {
       try {
         const data = await getOpportunityMeta();
         if (!cancelled) {
-          setRelatedProjectStageOptions(data.stageOptions ?? []);
+          // 使用全量阶段（含已禁用字典项），保证销售/渠道导出弹窗与默认导出不遗漏相关商机
+          setRelatedProjectStageOptions(data.allStageOptions ?? data.stageOptions ?? []);
         }
       } catch {
         if (!cancelled) {
@@ -1479,13 +2528,70 @@ export default function Expansion() {
     }
   }, []);
 
+  const loadCoverageCityOptions = useCallback(async (provinceNames: string[], isEdit = false) => {
+    const setter = isEdit ? setEditCoverageCityOptions : setCreateCoverageCityOptions;
+    const normalizedProvinces = Array.from(new Set((provinceNames ?? []).map((name) => name?.trim()).filter(Boolean)));
+    if (normalizedProvinces.length === 0) {
+      setter([]);
+      return [];
+    }
+
+    try {
+      const results = await Promise.all(normalizedProvinces.map((name) => getExpansionCityOptions(name).catch(() => [] as ExpansionDictOption[])));
+      const merged: ExpansionDictOption[] = [];
+      const seen = new Set<string>();
+      for (const options of results) {
+        for (const option of options ?? []) {
+          const value = option.value ?? "";
+          if (!value || seen.has(value)) {
+            continue;
+          }
+          seen.add(value);
+          merged.push(option);
+        }
+      }
+      setter(merged);
+      return merged;
+    } catch {
+      setter([]);
+      return [];
+    }
+  }, []);
+
   useEffect(() => {
     const requestedTab = (location.state as ExpansionLocationState)?.tab;
-    if (requestedTab === "sales" || requestedTab === "channel") {
+    if (requestedTab === "sales" || requestedTab === "channel" || requestedTab === "crm") {
       setActiveTab(requestedTab);
     }
   }, [location.state]);
 
+  // 拉取含详情（contacts/相关项目/跟进等）的结果，并替换当前选中项，
+  // 确保从任意入口（列表点击、跨页跳转、编辑等）进入详情都能展示完整数据。
+  const enrichSelectedItem = useCallback(async (item: ExpansionItem) => {
+    if (!item || !item.id) {
+      return;
+    }
+    try {
+      if (item.type === "crm") {
+        const data = await getCrmExpansionOverview(keyword, true);
+        const detailedItem = (data.crmItems ?? []).find((candidate) => candidate.id === item.id);
+        if (detailedItem) {
+          setSelectedItem((current) => current?.id === detailedItem.id ? detailedItem : current);
+        }
+        return;
+      }
+      const data = await getExpansionOverview(keyword, true);
+      const detailedItem = item.type === "sales"
+        ? (data.salesItems ?? []).find((candidate) => candidate.id === item.id)
+        : (data.channelItems ?? []).find((candidate) => candidate.id === item.id);
+      if (detailedItem) {
+        setSelectedItem((current) => current?.id === detailedItem.id ? detailedItem : current);
+      }
+    } catch {
+      // 详情补齐失败时保留已有数据，不影响展示
+    }
+  }, [keyword]);
+
   useEffect(() => {
     const requestedState = location.state as ExpansionLocationState;
     const requestedTab = requestedState?.tab;
@@ -1493,28 +2599,31 @@ export default function Expansion() {
     if (!requestedId) {
       return;
     }
+    const selectAndEnrich = (match: ExpansionItem | undefined) => {
+      if (!match) {
+        return;
+      }
+      setSelectedItem(match);
+      void enrichSelectedItem(match);
+    };
 
     if (requestedTab === "sales") {
-      const matched = salesData.find((item) => item.id === requestedId);
-      if (matched) {
-        setSelectedItem(matched);
-      }
+      selectAndEnrich(salesData.find((item) => item.id === requestedId));
       return;
     }
 
     if (requestedTab === "channel") {
-      const matched = channelData.find((item) => item.id === requestedId);
-      if (matched) {
-        setSelectedItem(matched);
-      }
+      selectAndEnrich(channelData.find((item) => item.id === requestedId));
       return;
     }
 
-    const matched = salesData.find((item) => item.id === requestedId) ?? channelData.find((item) => item.id === requestedId) ?? null;
-    if (matched) {
-      setSelectedItem(matched);
+    if (requestedTab === "crm") {
+      selectAndEnrich(crmData.find((item) => item.id === requestedId));
+      return;
     }
-  }, [location.state, salesData, channelData]);
+
+    selectAndEnrich(salesData.find((item) => item.id === requestedId) ?? channelData.find((item) => item.id === requestedId) ?? crmData.find((item) => item.id === requestedId) ?? null);
+  }, [location.state, salesData, channelData, crmData, enrichSelectedItem]);
 
   useEffect(() => {
     let cancelled = false;
@@ -1553,21 +2662,43 @@ export default function Expansion() {
 
   useEffect(() => {
     let cancelled = false;
+    const loadKey = `${activeTab}:${keyword}:${refreshTick}`;
 
     async function loadExpansionData() {
       try {
-        const data = await getExpansionOverview(keyword, false, LIST_PAGE_SIZE + 1);
-        if (cancelled) {
-          return;
+        if (activeTab === "crm") {
+          if (!loadedTabKeysRef.current.has(loadKey)) {
+            const data = await getCrmExpansionOverview(keyword, false, LIST_PAGE_SIZE + 1);
+            if (cancelled) {
+              return;
+            }
+            setCrmData(dedupeExpansionItemsById(data.crmItems ?? []));
+            loadedTabKeysRef.current.add(loadKey);
+          }
+          setSelectedItem(null);
+        } else {
+          const salesKey = `sales:${keyword}:${refreshTick}`;
+          const channelKey = `channel:${keyword}:${refreshTick}`;
+          if (!loadedTabKeysRef.current.has(salesKey) && !loadedTabKeysRef.current.has(channelKey)) {
+            const data = await getExpansionOverview(keyword, false, LIST_PAGE_SIZE + 1);
+            if (cancelled) {
+              return;
+            }
+            setSalesData(dedupeExpansionItemsById(data.salesItems ?? []));
+            setChannelData(dedupeExpansionItemsById(data.channelItems ?? []));
+            loadedTabKeysRef.current.add(salesKey);
+            loadedTabKeysRef.current.add(channelKey);
+          }
+          setSelectedItem(null);
         }
-
-        setSalesData(dedupeExpansionItemsById(data.salesItems ?? []));
-        setChannelData(dedupeExpansionItemsById(data.channelItems ?? []));
-        setSelectedItem(null);
       } catch {
         if (!cancelled) {
-          setSalesData([]);
-          setChannelData([]);
+          if (activeTab === "crm") {
+            setCrmData([]);
+          } else {
+            setSalesData([]);
+            setChannelData([]);
+          }
           setSelectedItem(null);
         }
       }
@@ -1578,15 +2709,26 @@ export default function Expansion() {
     return () => {
       cancelled = true;
     };
-  }, [keyword, refreshTick]);
+  }, [keyword, refreshTick, activeTab]);
 
   useEffect(() => {
     setVisibleItemCount(LIST_PAGE_SIZE);
   }, [keyword, activeTab]);
 
-  const activeData = activeTab === "sales" ? salesData : channelData;
+  const activeData = activeTab === "sales" ? salesData : activeTab === "channel" ? channelData : crmData;
   const hasMoreItems = visibleItemCount < activeData.length;
 
+  const supplierChannelSearchOptions: SearchableOption[] = supplierChannelOptions.map((item) => ({
+    value: item.id,
+    label: item.name || `渠道#${item.id}`,
+    keywords: [item.channelCode || "", item.province || "", item.primaryContactName || "", item.primaryContactMobile || ""],
+  }));
+  const supplierSalesSearchOptions: SearchableOption[] = supplierSalesOptions.map((item) => ({
+    value: item.id,
+    label: [item.name, item.employeeNo, item.officeName].filter(Boolean).join(" - ") || `负责人#${item.id}`,
+    keywords: [item.employeeNo || "", item.officeName || "", item.phone || "", item.title || ""],
+  }));
+
   const loadMoreItems = async () => {
     if (!hasMoreItems || loadingMoreRef.current) {
       return;
@@ -1596,10 +2738,16 @@ export default function Expansion() {
     setLoadMoreError("");
     const nextVisibleCount = visibleItemCount + LIST_PAGE_SIZE;
     try {
-      const data = await getExpansionOverview(keyword, false, nextVisibleCount + 1);
-      setSalesData(dedupeExpansionItemsById(data.salesItems ?? []));
-      setChannelData(dedupeExpansionItemsById(data.channelItems ?? []));
-      setVisibleItemCount(nextVisibleCount);
+      if (activeTab === "crm") {
+        const data = await getCrmExpansionOverview(keyword, false, nextVisibleCount + 1);
+        setCrmData(dedupeExpansionItemsById(data.crmItems ?? []));
+        setVisibleItemCount(nextVisibleCount);
+      } else {
+        const data = await getExpansionOverview(keyword, false, nextVisibleCount + 1);
+        setSalesData(dedupeExpansionItemsById(data.salesItems ?? []));
+        setChannelData(dedupeExpansionItemsById(data.channelItems ?? []));
+        setVisibleItemCount(nextVisibleCount);
+      }
     } catch {
       setLoadMoreError("加载更多失败，请重试");
     } finally {
@@ -1628,16 +2776,10 @@ export default function Expansion() {
 
   const handleSelectItem = (item: ExpansionItem) => {
     setSelectedItem(item);
-    void getExpansionOverview(keyword, true)
-      .then((data) => {
-        const detailedItem = item.type === "sales"
-          ? (data.salesItems ?? []).find((candidate) => candidate.id === item.id)
-          : (data.channelItems ?? []).find((candidate) => candidate.id === item.id);
-        if (detailedItem) {
-          setSelectedItem((current) => current?.id === item.id ? detailedItem : current);
-        }
-      })
-      .catch(() => undefined);
+    if (item.type === "crm") {
+      setCrmDetailTab("contacts");
+    }
+    void enrichSelectedItem(item);
   };
 
   useEffect(() => {
@@ -1776,11 +2918,144 @@ export default function Expansion() {
     }
   };
 
+  const handleCrmChange = <K extends keyof CreateCrmExpansionPayload>(key: K, value: CreateCrmExpansionPayload[K]) => {
+    setCrmForm((current) => {
+      const next = { ...current, [key]: value };
+      if (key === "purchaseDate") {
+        next.warrantyExpiry = addYearsToDate(String(value ?? ""), 3);
+      }
+      return next;
+    });
+    if (key in crmFieldErrors) {
+      setCrmFieldErrors((current) => {
+        const next = { ...current };
+        delete next[key];
+        return next;
+      });
+    }
+  };
+
+  const handleEditCrmChange = <K extends keyof CreateCrmExpansionPayload>(key: K, value: CreateCrmExpansionPayload[K]) => {
+    setEditCrmForm((current) => ({ ...current, [key]: value }));
+    if (key in editCrmFieldErrors) {
+      setEditCrmFieldErrors((current) => {
+        const next = { ...current };
+        delete next[key];
+        return next;
+      });
+    }
+  };
+
+  const handleCrmContactChange = (index: number, key: keyof CrmExpansionContact, value: string, isEdit = false) => {
+    const setter = isEdit ? setEditCrmForm : setCrmForm;
+    setter((current) => {
+      const nextContacts = [...(current.contacts ?? [])];
+      const target = { ...(nextContacts[index] ?? createEmptyCrmContact()), [key]: value };
+      nextContacts[index] = target;
+      return { ...current, contacts: nextContacts };
+    });
+    if (isEdit) {
+      setEditCrmFieldErrors((current) => {
+        if (!current.contacts) {
+          return current;
+        }
+        const next = { ...current };
+        delete next.contacts;
+        return next;
+      });
+      setInvalidEditCrmContactRows((current) => current.filter((rowIndex) => rowIndex !== index));
+      return;
+    }
+    setCrmFieldErrors((current) => {
+      if (!current.contacts) {
+        return current;
+      }
+      const next = { ...current };
+      delete next.contacts;
+      return next;
+    });
+    setInvalidCreateCrmContactRows((current) => current.filter((rowIndex) => rowIndex !== index));
+  };
+
+  const addCrmContact = (isEdit = false) => {
+    const setter = isEdit ? setEditCrmForm : setCrmForm;
+    setter((current) => ({
+      ...current,
+      contacts: [...(current.contacts ?? []), createEmptyCrmContact()],
+    }));
+  };
+
+  const removeCrmContact = (index: number, isEdit = false) => {
+    const setter = isEdit ? setEditCrmForm : setCrmForm;
+    setter((current) => {
+      const currentContacts = current.contacts ?? [];
+      const nextContacts = currentContacts.filter((_, contactIndex) => contactIndex !== index);
+      return {
+        ...current,
+        contacts: nextContacts.length > 0 ? nextContacts : [createEmptyCrmContact()],
+      };
+    });
+  };
+
+  const handleMoveCrmContactChange = (index: number, key: keyof CrmExpansionContact, value: string) => {
+    setMoveChannelForm((current) => {
+      const nextContacts = [...(current.contacts ?? [])];
+      const target = { ...(nextContacts[index] ?? createEmptyCrmContact()), [key]: value };
+      nextContacts[index] = target;
+      return { ...current, contacts: nextContacts };
+    });
+    setMoveChannelFieldErrors((current) => {
+      if (!current.contacts) {
+        return current;
+      }
+      const next = { ...current };
+      delete next.contacts;
+      return next;
+    });
+    setInvalidMoveCrmContactRows((current) => current.filter((rowIndex) => rowIndex !== index));
+  };
+
+  const addMoveCrmContact = () => {
+    setMoveChannelForm((current) => ({
+      ...current,
+      contacts: [...(current.contacts ?? []), createEmptyCrmContact()],
+    }));
+  };
+
+  const removeMoveCrmContact = (index: number) => {
+    setMoveChannelForm((current) => {
+      const currentContacts = current.contacts ?? [];
+      const nextContacts = currentContacts.filter((_, contactIndex) => contactIndex !== index);
+      return {
+        ...current,
+        contacts: nextContacts.length > 0 ? nextContacts : [createEmptyCrmContact()],
+      };
+    });
+  };
+
+  const handleMoveChannelContactChange = (index: number, key: keyof ChannelExpansionContact, value: string) => {
+    setMoveCrmForm((current) => {
+      const nextContacts = [...(current.contacts ?? [])];
+      const target = { ...(nextContacts[index] ?? {}), [key]: value };
+      nextContacts[index] = target;
+      return { ...current, contacts: nextContacts };
+    });
+    setMoveCrmFieldErrors((current) => {
+      if (!current.contacts) {
+        return current;
+      }
+      const next = { ...current };
+      delete next.contacts;
+      return next;
+    });
+    setInvalidMoveChannelContactRows((current) => current.filter((rowIndex) => rowIndex !== index));
+  };
+
   const handleChannelContactChange = (index: number, key: keyof ChannelExpansionContact, value: string, isEdit = false) => {
     const setter = isEdit ? setEditChannelForm : setChannelForm;
     setter((current) => {
       const nextContacts = [...(current.contacts ?? [])];
-      const target = { ...(nextContacts[index] ?? createEmptyChannelContact()), [key]: value };
+      const target = { ...(nextContacts[index] ?? {}), [key]: value };
       nextContacts[index] = target;
       return { ...current, contacts: nextContacts };
     });
@@ -1807,26 +3082,6 @@ export default function Expansion() {
     setInvalidCreateChannelContactRows((current) => current.filter((rowIndex) => rowIndex !== index));
   };
 
-  const addChannelContact = (isEdit = false) => {
-    const setter = isEdit ? setEditChannelForm : setChannelForm;
-    setter((current) => ({
-      ...current,
-      contacts: [...(current.contacts ?? []), createEmptyChannelContact()],
-    }));
-  };
-
-  const removeChannelContact = (index: number, isEdit = false) => {
-    const setter = isEdit ? setEditChannelForm : setChannelForm;
-    setter((current) => {
-      const currentContacts = current.contacts ?? [];
-      const nextContacts = currentContacts.filter((_, contactIndex) => contactIndex !== index);
-      return {
-        ...current,
-        contacts: nextContacts.length > 0 ? nextContacts : [createEmptyChannelContact()],
-      };
-    });
-  };
-
   const resetCreateState = () => {
     setCreateOpen(false);
     setCreateError("");
@@ -1834,12 +3089,35 @@ export default function Expansion() {
     setChannelDuplicateChecking(false);
     setSalesDuplicateMessage("");
     setChannelDuplicateMessage("");
+    setCrmDuplicateMessage("");
     setSalesCreateFieldErrors({});
     setChannelCreateFieldErrors({});
+    setCrmFieldErrors({});
     setInvalidCreateChannelContactRows([]);
+    setInvalidCreateCrmContactRows([]);
     setSalesForm(defaultSalesForm);
     setChannelForm(defaultChannelForm);
+    setCrmForm({
+      endUser: "",
+      officeName: "",
+      industryAttr: [],
+      extensionType: [],
+      purchaseDate: "",
+      warrantyExpiry: "",
+      onlineStatus: "",
+      contacts: [createEmptyCrmContact()],
+      supplierId: 0,
+      supplierName: "",
+      h3cContactId: 0,
+      h3cContactName: "",
+      hasExpansionOpportunity: "",
+      softwarePoints: undefined,
+      expansionTime: "",
+      expansionScale: "",
+      hasMaintenanceOpportunity: "",
+    });
     setCreateCityOptions([]);
+    setCreateCoverageCityOptions([]);
   };
 
   const resetEditState = () => {
@@ -1847,21 +3125,47 @@ export default function Expansion() {
     setEditError("");
     setSalesEditFieldErrors({});
     setChannelEditFieldErrors({});
+    setEditCrmFieldErrors({});
     setInvalidEditChannelContactRows([]);
+    setInvalidEditCrmContactRows([]);
     setEditSalesForm(defaultSalesForm);
     setEditChannelForm(defaultChannelForm);
+    setEditCrmForm({
+      endUser: "",
+      officeName: "",
+      industryAttr: [],
+      extensionType: [],
+      purchaseDate: "",
+      warrantyExpiry: "",
+      onlineStatus: "",
+      contacts: [createEmptyCrmContact()],
+      supplierId: 0,
+      supplierName: "",
+      h3cContactId: 0,
+      h3cContactName: "",
+      hasExpansionOpportunity: "",
+      softwarePoints: undefined,
+      expansionTime: "",
+      expansionScale: "",
+      hasMaintenanceOpportunity: "",
+    });
     setEditCityOptions([]);
+    setEditCoverageCityOptions([]);
   };
 
   const handleOpenCreate = async () => {
     setCreateError("");
     setSalesCreateFieldErrors({});
     setChannelCreateFieldErrors({});
+    setCrmFieldErrors({});
     setInvalidCreateChannelContactRows([]);
+    setInvalidCreateCrmContactRows([]);
     try {
       await loadMeta();
     } catch {}
     setCreateCityOptions([]);
+    setCreateCoverageCityOptions([]);
+    setSupplierRefreshTick((current) => current + 1);
     setCreateOpen(true);
   };
 
@@ -1895,48 +3199,99 @@ export default function Expansion() {
         intentLevel: selectedItem.intentLevel ?? "medium",
         hasDesktopExp: Boolean(selectedItem.hasExp),
         employmentStatus: selectedItem.active ? "active" : "left",
+        regionProvince: decodeExpansionMultiValue(selectedItem.regionProvince).values,
+        regionCity: decodeExpansionMultiValue(selectedItem.regionCity).values,
+        regionItems: parseCoverageItemsString(selectedItem.regionItems),
       });
-    } else {
-      const parsedChannelAttributes = decodeExpansionMultiValue(selectedItem.channelAttributeCode);
-      const parsedInternalAttributes = decodeExpansionMultiValue(selectedItem.internalAttributeCode);
-      const normalizedProvinceName = selectedItem.province === "无" ? "" : selectedItem.province ?? "";
-      const normalizedCityName = selectedItem.city === "无" ? "" : selectedItem.city ?? "";
-      setChannelEditFieldErrors({});
-      setInvalidEditChannelContactRows([]);
-      setEditChannelForm({
-        channelCode: selectedItem.channelCode ?? "",
-        channelName: selectedItem.name ?? "",
-        province: normalizedProvinceName,
-        city: normalizedCityName,
-        officeAddress: selectedItem.officeAddress === "无" ? "" : selectedItem.officeAddress ?? "",
-        channelIndustry: normalizeMultiOptionValues(
-          selectedItem.channelIndustryCode ?? (selectedItem.channelIndustry === "无" ? "" : selectedItem.channelIndustry),
-          latestIndustryOptions,
+    } else if (selectedItem.type === "crm") {
+      setEditCrmFieldErrors({});
+      setInvalidEditCrmContactRows([]);
+      setEditCrmForm({
+        endUser: selectedItem.endUser ?? "",
+        officeName: selectedItem.officeName ?? "",
+        industryAttr: normalizeMultiOptionValues(
+          selectedItem.industryAttrCode ?? (selectedItem.industryAttr === "无" ? "" : selectedItem.industryAttr),
+          industryOptions,
         ),
-        certificationLevel: normalizeOptionValue(
-          selectedItem.certificationLevel === "无" ? "" : selectedItem.certificationLevel,
-          latestCertificationLevelOptions,
-        ) || "",
-        annualRevenue: selectedItem.annualRevenue ? Number(selectedItem.annualRevenue) : undefined,
-        staffSize: selectedItem.size ?? undefined,
-        contactEstablishedDate: selectedItem.establishedDate === "无" ? "" : selectedItem.establishedDate ?? "",
-        intentLevel: selectedItem.intentLevel ?? "medium",
-        hasDesktopExp: Boolean(selectedItem.hasDesktopExp),
-        channelAttribute: parsedChannelAttributes.values,
-        channelAttributeCustom: parsedChannelAttributes.customText,
-        internalAttribute: parsedInternalAttributes.values,
-        stage: selectedItem.stageCode ?? "initial_contact",
-        remark: selectedItem.notes === "无" ? "" : selectedItem.notes ?? "",
+        extensionType: normalizeMultiOptionValues(
+          selectedItem.extensionType ?? "",
+          extensionTypeOptions,
+        ),
+        purchaseDate: selectedItem.purchaseDate ?? "",
+        warrantyExpiry: selectedItem.warrantyExpiry ?? "",
+        onlineStatus: selectedItem.onlineStatus ?? "",
         contacts: (selectedItem.contacts?.length ?? 0) > 0
           ? selectedItem.contacts?.map((contact) => ({
               name: contact.name === "无" ? "" : contact.name ?? "",
               mobile: contact.mobile === "无" ? "" : contact.mobile ?? "",
               title: contact.title === "无" ? "" : contact.title ?? "",
             }))
-          : [createEmptyChannelContact()],
+          : [createEmptyCrmContact()],
+        supplierId: selectedItem.supplierId ?? 0,
+        supplierName: selectedItem.supplierName ?? "",
+        h3cContactId: selectedItem.h3cContactId ?? 0,
+        h3cContactName: selectedItem.h3cContactName ?? "",
+        hasExpansionOpportunity: selectedItem.hasExpansionOpportunity ?? "",
+        softwarePoints: selectedItem.softwarePoints,
+        expansionTime: selectedItem.expansionTime ?? "",
+        expansionScale: selectedItem.expansionScale ?? "",
+        hasMaintenanceOpportunity: selectedItem.hasMaintenanceOpportunity ?? "",
+      });
+    } else {
+      // 列表条目通过 includeDetails=false 获取，不含 contacts；若当前选中项缺少联系人，
+      // 拉取包含详情的结果补齐，避免编辑时人员信息丢失（或保存时被清空）。
+      let sourceItem = selectedItem;
+      if ((selectedItem.contacts?.length ?? 0) === 0) {
+        try {
+          const data = await getExpansionOverview(keyword, true);
+          const detailedItem = (data.channelItems ?? []).find((candidate) => candidate.id === selectedItem.id);
+          if (detailedItem) {
+            sourceItem = detailedItem;
+            setSelectedItem((current) => current?.id === detailedItem.id ? detailedItem : current);
+          }
+        } catch {}
+      }
+      const parsedChannelAttributes = decodeExpansionMultiValue(sourceItem.channelAttributeCode);
+      const parsedInternalAttributes = decodeExpansionMultiValue(sourceItem.internalAttributeCode);
+      const parsedCoverageProvinces = decodeExpansionMultiValue(sourceItem.coverageProvince).values;
+      const normalizedProvinceName = sourceItem.province === "无" ? "" : sourceItem.province ?? "";
+      const normalizedCityName = sourceItem.city === "无" ? "" : sourceItem.city ?? "";
+      setChannelEditFieldErrors({});
+      setInvalidEditChannelContactRows([]);
+      setEditChannelForm({
+        channelCode: sourceItem.channelCode ?? "",
+        channelName: sourceItem.name ?? "",
+        province: normalizedProvinceName,
+        city: normalizedCityName,
+        coverageProvince: parsedCoverageProvinces,
+        coverageCity: decodeExpansionMultiValue(sourceItem.coverageCity).values,
+        coverageItems: parseCoverageItemsString(sourceItem.coverageItems),
+        officeAddress: sourceItem.officeAddress === "无" ? "" : sourceItem.officeAddress ?? "",
+        channelIndustry: normalizeMultiOptionValues(
+          sourceItem.channelIndustryCode ?? (sourceItem.channelIndustry === "无" ? "" : sourceItem.channelIndustry),
+          latestIndustryOptions,
+        ),
+        certificationLevel: normalizeOptionValue(
+          sourceItem.certificationLevel === "无" ? "" : sourceItem.certificationLevel,
+          latestCertificationLevelOptions,
+        ) || "",
+        annualRevenue: sourceItem.annualRevenue ? Number(sourceItem.annualRevenue) : undefined,
+        staffSize: sourceItem.size ?? undefined,
+        registeredCapital: sourceItem.registeredCapital ? Number(sourceItem.registeredCapital) : undefined,
+        contactEstablishedDate: sourceItem.establishedDate === "无" ? "" : sourceItem.establishedDate ?? "",
+        intentLevel: sourceItem.intentLevel ?? "medium",
+        hasDesktopExp: Boolean(sourceItem.hasDesktopExp),
+        channelAttribute: parsedChannelAttributes.values,
+        channelAttributeCustom: parsedChannelAttributes.customText,
+        internalAttribute: parsedInternalAttributes.values,
+        stage: sourceItem.stageCode ?? "initial_contact",
+        remark: sourceItem.notes === "无" ? "" : sourceItem.notes ?? "",
+        contacts: buildChannelContactRows(sourceItem.contacts),
       });
       void loadCityOptions(normalizedProvinceName, true);
+      void loadCoverageCityOptions(parsedCoverageProvinces, true);
     }
+    setSupplierRefreshTick((current) => current + 1);
     setEditOpen(true);
   };
 
@@ -1953,6 +3308,14 @@ export default function Expansion() {
         setCreateError("请先完整填写销售人员拓展必填字段");
         return;
       }
+    } else if (activeTab === "crm") {
+      const { errors: validationErrors, invalidContactRows } = validateCrmForm(crmForm);
+      if (Object.keys(validationErrors).length > 0) {
+        setCrmFieldErrors(validationErrors);
+        setInvalidCreateCrmContactRows(invalidContactRows);
+        setCreateError("请先完整填写CRM拓展必填字段");
+        return;
+      }
     } else {
       const { errors: validationErrors, invalidContactRows } = validateChannelForm(channelForm, channelOtherOptionValue);
       if (Object.keys(validationErrors).length > 0) {
@@ -1972,7 +3335,7 @@ export default function Expansion() {
         setCreateError(duplicateMessage);
         return;
       }
-    } else {
+    } else if (activeTab === "channel") {
       const duplicateResult = await checkChannelExpansionDuplicate(channelForm.channelName.trim());
       if (duplicateResult.duplicated) {
         const duplicateMessage = duplicateResult.message || "渠道重复，请确认该渠道是否已存在！";
@@ -1981,6 +3344,15 @@ export default function Expansion() {
         setCreateError(duplicateMessage);
         return;
       }
+    } else if (activeTab === "crm") {
+      const duplicateResult = await checkCrmExpansionDuplicate(crmForm.endUser.trim());
+      if (duplicateResult.duplicated) {
+        const duplicateMessage = duplicateResult.message || "最终用户重复，请确认该客户是否已存在！";
+        setCrmDuplicateMessage(duplicateMessage);
+        setCrmFieldErrors((current) => ({ ...current, endUser: duplicateMessage }));
+        setCreateError(duplicateMessage);
+        return;
+      }
     }
 
     setSubmitting(true);
@@ -1988,6 +3360,8 @@ export default function Expansion() {
     try {
       if (activeTab === "sales") {
         await createSalesExpansion(normalizeSalesPayload(salesForm));
+      } else if (activeTab === "crm") {
+        await createCrmExpansion(crmForm);
       } else {
         await createChannelExpansion(normalizeChannelPayload(channelForm));
       }
@@ -2018,6 +3392,14 @@ export default function Expansion() {
         setEditError("请先完整填写销售人员拓展必填字段");
         return;
       }
+    } else if (selectedItem.type === "crm") {
+      const { errors: validationErrors, invalidContactRows } = validateCrmForm(editCrmForm);
+      if (Object.keys(validationErrors).length > 0) {
+        setEditCrmFieldErrors(validationErrors);
+        setInvalidEditCrmContactRows(invalidContactRows);
+        setEditError("请先完整填写CRM拓展必填字段");
+        return;
+      }
     } else {
       const { errors: validationErrors, invalidContactRows } = validateChannelForm(editChannelForm, channelOtherOptionValue);
       if (Object.keys(validationErrors).length > 0) {
@@ -2028,11 +3410,42 @@ export default function Expansion() {
       }
     }
 
+    if (selectedItem.type === "sales") {
+      const duplicateResult = await checkSalesExpansionDuplicate(editSalesForm.employeeNo.trim(), selectedItem.id);
+      if (duplicateResult.duplicated) {
+        const duplicateMessage = duplicateResult.message || "工号重复，请确认该人员是否已存在！";
+        setSalesDuplicateMessage(duplicateMessage);
+        setSalesEditFieldErrors((current) => ({ ...current, employeeNo: duplicateMessage }));
+        setEditError(duplicateMessage);
+        return;
+      }
+    } else if (selectedItem.type === "channel") {
+      const duplicateResult = await checkChannelExpansionDuplicate(editChannelForm.channelName.trim(), selectedItem.id);
+      if (duplicateResult.duplicated) {
+        const duplicateMessage = duplicateResult.message || "渠道重复，请确认该渠道是否已存在！";
+        setChannelDuplicateMessage(duplicateMessage);
+        setChannelEditFieldErrors((current) => ({ ...current, channelName: duplicateMessage }));
+        setEditError(duplicateMessage);
+        return;
+      }
+    } else if (selectedItem.type === "crm") {
+      const duplicateResult = await checkCrmExpansionDuplicate(editCrmForm.endUser.trim(), selectedItem.id);
+      if (duplicateResult.duplicated) {
+        const duplicateMessage = duplicateResult.message || "最终用户重复，请确认该客户是否已存在！";
+        setCrmDuplicateMessage(duplicateMessage);
+        setEditCrmFieldErrors((current) => ({ ...current, endUser: duplicateMessage }));
+        setEditError(duplicateMessage);
+        return;
+      }
+    }
+
     setSubmitting(true);
 
     try {
       if (selectedItem.type === "sales") {
         await updateSalesExpansion(selectedItem.id, normalizeSalesPayload(editSalesForm));
+      } else if (selectedItem.type === "crm") {
+        await updateCrmExpansion(selectedItem.id, editCrmForm);
       } else {
         await updateChannelExpansion(selectedItem.id, normalizeChannelPayload(editChannelForm));
       }
@@ -2047,6 +3460,196 @@ export default function Expansion() {
     }
   };
 
+  const resetMoveState = () => {
+    setMoveOpen(false);
+    setMoveError("");
+    setMoveChannelFieldErrors({});
+    setMoveCrmFieldErrors({});
+    setMoveChannelForm(defaultMoveChannelForm);
+    setMoveCrmForm(defaultMoveCrmForm);
+    setMoveCityOptions([]);
+    setInvalidMoveCrmContactRows([]);
+    setInvalidMoveChannelContactRows([]);
+    setSupplierChannelQuery("");
+    setSupplierSalesQuery("");
+  };
+
+  const handleOpenMove = async () => {
+    if (!selectedItem) {
+      return;
+    }
+    if (!canEditSelectedItem) {
+      return;
+    }
+    setMoveError("");
+    setMoveChannelFieldErrors({});
+    setMoveCrmFieldErrors({});
+    setSupplierRefreshTick((current) => current + 1);
+    if (selectedItem.type === "channel") {
+      // 采购时间/过保时间不沿渠道「成立时间」强预填，留空让用户手选，避免实际不符
+      setMoveChannelForm({
+        officeName: matchOfficeValueByProvince(selectedItem.province, officeOptions),
+        extensionType: [],
+        purchaseDate: "",
+        warrantyExpiry: "",
+        onlineStatus: "",
+        supplierId: 0,
+        supplierName: "",
+        h3cContactId: 0,
+        h3cContactName: "",
+        hasExpansionOpportunity: "",
+        softwarePoints: undefined,
+        expansionTime: "",
+        expansionScale: "",
+        hasMaintenanceOpportunity: "",
+        contacts: (selectedItem.contacts?.length ?? 0) > 0
+          ? selectedItem.contacts?.map((contact) => ({
+              name: contact.name === "无" ? "" : contact.name ?? "",
+              mobile: contact.mobile === "无" ? "" : contact.mobile ?? "",
+              title: contact.title === "无" ? "" : contact.title ?? "",
+            }))
+          : [],
+      });
+      setMoveCityOptions([]);
+    } else if (selectedItem.type === "crm") {
+      const initialProvince = officeOptions.find((option) => option.value === selectedItem.officeName)?.label ?? selectedItem.officeName ?? "";
+      setMoveCrmForm({
+        province: initialProvince,
+        city: "",
+        officeAddress: "",
+        certificationLevel: "",
+        annualRevenue: 0,
+        staffSize: 0,
+        registeredCapital: 0,
+        channelAttribute: [],
+        channelAttributeCustom: "",
+        internalAttribute: [],
+        coverageProvince: [],
+        coverageCity: [],
+        intentLevel: "",
+        hasDesktopExp: false,
+        stage: "initial_contact",
+        landedFlag: false,
+        expectedSignDate: "",
+        contacts: buildChannelContactRows(selectedItem.contacts),
+      });
+      if (initialProvince) {
+        try {
+          setMoveCityOptions(await getExpansionCityOptions(initialProvince));
+        } catch {
+          setMoveCityOptions([]);
+        }
+      } else {
+        setMoveCityOptions([]);
+      }
+    }
+    setMoveOpen(true);
+  };
+
+  const validateMoveChannelForm = (form: MoveChannelToCrmPayload, sourceId: CrmId) => {
+    const errors: Partial<Record<keyof MoveChannelToCrmPayload, string>> = {};
+    const invalidContactRows: number[] = [];
+    if (!form.officeName?.trim()) errors.officeName = "请选择代表处";
+    if ((form.extensionType?.length ?? 0) <= 0) errors.extensionType = "请选择类型";
+    if (form.softwarePoints == null || Number.isNaN(form.softwarePoints) || form.softwarePoints < 0) errors.softwarePoints = "请填写软件点数";
+    if (!form.purchaseDate) errors.purchaseDate = "请选择采购时间";
+    if (!form.warrantyExpiry) errors.warrantyExpiry = "请选择过保时间";
+    if (!form.onlineStatus?.trim()) errors.onlineStatus = "请选择在线情况";
+    if ((!form.supplierId || String(form.supplierId) === "0") && !form.supplierName?.trim()) errors.supplierId = "请选择或填写进货商";
+    else if (String(form.supplierId) === String(sourceId)) errors.supplierId = "不能选择被迁移的渠道本身";
+    if ((!form.h3cContactId || String(form.h3cContactId) === "0") && !form.h3cContactName?.trim()) errors.h3cContactId = "请选择或填写新华三对接人";
+    if (!form.hasExpansionOpportunity?.trim()) errors.hasExpansionOpportunity = "请选择是否有扩容机会";
+    if (form.hasExpansionOpportunity === "1") {
+      if (!form.expansionTime?.trim()) errors.expansionTime = "请选择扩容时间";
+      if (!form.expansionScale?.trim()) errors.expansionScale = "请填写扩容规模";
+    }
+    if (!form.hasMaintenanceOpportunity?.trim()) errors.hasMaintenanceOpportunity = "请选择是否有维保项目机会";
+    const contacts = form.contacts ?? [];
+    if (contacts.length <= 0) {
+      errors.contacts = "请至少填写一位联系人";
+      invalidContactRows.push(0);
+    } else {
+      contacts.forEach((contact, index) => {
+        const hasName = Boolean(contact.name?.trim());
+        const hasMobile = Boolean(contact.mobile?.trim());
+        const hasTitle = Boolean(contact.title?.trim());
+        if (!hasName || !hasMobile || !hasTitle) {
+          invalidContactRows.push(index);
+        }
+      });
+      if (invalidContactRows.length > 0) {
+        errors.contacts = "请完整填写每位联系人的姓名、联系电话和职位";
+      }
+    }
+    return { errors, invalidContactRows };
+  };
+
+  const validateMoveCrmForm = (form: MoveCrmToChannelPayload) => {
+    const errors: Partial<Record<keyof MoveCrmToChannelPayload, string>> = {};
+    if (!form.city?.trim()) errors.city = "请选择市";
+    if (!form.officeAddress?.trim()) errors.officeAddress = "请填写办公地址";
+    if (!form.certificationLevel?.trim()) errors.certificationLevel = "请选择汇智内部认证级别";
+    if (!(form.annualRevenue > 0)) errors.annualRevenue = "请填写年度营业额";
+    if (!(form.staffSize > 0)) errors.staffSize = "请填写人员规模";
+    if (!(form.registeredCapital > 0)) errors.registeredCapital = "请填写注册资金(万元)";
+    if (!form.channelAttribute?.length) errors.channelAttribute = "请选择渠道属性";
+    if (!form.internalAttribute?.length) errors.internalAttribute = "请选择新华三内部属性";
+    if (!form.coverageProvince?.length) errors.coverageProvince = "请选择覆盖省份";
+    if (!form.coverageCity?.length) errors.coverageCity = "请选择覆盖市/区/县";
+    if (!form.intentLevel?.trim()) errors.intentLevel = "请选择合作意向";
+    const contactValidation = validateChannelContactRows(form.contacts);
+    if (contactValidation.error) {
+      errors.contacts = contactValidation.error;
+    }
+    return { errors, invalidContactRows: contactValidation.invalidContactRows };
+  };
+
+  const handleMoveSubmit = async () => {
+    if (!selectedItem || moveSubmitting) {
+      return;
+    }
+    if (!canEditSelectedItem) {
+      setMoveError("仅可操作本人创建的数据");
+      return;
+    }
+    setMoveError("");
+    if (selectedItem.type === "channel") {
+      const { errors: validationErrors, invalidContactRows } = validateMoveChannelForm(moveChannelForm, selectedItem.id);
+      if (Object.keys(validationErrors).length > 0) {
+        setMoveChannelFieldErrors(validationErrors);
+        setInvalidMoveCrmContactRows(invalidContactRows);
+        setMoveError("请先完整填写必填字段");
+        return;
+      }
+    } else if (selectedItem.type === "crm") {
+      const { errors: validationErrors, invalidContactRows } = validateMoveCrmForm(moveCrmForm);
+      if (Object.keys(validationErrors).length > 0) {
+        setMoveCrmFieldErrors(validationErrors);
+        setInvalidMoveChannelContactRows(invalidContactRows);
+        setMoveError("请先完整填写必填字段");
+        return;
+      }
+    } else {
+      return;
+    }
+
+    setMoveSubmitting(true);
+    try {
+      if (selectedItem.type === "channel") {
+        await moveChannelToCrm(selectedItem.id, moveChannelForm);
+      } else {
+        await moveCrmToChannel(selectedItem.id, moveCrmForm);
+      }
+      resetMoveState();
+      setSelectedItem(null);
+      setRefreshTick((current) => current + 1);
+    } catch (error) {
+      setMoveError(error instanceof Error ? error.message : "迁移失败");
+    } finally {
+      setMoveSubmitting(false);
+    }
+  };
+
   const renderEmpty = () => (
     <div className="crm-empty-panel">
       暂无拓展数据，先新增一条试试。
@@ -2070,11 +3673,18 @@ export default function Expansion() {
           <div key={record.id} className="relative">
             <div className="absolute -left-[21px] mt-1.5 h-2.5 w-2.5 rounded-full bg-violet-500 ring-4 ring-white dark:ring-slate-900" />
             <div className="rounded-xl border border-slate-100 bg-slate-50/50 p-4 dark:border-slate-800 dark:bg-slate-800/20">
-              <div className="grid grid-cols-1 gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-sm dark:border-amber-500/20 dark:bg-amber-500/10 sm:grid-cols-3">
-                <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">拜访时间</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.visitStartTime}</p></div>
-                <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">沟通内容</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.evaluationContent}</p></div>
-                <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">后续规划</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.nextPlan}</p></div>
-              </div>
+              {selectedItem?.type === "crm" ? (
+                <div className="grid grid-cols-1 gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-sm dark:border-amber-500/20 dark:bg-amber-500/10 sm:grid-cols-2">
+                  <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">拜访时间</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.visitStartTime}</p></div>
+                  <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">拜访内容</p><p className="break-anywhere whitespace-pre-line font-medium text-slate-900 dark:text-white">{record.content || "无"}</p></div>
+                </div>
+              ) : (
+                <div className="grid grid-cols-1 gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-sm dark:border-amber-500/20 dark:bg-amber-500/10 sm:grid-cols-3">
+                  <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">拜访时间</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.visitStartTime}</p></div>
+                  <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">沟通内容</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.evaluationContent}</p></div>
+                  <div><p className="mb-1 text-xs text-amber-700 dark:text-amber-300">后续规划</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{summary.nextPlan}</p></div>
+                </div>
+              )}
               <p className="mt-2 text-xs text-slate-400">跟进人: {record.user || "无"}<span className="ml-3">{record.date || "无"}</span></p>
             </div>
           </div>
@@ -2095,6 +3705,7 @@ export default function Expansion() {
     }
 
     const isSalesTab = activeTab === "sales";
+    const isCrmTab = activeTab === "crm";
     const normalizedFilters = applyDefaultRelatedProjectStageFilters(filters, relatedProjectStageOptions);
     setExporting(true);
     setExportError("");
@@ -2102,19 +3713,28 @@ export default function Expansion() {
     persistExpansionExportPreferences(normalizedFilters);
 
     try {
-      const overview = await getExpansionOverview("");
-      const exportSalesItems = dedupeExpansionItemsById(overview.salesItems ?? [])
-        .map((item) => withFilteredSalesRelatedProjects(item, normalizedFilters))
-        .filter((item) => matchesSalesExportFilters(item, normalizedFilters));
-      const exportChannelItems = dedupeExpansionItemsById(overview.channelItems ?? [])
-        .map((item) => withFilteredChannelRelatedProjects(item, normalizedFilters))
-        .filter((item) => matchesChannelExportFilters(item, normalizedFilters));
-      const exportItems = isSalesTab ? exportSalesItems : exportChannelItems;
+      const overview = !isCrmTab ? await getExpansionOverview("") : null;
+      const exportSalesItems = overview
+        ? dedupeExpansionItemsById(overview.salesItems ?? [])
+          .map((item) => withFilteredSalesRelatedProjects(item, normalizedFilters))
+          .filter((item) => matchesSalesExportFilters(item, normalizedFilters))
+        : [];
+      const exportChannelItems = overview
+        ? dedupeExpansionItemsById(overview.channelItems ?? [])
+          .map((item) => withFilteredChannelRelatedProjects(item, normalizedFilters))
+          .filter((item) => matchesChannelExportFilters(item, normalizedFilters))
+        : [];
+      const exportCrmItems = isCrmTab
+        ? dedupeExpansionItemsById((await getCrmExpansionOverview("")).crmItems ?? [])
+          .filter((item) => matchesCrmExportFilters(item, normalizedFilters, officeOptions))
+        : [];
+      const exportItems = isSalesTab ? exportSalesItems : isCrmTab ? exportCrmItems : exportChannelItems;
       const selectedSalesFieldKeys = resolveSelectedExpansionFields(normalizedFilters.selectedSalesFields, defaultSalesExportFields);
       const selectedChannelFieldKeys = resolveSelectedExpansionFields(normalizedFilters.selectedChannelFields, defaultChannelExportFields);
-      const selectedFieldKeys = isSalesTab ? selectedSalesFieldKeys : selectedChannelFieldKeys;
+      const selectedCrmFieldKeys = resolveSelectedExpansionFields(normalizedFilters.selectedCrmFields, defaultCrmExportFields);
+      const selectedFieldKeys = isSalesTab ? selectedSalesFieldKeys : isCrmTab ? selectedCrmFieldKeys : selectedChannelFieldKeys;
       if (exportItems.length <= 0) {
-        throw new Error(`当前筛选条件下暂无可导出的${isSalesTab ? "销售人员拓展" : "渠道拓展"}数据`);
+        throw new Error(`当前筛选条件下暂无可导出的${isSalesTab ? "销售人员拓展" : isCrmTab ? "CRM拓展" : "渠道拓展"}数据`);
       }
       if (selectedFieldKeys.length <= 0) {
         throw new Error("请至少选择一个导出字段");
@@ -2122,14 +3742,17 @@ export default function Expansion() {
 
       const ExcelJS = await import("exceljs");
       const workbook = new ExcelJS.Workbook();
-      const worksheet = workbook.addWorksheet(isSalesTab ? "销售人员拓展" : "渠道拓展");
+      const worksheet = workbook.addWorksheet(isSalesTab ? "销售人员拓展" : isCrmTab ? "CRM拓展" : "渠道拓展");
       const salesColumns = salesExportColumns.filter((column) => selectedSalesFieldKeys.includes(column.key));
-      const channelColumns = channelExportColumns.filter((column) => selectedChannelFieldKeys.includes(column.key));
-      const columns = isSalesTab ? salesColumns : channelColumns;
+      const channelColumns = buildChannelExportColumns(isOptions).filter((column) => selectedChannelFieldKeys.includes(column.key));
+      const crmColumns = buildCrmExportColumns(officeOptions).filter((column) => selectedCrmFieldKeys.includes(column.key));
+      const columns = isSalesTab ? salesColumns : isCrmTab ? crmColumns : channelColumns;
       const headers = columns.map((column) => column.label);
       const rows = isSalesTab
         ? buildExportRows(exportSalesItems, salesColumns)
-        : buildExportRows(exportChannelItems, channelColumns);
+        : isCrmTab
+          ? buildExportRows(exportCrmItems, crmColumns)
+          : buildExportRows(exportChannelItems, channelColumns);
 
       worksheet.addRow(headers);
       rows.forEach((row) => {
@@ -2208,7 +3831,7 @@ export default function Expansion() {
       });
 
       const buffer = await workbook.xlsx.writeBuffer();
-      const filename = `${isSalesTab ? "销售人员拓展" : "渠道拓展"}_${formatExportFilenameTime()}.xlsx`;
+      const filename = `${isSalesTab ? "销售人员拓展" : isCrmTab ? "CRM拓展" : "渠道拓展"}_${formatExportFilenameTime()}.xlsx`;
       downloadExcelFile(filename, buffer);
       setExportFilterOpen(false);
     } catch (error) {
@@ -2264,14 +3887,20 @@ export default function Expansion() {
         {fieldErrors?.mobile ? <p className="text-xs text-rose-500">{fieldErrors.mobile}</p> : null}
       </label>
       <label className="space-y-2">
-        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">所属部门<RequiredMark /></span>
-        <input
-          value={form.targetDept || ""}
-          onChange={(e) => onChange("targetDept", e.target.value)}
-          placeholder="办事处/地市"
-          className={getFieldInputClass(Boolean(fieldErrors?.targetDept))}
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">所属区域<RequiredMark /></span>
+        <CoverageCascaderSelect
+          value={{ provinces: form.regionProvince ?? [], cities: form.regionCity ?? [], items: form.regionItems ?? [] }}
+          onChange={(next) => {
+            onChange("regionProvince", next.provinces);
+            onChange("regionCity", next.cities);
+            onChange("regionItems", next.items);
+          }}
+          provinceOptions={provinceOptions}
+          getCities={loadCityOptions}
+          isEdit={isEdit}
+          hasError={Boolean(fieldErrors?.regionProvince)}
         />
-        {fieldErrors?.targetDept ? <p className="text-xs text-rose-500">{fieldErrors.targetDept}</p> : null}
+        {fieldErrors?.regionProvince ? <p className="text-xs text-rose-500">{fieldErrors.regionProvince}</p> : null}
       </label>
       <label className="space-y-2">
         <span className="text-sm font-medium text-slate-700 dark:text-slate-300">所属行业<RequiredMark /></span>
@@ -2351,8 +3980,6 @@ export default function Expansion() {
     fieldErrors?: Partial<Record<ChannelField, string>>,
     invalidContactRows: number[] = [],
   ) => {
-    const cityOptions = isEdit ? editCityOptions : createCityOptions;
-    const cityDisabled = !form.province?.trim();
 
     return (
     <div className="crm-form-grid">
@@ -2370,60 +3997,35 @@ export default function Expansion() {
         {fieldErrors?.channelName ? <p className="text-xs text-rose-500">{fieldErrors.channelName}</p> : null}
         {!fieldErrors?.channelName && !isEdit && channelDuplicateMessage ? <p className="text-xs text-rose-500">{channelDuplicateMessage}</p> : null}
       </label>
-      <label className="space-y-2">
-        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">省份<RequiredMark /></span>
-        <AdaptiveSelect
-          value={form.province || ""}
-          placeholder="请选择"
-          sheetTitle="省份"
-          searchable
-          searchPlaceholder="搜索省份"
-          options={[
-            { value: "", label: "请选择" },
-            ...provinceOptions.map((option) => ({
-              value: option.value ?? "",
-              label: option.label || "无",
-            })),
-          ]}
-          className={cn(
-            fieldErrors?.province ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "",
-          )}
-          onChange={(value) => {
-            const nextProvince = value || undefined;
-            onChange("province", nextProvince);
-            onChange("city", undefined);
-            void loadCityOptions(nextProvince, isEdit);
+      <ChannelAddressField
+        value={{ province: form.province, city: form.city, officeAddress: form.officeAddress }}
+        onChange={(address) => {
+          onChange("province", address.province);
+          onChange("city", address.city);
+          onChange("officeAddress", address.officeAddress);
+        }}
+        provinceOptions={provinceOptions}
+        isEdit={isEdit}
+        errors={fieldErrors}
+        loadCityOptions={loadCityOptions}
+      />
+      <label className="space-y-2 sm:col-span-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">覆盖地市<RequiredMark /></span>
+        <CoverageCascaderSelect
+          value={{ provinces: form.coverageProvince ?? [], cities: form.coverageCity ?? [], items: form.coverageItems ?? [] }}
+          onChange={(next) => {
+            onChange("coverageProvince", next.provinces);
+            onChange("coverageCity", next.cities);
+            onChange("coverageItems", next.items);
           }}
+          provinceOptions={provinceOptions}
+          getCities={loadCityOptions}
+          isEdit={isEdit}
+          hasError={Boolean(fieldErrors?.coverageProvince || fieldErrors?.coverageCity)}
         />
-        {fieldErrors?.province ? <p className="text-xs text-rose-500">{fieldErrors.province}</p> : null}
-      </label>
-      <label className="space-y-2">
-        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">市<RequiredMark /></span>
-        <AdaptiveSelect
-          value={form.city || ""}
-          placeholder={cityDisabled ? "请先选择省份" : "请选择"}
-          sheetTitle="市"
-          searchable
-          searchPlaceholder="搜索市"
-          disabled={cityDisabled}
-          options={[
-            { value: "", label: "请选择" },
-            ...cityOptions.map((option) => ({
-              value: option.value ?? "",
-              label: option.label || "无",
-            })),
-          ]}
-          className={cn(
-            fieldErrors?.city ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "",
-          )}
-          onChange={(value) => onChange("city", value || undefined)}
-        />
-        {fieldErrors?.city ? <p className="text-xs text-rose-500">{fieldErrors.city}</p> : null}
-      </label>
-      <label className="space-y-2">
-        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">办公地址<RequiredMark /></span>
-        <input value={form.officeAddress || ""} onChange={(e) => onChange("officeAddress", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.officeAddress))} />
-        {fieldErrors?.officeAddress ? <p className="text-xs text-rose-500">{fieldErrors.officeAddress}</p> : null}
+        {(fieldErrors?.coverageProvince || fieldErrors?.coverageCity) ? (
+          <p className="text-xs text-rose-500">{fieldErrors?.coverageProvince || fieldErrors?.coverageCity}</p>
+        ) : null}
       </label>
       <label className="space-y-2">
         <span className="text-sm font-medium text-slate-700 dark:text-slate-300">聚焦行业<RequiredMark /></span>
@@ -2481,6 +4083,19 @@ export default function Expansion() {
         <input type="number" value={form.staffSize ?? ""} onChange={(e) => onChange("staffSize", e.target.value ? Number(e.target.value) : undefined)} className={getFieldInputClass(Boolean(fieldErrors?.staffSize))} />
         {fieldErrors?.staffSize ? <p className="text-xs text-rose-500">{fieldErrors.staffSize}</p> : null}
       </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">{CHANNEL_REGISTERED_CAPITAL_LABEL}<RequiredMark /></span>
+        <input
+          type="number"
+          min="0.01"
+          step="0.01"
+          placeholder="请输入万元"
+          value={form.registeredCapital ?? ""}
+          onChange={(e) => onChange("registeredCapital", e.target.value ? Number(e.target.value) : undefined)}
+          className={getFieldInputClass(Boolean(fieldErrors?.registeredCapital))}
+        />
+        {fieldErrors?.registeredCapital ? <p className="text-xs text-rose-500">{fieldErrors.registeredCapital}</p> : null}
+      </label>
       <label className="space-y-2">
         <span className="text-sm font-medium text-slate-700 dark:text-slate-300">建立联系时间<RequiredMark /></span>
         <input type="date" value={form.contactEstablishedDate || ""} onChange={(e) => onChange("contactEstablishedDate", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.contactEstablishedDate))} />
@@ -2563,22 +4178,13 @@ export default function Expansion() {
       <div className="crm-form-section sm:col-span-2">
         <div className="crm-form-section-header">
           <span className="text-sm font-semibold text-slate-800 dark:text-slate-200">人员信息<RequiredMark /></span>
-          <button type="button" onClick={() => addChannelContact(isEdit)} className="rounded-lg bg-white px-3 py-1.5 text-xs font-medium text-violet-600 shadow-sm dark:bg-slate-800 dark:text-violet-400">
-            添加人员
-          </button>
-        </div>
-        <div className="crm-section-stack">
-          {(form.contacts ?? []).map((contact, index) => (
-            <div key={`${isEdit ? "edit" : "create"}-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-200 bg-white p-3 sm:grid-cols-[1fr_1fr_1fr_auto] dark:border-slate-700 dark:bg-slate-900/50">
-              <input value={contact.name || ""} onChange={(e) => handleChannelContactChange(index, "name", e.target.value, isEdit)} placeholder="人员姓名" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <input value={contact.mobile || ""} onChange={(e) => handleChannelContactChange(index, "mobile", e.target.value, isEdit)} placeholder="联系电话" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <input value={contact.title || ""} onChange={(e) => handleChannelContactChange(index, "title", e.target.value, isEdit)} placeholder="职位" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
-              <button type="button" onClick={() => removeChannelContact(index, isEdit)} className="crm-btn-danger rounded-lg px-3 py-2 text-sm font-medium">
-                删除
-              </button>
-            </div>
-          ))}
         </div>
+        <ChannelContactRows
+          contacts={form.contacts ?? []}
+          invalidContactRows={invalidContactRows}
+          onContactChange={(index, key, value) => handleChannelContactChange(index, key, value, isEdit)}
+          wecomOptions={isOptions}
+        />
         {fieldErrors?.contacts ? <p className="text-xs text-rose-500">{fieldErrors.contacts}</p> : null}
       </div>
       <label className="space-y-2 sm:col-span-2">
@@ -2595,6 +4201,223 @@ export default function Expansion() {
   );
   };
 
+  const renderCrmForm = (
+    form: CreateCrmExpansionPayload,
+    onChange: <K extends keyof CreateCrmExpansionPayload>(key: K, value: CreateCrmExpansionPayload[K]) => void,
+    fieldErrors?: Partial<Record<keyof CreateCrmExpansionPayload, string>>,
+    isEdit = false,
+    invalidContactRows: number[] = [],
+  ) => (
+    <div className="crm-form-grid">
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">最终用户<RequiredMark /></span>
+        <input value={form.endUser} onChange={(e) => onChange("endUser", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.endUser))} />
+        {fieldErrors?.endUser ? <p className="text-xs text-rose-500">{fieldErrors.endUser}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">代表处<RequiredMark /></span>
+        <AdaptiveSelect
+          value={form.officeName || ""}
+          placeholder="请选择"
+          sheetTitle="代表处"
+          searchable
+          searchPlaceholder="搜索代表处"
+          options={[
+            { value: "", label: "请选择" },
+            ...officeOptions.map((option) => ({
+              value: option.value ?? "",
+              label: option.label || "无",
+            })),
+          ]}
+          className={cn(fieldErrors?.officeName ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("officeName", value || "")}
+        />
+        {fieldErrors?.officeName ? <p className="text-xs text-rose-500">{fieldErrors.officeName}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">行业属性<RequiredMark /></span>
+        <AdaptiveSelect
+          multiple
+          value={form.industryAttr || []}
+          placeholder="请选择"
+          sheetTitle="行业属性"
+          options={industryOptions.map((option) => ({
+            value: option.value ?? "",
+            label: option.label || "无",
+          }))}
+          className={cn(fieldErrors?.industryAttr ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("industryAttr", value)}
+        />
+        {fieldErrors?.industryAttr ? <p className="text-xs text-rose-500">{fieldErrors.industryAttr}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">类型<RequiredMark /></span>
+        <AdaptiveSelect
+          multiple
+          value={form.extensionType || []}
+          placeholder="请选择"
+          sheetTitle="类型"
+          options={extensionTypeOptions.map((option) => ({
+            value: option.value ?? "",
+            label: option.label || "无",
+          }))}
+          className={cn(fieldErrors?.extensionType ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("extensionType", value)}
+        />
+        {fieldErrors?.extensionType ? <p className="text-xs text-rose-500">{fieldErrors.extensionType}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">软件点数<RequiredMark /></span>
+        <input
+          type="number"
+          min={0}
+          value={form.softwarePoints ?? ""}
+          onChange={(e) => onChange("softwarePoints", e.target.value === "" ? undefined : Number(e.target.value))}
+          placeholder="请输入软件点数"
+          className={getFieldInputClass(Boolean(fieldErrors?.softwarePoints))}
+        />
+        {fieldErrors?.softwarePoints ? <p className="text-xs text-rose-500">{fieldErrors.softwarePoints}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">采购时间<RequiredMark /></span>
+        <input type="date" value={form.purchaseDate} onChange={(e) => onChange("purchaseDate", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.purchaseDate))} />
+        {fieldErrors?.purchaseDate ? <p className="text-xs text-rose-500">{fieldErrors.purchaseDate}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">过保时间<RequiredMark /></span>
+        <input type="date" value={form.warrantyExpiry} onChange={(e) => onChange("warrantyExpiry", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.warrantyExpiry))} />
+        {fieldErrors?.warrantyExpiry ? <p className="text-xs text-rose-500">{fieldErrors.warrantyExpiry}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">在线情况<RequiredMark /></span>
+        <AdaptiveSelect
+          value={form.onlineStatus || ""}
+          placeholder="请选择"
+          sheetTitle="在线情况"
+          options={[
+            { value: "", label: "请选择" },
+            ...onlineStatusOptions.map((option) => ({
+              value: option.value ?? "",
+              label: option.label || "无",
+            })),
+          ]}
+          className={cn(fieldErrors?.onlineStatus ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("onlineStatus", value || "")}
+        />
+        {fieldErrors?.onlineStatus ? <p className="text-xs text-rose-500">{fieldErrors.onlineStatus}</p> : null}
+      </label>
+      <div className="crm-form-section sm:col-span-2">
+        <div className="crm-form-section-header">
+          <span className="text-sm font-semibold text-slate-800 dark:text-slate-200">联系人信息<RequiredMark /></span>
+          <button type="button" onClick={() => addCrmContact(isEdit)} className="rounded-lg bg-white px-3 py-1.5 text-xs font-medium text-violet-600 shadow-sm dark:bg-slate-800 dark:text-violet-400">
+            添加联系人
+          </button>
+        </div>
+        <div className="crm-section-stack">
+          {(form.contacts ?? []).map((contact, index) => (
+            <div key={`${isEdit ? "edit" : "create"}-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-200 bg-white p-3 sm:grid-cols-[1fr_1fr_1fr_auto] dark:border-slate-700 dark:bg-slate-900/50">
+              <input value={contact.name || ""} onChange={(e) => handleCrmContactChange(index, "name", e.target.value, isEdit)} placeholder="联系人姓名" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+              <input value={contact.mobile || ""} onChange={(e) => handleCrmContactChange(index, "mobile", e.target.value, isEdit)} placeholder="联系人电话" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+              <input value={contact.title || ""} onChange={(e) => handleCrmContactChange(index, "title", e.target.value, isEdit)} placeholder="联系人职位" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+              <button type="button" onClick={() => removeCrmContact(index, isEdit)} className="crm-btn-danger rounded-lg px-3 py-2 text-sm font-medium">
+                删除
+              </button>
+            </div>
+          ))}
+        </div>
+        {fieldErrors?.contacts ? <p className="text-xs text-rose-500">{fieldErrors.contacts}</p> : null}
+      </div>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">进货商<RequiredMark /></span>
+        <SearchOrInputSelect
+          valueId={form.supplierId}
+          valueText={form.supplierName || ""}
+          options={supplierChannelSearchOptions}
+          placeholder="请选择进货商（来自渠道拓展）"
+          searchPlaceholder="搜索渠道名称，或直接输入文字"
+          emptyText="未找到匹配的渠道"
+          loading={loadingSupplierChannelOptions}
+          className={cn(fieldErrors?.supplierId ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(id, text) => {
+            onChange("supplierId", id || 0);
+            onChange("supplierName", text || "");
+          }}
+          onQueryChange={setSupplierChannelQuery}
+        />
+        {fieldErrors?.supplierId ? <p className="text-xs text-rose-500">{fieldErrors.supplierId}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">新华三对接人<RequiredMark /></span>
+        <SearchOrInputSelect
+          valueId={form.h3cContactId}
+          valueText={form.h3cContactName || ""}
+          options={supplierSalesSearchOptions}
+          placeholder="请选择新华三对接人（来自销售拓展）"
+          searchPlaceholder="搜索姓名或工号，或直接输入文字"
+          emptyText="未找到匹配的销售拓展人员"
+          loading={loadingSupplierSalesOptions}
+          className={cn(fieldErrors?.h3cContactId ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(id, text) => {
+            onChange("h3cContactId", id || 0);
+            onChange("h3cContactName", text || "");
+          }}
+          onQueryChange={setSupplierSalesQuery}
+        />
+        {fieldErrors?.h3cContactId ? <p className="text-xs text-rose-500">{fieldErrors.h3cContactId}</p> : null}
+      </label>
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">是否有扩容机会<RequiredMark /></span>
+        <AdaptiveSelect
+          value={form.hasExpansionOpportunity || ""}
+          placeholder="请选择"
+          sheetTitle="是否有扩容机会"
+          options={[
+            { value: "", label: "请选择" },
+            ...isOptions.map((option) => ({
+              value: option.value ?? "",
+              label: option.label || "无",
+            })),
+          ]}
+          className={cn(fieldErrors?.hasExpansionOpportunity ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("hasExpansionOpportunity", value || "")}
+        />
+        {fieldErrors?.hasExpansionOpportunity ? <p className="text-xs text-rose-500">{fieldErrors.hasExpansionOpportunity}</p> : null}
+      </label>
+      {form.hasExpansionOpportunity === "1" ? (
+        <>
+          <label className="space-y-2">
+            <span className="text-sm font-medium text-slate-700 dark:text-slate-300">扩容时间<RequiredMark /></span>
+            <input type="date" value={form.expansionTime} onChange={(e) => onChange("expansionTime", e.target.value)} className={getFieldInputClass(Boolean(fieldErrors?.expansionTime))} />
+            {fieldErrors?.expansionTime ? <p className="text-xs text-rose-500">{fieldErrors.expansionTime}</p> : null}
+          </label>
+          <label className="space-y-2">
+            <span className="text-sm font-medium text-slate-700 dark:text-slate-300">扩容规模<RequiredMark /></span>
+            <input value={form.expansionScale || ""} onChange={(e) => onChange("expansionScale", e.target.value)} placeholder="请输入扩容规模" className={getFieldInputClass(Boolean(fieldErrors?.expansionScale))} />
+            {fieldErrors?.expansionScale ? <p className="text-xs text-rose-500">{fieldErrors.expansionScale}</p> : null}
+          </label>
+        </>
+      ) : null}
+      <label className="space-y-2">
+        <span className="text-sm font-medium text-slate-700 dark:text-slate-300">是否有维保项目机会<RequiredMark /></span>
+        <AdaptiveSelect
+          value={form.hasMaintenanceOpportunity || ""}
+          placeholder="请选择"
+          sheetTitle="是否有维保项目机会"
+          options={[
+            { value: "", label: "请选择" },
+            ...isOptions.map((option) => ({
+              value: option.value ?? "",
+              label: option.label || "无",
+            })),
+          ]}
+          className={cn(fieldErrors?.hasMaintenanceOpportunity ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+          onChange={(value) => onChange("hasMaintenanceOpportunity", value || "")}
+        />
+        {fieldErrors?.hasMaintenanceOpportunity ? <p className="text-xs text-rose-500">{fieldErrors.hasMaintenanceOpportunity}</p> : null}
+      </label>
+    </div>
+  );
+
   return (
     <div className="crm-page-stack">
       <header className="crm-page-header">
@@ -2642,6 +4465,14 @@ export default function Expansion() {
         >
           渠道拓展
         </button>
+        <button
+          onClick={() => handleTabChange("crm")}
+          className={`flex-1 rounded-lg py-2 text-sm font-medium transition-colors duration-200 ${
+            activeTab === "crm" ? "bg-white text-violet-600 shadow-sm dark:bg-slate-800 dark:text-violet-400" : "text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white"
+          }`}
+        >
+          CRM拓展
+        </button>
       </div>
 
       <div className="group relative">
@@ -2721,8 +4552,82 @@ export default function Expansion() {
               );
             })
           ) : renderEmpty()
-        ) : channelData.length > 0 ? (
-          channelData.slice(0, visibleItemCount).map((item, i) => {
+        ) : activeTab === "crm" ? (
+          crmData.length > 0 ? (
+            crmData.slice(0, visibleItemCount).map((item, i) => {
+              const isOwnedByCurrentUser = currentUserId !== undefined && item.ownerUserId === currentUserId;
+              return (
+                <motion.div
+                  initial={disableMobileMotion ? false : { opacity: 0, y: 10 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={disableMobileMotion ? { duration: 0 } : { delay: i * 0.05 }}
+                  key={item.id}
+                  onClick={() => handleSelectItem(item)}
+                  className={cn(
+                    "crm-card crm-card-pad relative rounded-2xl transition-shadow transition-colors",
+                    isOwnedByCurrentUser
+                      ? "cursor-pointer hover:border-violet-100 hover:shadow-md dark:hover:border-violet-900/50"
+                      : "cursor-pointer border-slate-100 bg-slate-50/45 hover:border-slate-200 hover:shadow-sm dark:border-slate-800/80 dark:bg-slate-900/35 dark:hover:border-slate-700",
+                  )}
+                >
+                  {isOwnedByCurrentUser ? (
+                    <div className="pointer-events-none absolute inset-x-5 top-0 h-1.5 rounded-b-full bg-gradient-to-r from-violet-400/85 via-fuchsia-400/70 to-indigo-400/85 shadow-[0_6px_16px_rgba(124,58,237,0.18)] dark:from-violet-400/70 dark:via-fuchsia-400/55 dark:to-indigo-400/70" />
+                  ) : null}
+                  <div className="flex items-start gap-3">
+                    <div className="min-w-0 flex-1">
+                      <h3 className="break-anywhere text-base font-semibold text-slate-900 dark:text-white sm:text-lg">{item.endUser || "无"}</h3>
+                      <p className="break-anywhere mt-1 text-xs leading-5 text-slate-500 dark:text-slate-400 sm:text-sm">{getDictLabelByValue(item.officeName, officeOptions) || "无"} · {item.industryAttr || "无"}</p>
+                      <div className="mt-2 flex flex-wrap items-center gap-2">
+                        <span
+                          className={cn(
+                            "rounded-full border px-2.5 py-1 text-[11px] font-semibold leading-none",
+                            isOwnedByCurrentUser
+                              ? "border-emerald-200 bg-emerald-50 text-emerald-600 dark:border-emerald-500/20 dark:bg-emerald-500/10 dark:text-emerald-300"
+                              : "border-slate-200 bg-slate-50 text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-300",
+                          )}
+                        >
+                          {isOwnedByCurrentUser ? "我的" : "只读"}
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+              <div className="mt-4 grid grid-cols-1 gap-y-3 text-xs sm:grid-cols-2 sm:text-sm">
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">类型:</span>
+                  <span>{item.extensionType || "无"}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">在线情况:</span>
+                  <span>{item.onlineStatus || "无"}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">软件点数:</span>
+                  <span>{item.softwarePoints == null ? "无" : String(item.softwarePoints)}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">扩容时间:</span>
+                  <span>{item.expansionTimeText || "无"}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">扩容规模:</span>
+                  <span>{item.expansionScale || "无"}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">是否有维保项目机会:</span>
+                  <span>{item.hasMaintenanceOpportunity === "1" ? "是" : item.hasMaintenanceOpportunity === "0" ? "否" : "无"}</span>
+                </div>
+                <div className="flex items-center gap-2 text-slate-600 dark:text-slate-300">
+                  <span className="text-slate-400 dark:text-slate-500">创建人:</span>
+                  <span className="font-medium text-slate-900 dark:text-white">{item.owner || "无"}</span>
+                </div>
+              </div>
+                </motion.div>
+              );
+            })
+          ) : renderEmpty()
+        ) : (
+          channelData.length > 0 ? (
+            channelData.slice(0, visibleItemCount).map((item, i) => {
             const isOwnedByCurrentUser = currentUserId !== undefined && item.ownerUserId === currentUserId;
             return (
               <motion.div
@@ -2781,7 +4686,7 @@ export default function Expansion() {
               </motion.div>
             );
           })
-        ) : renderEmpty()}
+        ) : renderEmpty())}
         {loadMoreError ? (
           <div className="rounded-lg border border-rose-200 bg-rose-50 py-3 text-center text-sm font-medium text-rose-600 dark:border-rose-500/20 dark:bg-rose-500/10 dark:text-rose-300">
             {loadMoreError}
@@ -2819,6 +4724,7 @@ export default function Expansion() {
             certificationLevelOptions={certificationLevelOptions}
             channelAttributeOptions={channelAttributeOptions}
             relatedProjectStageOptions={relatedProjectStageOptions}
+            isOptions={isOptions}
             onClose={() => setExportFilterOpen(false)}
             onConfirm={(filters) => void handleExport(filters)}
           />
@@ -2826,7 +4732,7 @@ export default function Expansion() {
 
         {createOpen && (
           <ModalShell
-            title={`新增${activeTab === "sales" ? "销售人员拓展" : "渠道拓展"}`}
+            title={`新增${activeTab === "sales" ? "销售人员拓展" : activeTab === "crm" ? "CRM拓展" : "渠道拓展"}`}
             subtitle="支持电脑和手机填写，提交后自动刷新列表。"
             onClose={resetCreateState}
             footer={(
@@ -2836,7 +4742,7 @@ export default function Expansion() {
               </div>
             )}
           >
-            {activeTab === "sales" ? renderSalesForm(salesForm, handleSalesChange, salesCreateFieldErrors, false) : renderChannelForm(channelForm, handleChannelChange, false, channelCreateFieldErrors, invalidCreateChannelContactRows)}
+            {activeTab === "sales" ? renderSalesForm(salesForm, handleSalesChange, salesCreateFieldErrors, false) : activeTab === "crm" ? renderCrmForm(crmForm, handleCrmChange, crmFieldErrors, false, invalidCreateCrmContactRows) : renderChannelForm(channelForm, handleChannelChange, false, channelCreateFieldErrors, invalidCreateChannelContactRows)}
             {createError ? <div className="crm-alert crm-alert-error mt-4">{createError}</div> : null}
           </ModalShell>
         )}
@@ -2845,7 +4751,7 @@ export default function Expansion() {
       <AnimatePresence>
         {editOpen && selectedItem && (
           <ModalShell
-            title={`编辑${selectedItem.type === "sales" ? "销售人员拓展" : "渠道拓展"}`}
+            title={`编辑${selectedItem.type === "sales" ? "销售人员拓展" : selectedItem.type === "crm" ? "CRM拓展" : "渠道拓展"}`}
             subtitle="修改后会实时更新本人名下的拓展资料。"
             onClose={resetEditState}
             footer={(
@@ -2855,12 +4761,402 @@ export default function Expansion() {
               </div>
             )}
           >
-            {selectedItem.type === "sales" ? renderSalesForm(editSalesForm, handleEditSalesChange, salesEditFieldErrors, true) : renderChannelForm(editChannelForm, handleEditChannelChange, true, channelEditFieldErrors, invalidEditChannelContactRows)}
+            {selectedItem.type === "sales" ? renderSalesForm(editSalesForm, handleEditSalesChange, salesEditFieldErrors, true) : selectedItem.type === "crm" ? renderCrmForm(editCrmForm, handleEditCrmChange, editCrmFieldErrors, true, invalidEditCrmContactRows) : renderChannelForm(editChannelForm, handleEditChannelChange, true, channelEditFieldErrors, invalidEditChannelContactRows)}
             {editError ? <div className="crm-alert crm-alert-error mt-4">{editError}</div> : null}
           </ModalShell>
         )}
       </AnimatePresence>
 
+      <AnimatePresence>
+        {moveOpen && selectedItem && (
+          <ModalShell
+            title={selectedItem.type === "channel" ? "移至CRM拓展" : "移至渠道拓展"}
+            subtitle={selectedItem.type === "channel" ? "将整条记录及关联跟进/打卡/日报迁移到CRM拓展，请先补填CRM必填字段。注意：该渠道关联的商机将在迁移后断开拓展关联，其它以该渠道为进货商的CRM记录也将失去进货商。" : "将整条记录及关联跟进/打卡/日报迁移到渠道拓展，请先补填渠道必填字段。"}
+            onClose={resetMoveState}
+            footer={(
+              <div className="flex flex-col-reverse gap-3 sm:flex-row sm:justify-end">
+                <button onClick={resetMoveState} className="crm-btn crm-btn-secondary">取消</button>
+                <button onClick={() => void handleMoveSubmit()} disabled={moveSubmitting} className="crm-btn crm-btn-primary disabled:cursor-not-allowed disabled:opacity-60">{moveSubmitting ? "迁移中..." : "确认迁移"}</button>
+              </div>
+            )}
+          >
+            {selectedItem.type === "channel" ? (
+              <div className="crm-form-grid">
+                <label className="space-y-2 sm:col-span-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">最终用户（自动带入）</span>
+                  <input value={selectedItem.name ?? ""} readOnly className="crm-input-box-readonly crm-input-text w-full border border-slate-200 bg-slate-50 text-slate-500 outline-none dark:border-slate-800 dark:bg-slate-900/30 dark:text-slate-400" />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">代表处<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveChannelForm.officeName || ""}
+                    placeholder="请选择"
+                    sheetTitle="代表处"
+                    searchable
+                    searchPlaceholder="搜索代表处"
+                    options={[
+                      { value: "", label: "请选择" },
+                      ...officeOptions.map((option) => ({
+                        value: option.value ?? "",
+                        label: option.label || "无",
+                      })),
+                    ]}
+                    className={cn(moveChannelFieldErrors.officeName ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveChannelForm((current) => ({ ...current, officeName: value || "" }))}
+                  />
+                  {moveChannelFieldErrors.officeName ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.officeName}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">类型<RequiredMark /></span>
+                  <AdaptiveSelect
+                    multiple
+                    value={moveChannelForm.extensionType || []}
+                    placeholder="请选择"
+                    sheetTitle="类型"
+                    options={extensionTypeOptions.map((option) => ({
+                      value: option.value ?? "",
+                      label: option.label || "无",
+                    }))}
+                    className={cn(moveChannelFieldErrors.extensionType ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveChannelForm((current) => ({ ...current, extensionType: value }))}
+                  />
+                  {moveChannelFieldErrors.extensionType ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.extensionType}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">采购时间<RequiredMark /></span>
+                  <input type="date" value={moveChannelForm.purchaseDate} onChange={(e) => setMoveChannelForm((current) => ({ ...current, purchaseDate: e.target.value, warrantyExpiry: addYearsToDate(e.target.value, 3) }))} className={getFieldInputClass(Boolean(moveChannelFieldErrors.purchaseDate))} />
+                  {moveChannelFieldErrors.purchaseDate ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.purchaseDate}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">过保时间<RequiredMark /></span>
+                  <input type="date" value={moveChannelForm.warrantyExpiry} onChange={(e) => setMoveChannelForm((current) => ({ ...current, warrantyExpiry: e.target.value }))} className={getFieldInputClass(Boolean(moveChannelFieldErrors.warrantyExpiry))} />
+                  {moveChannelFieldErrors.warrantyExpiry ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.warrantyExpiry}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">在线情况<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveChannelForm.onlineStatus || ""}
+                    placeholder="请选择"
+                    sheetTitle="在线情况"
+                    options={[
+                      { value: "", label: "请选择" },
+                      ...onlineStatusOptions.map((option) => ({
+                        value: option.value ?? "",
+                        label: option.label || "无",
+                      })),
+                    ]}
+                    className={cn(moveChannelFieldErrors.onlineStatus ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveChannelForm((current) => ({ ...current, onlineStatus: value || "" }))}
+                  />
+                  {moveChannelFieldErrors.onlineStatus ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.onlineStatus}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">软件点数<RequiredMark /></span>
+                  <input
+                    type="number"
+                    min={0}
+                    value={moveChannelForm.softwarePoints ?? ""}
+                    onChange={(e) => setMoveChannelForm((current) => ({ ...current, softwarePoints: e.target.value === "" ? undefined : Number(e.target.value) }))}
+                    placeholder="请输入软件点数"
+                    className={getFieldInputClass(Boolean(moveChannelFieldErrors.softwarePoints))}
+                  />
+                  {moveChannelFieldErrors.softwarePoints ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.softwarePoints}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">进货商<RequiredMark /></span>
+                  <SearchOrInputSelect
+                    valueId={moveChannelForm.supplierId}
+                    valueText={moveChannelForm.supplierName || ""}
+                    options={supplierChannelSearchOptions.filter((item) => String(item.value) !== String(selectedItem.id))}
+                    placeholder="请选择进货商（来自渠道拓展）"
+                    searchPlaceholder="搜索渠道名称，或直接输入文字"
+                    emptyText="未找到匹配的渠道"
+                    loading={loadingSupplierChannelOptions}
+                    className={cn(moveChannelFieldErrors.supplierId ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(id, text) => setMoveChannelForm((current) => ({ ...current, supplierId: id || 0, supplierName: text || "" }))}
+                    onQueryChange={setSupplierChannelQuery}
+                  />
+                  {moveChannelFieldErrors.supplierId ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.supplierId}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">新华三对接人<RequiredMark /></span>
+                  <SearchOrInputSelect
+                    valueId={moveChannelForm.h3cContactId}
+                    valueText={moveChannelForm.h3cContactName || ""}
+                    options={supplierSalesSearchOptions}
+                    placeholder="请选择新华三对接人（来自销售拓展）"
+                    searchPlaceholder="搜索姓名或工号，或直接输入文字"
+                    emptyText="未找到匹配的销售拓展人员"
+                    loading={loadingSupplierSalesOptions}
+                    className={cn(moveChannelFieldErrors.h3cContactId ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(id, text) => setMoveChannelForm((current) => ({ ...current, h3cContactId: id || 0, h3cContactName: text || "" }))}
+                    onQueryChange={setSupplierSalesQuery}
+                  />
+                  {moveChannelFieldErrors.h3cContactId ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.h3cContactId}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">是否有扩容机会<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveChannelForm.hasExpansionOpportunity || ""}
+                    placeholder="请选择"
+                    sheetTitle="是否有扩容机会"
+                    options={[
+                      { value: "", label: "请选择" },
+                      ...isOptions.map((option) => ({
+                        value: option.value ?? "",
+                        label: option.label || "无",
+                      })),
+                    ]}
+                    className={cn(moveChannelFieldErrors.hasExpansionOpportunity ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveChannelForm((current) => ({ ...current, hasExpansionOpportunity: value || "" }))}
+                  />
+                  {moveChannelFieldErrors.hasExpansionOpportunity ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.hasExpansionOpportunity}</p> : null}
+                </label>
+                {moveChannelForm.hasExpansionOpportunity === "1" ? (
+                  <>
+                    <label className="space-y-2">
+                      <span className="text-sm font-medium text-slate-700 dark:text-slate-300">扩容时间<RequiredMark /></span>
+                      <input type="date" value={moveChannelForm.expansionTime || ""} onChange={(e) => setMoveChannelForm((current) => ({ ...current, expansionTime: e.target.value }))} className={getFieldInputClass(Boolean(moveChannelFieldErrors.expansionTime))} />
+                      {moveChannelFieldErrors.expansionTime ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.expansionTime}</p> : null}
+                    </label>
+                    <label className="space-y-2">
+                      <span className="text-sm font-medium text-slate-700 dark:text-slate-300">扩容规模<RequiredMark /></span>
+                      <input value={moveChannelForm.expansionScale || ""} onChange={(e) => setMoveChannelForm((current) => ({ ...current, expansionScale: e.target.value }))} placeholder="请输入扩容规模" className={getFieldInputClass(Boolean(moveChannelFieldErrors.expansionScale))} />
+                      {moveChannelFieldErrors.expansionScale ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.expansionScale}</p> : null}
+                    </label>
+                  </>
+                ) : null}
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">是否有维保项目机会<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveChannelForm.hasMaintenanceOpportunity || ""}
+                    placeholder="请选择"
+                    sheetTitle="是否有维保项目机会"
+                    options={[
+                      { value: "", label: "请选择" },
+                      ...isOptions.map((option) => ({
+                        value: option.value ?? "",
+                        label: option.label || "无",
+                      })),
+                    ]}
+                    className={cn(moveChannelFieldErrors.hasMaintenanceOpportunity ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveChannelForm((current) => ({ ...current, hasMaintenanceOpportunity: value || "" }))}
+                  />
+                  {moveChannelFieldErrors.hasMaintenanceOpportunity ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.hasMaintenanceOpportunity}</p> : null}
+                </label>
+                <div className="crm-form-section sm:col-span-2">
+                  <div className="crm-form-section-header">
+                    <span className="text-sm font-semibold text-slate-800 dark:text-slate-200">联系人信息<RequiredMark /></span>
+                    <button type="button" onClick={addMoveCrmContact} className="rounded-lg bg-white px-3 py-1.5 text-xs font-medium text-violet-600 shadow-sm dark:bg-slate-800 dark:text-violet-400">
+                      添加联系人
+                    </button>
+                  </div>
+                  <div className="crm-section-stack">
+                    {(moveChannelForm.contacts ?? []).map((contact, index) => (
+                      <div key={`move-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-200 bg-white p-3 sm:grid-cols-[1fr_1fr_1fr_auto] dark:border-slate-700 dark:bg-slate-900/50">
+                        <input value={contact.name || ""} onChange={(e) => handleMoveCrmContactChange(index, "name", e.target.value)} placeholder="联系人姓名" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidMoveCrmContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+                        <input value={contact.mobile || ""} onChange={(e) => handleMoveCrmContactChange(index, "mobile", e.target.value)} placeholder="联系人电话" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidMoveCrmContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+                        <input value={contact.title || ""} onChange={(e) => handleMoveCrmContactChange(index, "title", e.target.value)} placeholder="联系人职位" className={cn("w-full rounded-lg border bg-white px-3 py-2 text-sm outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:bg-slate-900/50", invalidMoveCrmContactRows.includes(index) ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "border-slate-200 dark:border-slate-800")} />
+                        <button type="button" onClick={() => removeMoveCrmContact(index)} className="crm-btn-danger rounded-lg px-3 py-2 text-sm font-medium">
+                          删除
+                        </button>
+                      </div>
+                    ))}
+                  </div>
+                  {moveChannelFieldErrors.contacts ? <p className="text-xs text-rose-500">{moveChannelFieldErrors.contacts}</p> : null}
+                </div>
+              </div>
+            ) : (
+              <div className="crm-form-grid">
+                <label className="space-y-2 sm:col-span-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">渠道名称（自动带入）</span>
+                  <input value={selectedItem.endUser ?? ""} readOnly className="crm-input-box-readonly crm-input-text w-full border border-slate-200 bg-slate-50 text-slate-500 outline-none dark:border-slate-800 dark:bg-slate-900/30 dark:text-slate-400" />
+                </label>
+                <ChannelAddressField
+                  value={{
+                    // 优先取用户在表单里实际已选的省份，否则从源 CRM 代表处反查 label 作初始展示
+                    province:
+                      moveCrmForm.province ||
+                      officeOptions.find((option) => option.value === selectedItem.officeName)?.label ||
+                      selectedItem.officeName ||
+                      "",
+                    city: moveCrmForm.city || "",
+                    officeAddress: moveCrmForm.officeAddress || "",
+                  }}
+                  onChange={(address) =>
+                    setMoveCrmForm((current) => ({
+                      ...current,
+                      province: address.province,
+                      city: address.city,
+                      officeAddress: address.officeAddress,
+                    }))
+                  }
+                  provinceOptions={provinceOptions}
+                  isEdit={false}
+                  errors={moveCrmFieldErrors}
+                  loadCityOptions={loadCityOptions}
+                />
+                <label className="space-y-2 sm:col-span-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">覆盖地市<RequiredMark /></span>
+                  <CoverageCascaderSelect
+                    value={{ provinces: moveCrmForm.coverageProvince ?? [], cities: moveCrmForm.coverageCity ?? [], items: moveCrmForm.coverageItems ?? [] }}
+                    onChange={(next) =>
+                      setMoveCrmForm((current) => ({
+                        ...current,
+                        coverageProvince: next.provinces,
+                        coverageCity: next.cities,
+                        coverageItems: next.items,
+                      }))
+                    }
+                    provinceOptions={provinceOptions}
+                    getCities={loadCityOptions}
+                    isEdit={false}
+                    hasError={Boolean(moveCrmFieldErrors.coverageProvince || moveCrmFieldErrors.coverageCity)}
+                  />
+                  {(moveCrmFieldErrors.coverageProvince || moveCrmFieldErrors.coverageCity) ? (
+                    <p className="text-xs text-rose-500">{moveCrmFieldErrors.coverageProvince || moveCrmFieldErrors.coverageCity}</p>
+                  ) : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">汇智内部认证级别<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveCrmForm.certificationLevel || ""}
+                    placeholder="请选择"
+                    sheetTitle="汇智内部认证级别"
+                    options={[
+                      { value: "", label: "请选择" },
+                      ...certificationLevelOptions.map((option) => ({
+                        value: option.value ?? "",
+                        label: option.label || "无",
+                      })),
+                    ]}
+                    className={cn(moveCrmFieldErrors.certificationLevel ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveCrmForm((current) => ({ ...current, certificationLevel: value || "" }))}
+                  />
+                  {moveCrmFieldErrors.certificationLevel ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.certificationLevel}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">{CHANNEL_REVENUE_LABEL}<RequiredMark /></span>
+                  <input
+                    type="number"
+                    min="0.01"
+                    step="0.01"
+                    placeholder="请输入万元"
+                    value={moveCrmForm.annualRevenue ?? ""}
+                    onChange={(e) => setMoveCrmForm((current) => ({ ...current, annualRevenue: e.target.value ? Number(e.target.value) : 0 }))}
+                    className={getFieldInputClass(Boolean(moveCrmFieldErrors.annualRevenue))}
+                  />
+                  {moveCrmFieldErrors.annualRevenue ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.annualRevenue}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">人员规模<RequiredMark /></span>
+                  <input type="number" min="1" step="1" value={moveCrmForm.staffSize ?? ""} onChange={(e) => setMoveCrmForm((current) => ({ ...current, staffSize: e.target.value ? Number(e.target.value) : 0 }))} className={getFieldInputClass(Boolean(moveCrmFieldErrors.staffSize))} />
+                  {moveCrmFieldErrors.staffSize ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.staffSize}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">{CHANNEL_REGISTERED_CAPITAL_LABEL}<RequiredMark /></span>
+                  <input
+                    type="number"
+                    min="0.01"
+                    step="0.01"
+                    placeholder="请输入万元"
+                    value={moveCrmForm.registeredCapital ?? ""}
+                    onChange={(e) => setMoveCrmForm((current) => ({ ...current, registeredCapital: e.target.value ? Number(e.target.value) : 0 }))}
+                    className={getFieldInputClass(Boolean(moveCrmFieldErrors.registeredCapital))}
+                  />
+                  {moveCrmFieldErrors.registeredCapital ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.registeredCapital}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">渠道属性<RequiredMark /></span>
+                  <AdaptiveSelect
+                    multiple
+                    value={moveCrmForm.channelAttribute || []}
+                    placeholder="请选择"
+                    sheetTitle="渠道属性"
+                    options={channelAttributeOptions.map((option) => ({
+                      value: option.value ?? "",
+                      label: option.label || "无",
+                    }))}
+                    className={cn(moveCrmFieldErrors.channelAttribute ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => {
+                      setMoveCrmForm((current) => ({ ...current, channelAttribute: value }));
+                      if (!channelOtherOptionValue || !value.includes(channelOtherOptionValue)) {
+                        setMoveCrmForm((current) => ({ ...current, channelAttributeCustom: "" }));
+                      }
+                    }}
+                  />
+                  {moveCrmFieldErrors.channelAttribute ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.channelAttribute}</p> : null}
+                </label>
+                {channelOtherOptionValue && (moveCrmForm.channelAttribute ?? []).includes(channelOtherOptionValue) ? (
+                  <label className="space-y-2">
+                    <span className="text-sm font-medium text-slate-700 dark:text-slate-300">其它渠道属性<RequiredMark /></span>
+                    <input
+                      value={moveCrmForm.channelAttributeCustom || ""}
+                      onChange={(e) => setMoveCrmForm((current) => ({ ...current, channelAttributeCustom: e.target.value }))}
+                      placeholder="请输入具体渠道属性"
+                      className={getFieldInputClass(false)}
+                    />
+                  </label>
+                ) : null}
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">新华三内部属性<RequiredMark /></span>
+                  <AdaptiveSelect
+                    multiple
+                    value={moveCrmForm.internalAttribute || []}
+                    placeholder="请选择"
+                    sheetTitle="新华三内部属性"
+                    options={internalAttributeOptions.map((option) => ({
+                      value: option.value ?? "",
+                      label: option.label || "无",
+                    }))}
+                    className={cn(moveCrmFieldErrors.internalAttribute ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveCrmForm((current) => ({ ...current, internalAttribute: value }))}
+                  />
+                  {moveCrmFieldErrors.internalAttribute ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.internalAttribute}</p> : null}
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">合作意向<RequiredMark /></span>
+                  <AdaptiveSelect
+                    value={moveCrmForm.intentLevel || ""}
+                    placeholder="请选择"
+                    sheetTitle="合作意向"
+                    options={[
+                      { value: "high", label: "高" },
+                      { value: "medium", label: "中" },
+                      { value: "low", label: "低" },
+                    ]}
+                    className={cn(moveCrmFieldErrors.intentLevel ? "border-rose-400 bg-rose-50/60 focus:border-rose-500 focus:ring-rose-500 dark:border-rose-500/70 dark:bg-rose-500/10" : "")}
+                    onChange={(value) => setMoveCrmForm((current) => ({ ...current, intentLevel: value || "" }))}
+                  />
+                  {moveCrmFieldErrors.intentLevel ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.intentLevel}</p> : null}
+                </label>
+                <label className="flex items-center justify-between rounded-xl border border-slate-200 px-4 py-3 dark:border-slate-800">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">以前是否做过云桌面项目</span>
+                  <input type="checkbox" checked={Boolean(moveCrmForm.hasDesktopExp)} onChange={(e) => setMoveCrmForm((current) => ({ ...current, hasDesktopExp: e.target.checked }))} />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-sm font-medium text-slate-700 dark:text-slate-300">预计签约时间</span>
+                  <input type="date" value={moveCrmForm.expectedSignDate || ""} onChange={(e) => setMoveCrmForm((current) => ({ ...current, expectedSignDate: e.target.value }))} className="crm-input-box crm-input-text w-full border border-slate-200 bg-white outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50" />
+                </label>
+                <div className="crm-form-section sm:col-span-2">
+                  <div className="crm-form-section-header">
+                    <span className="text-sm font-semibold text-slate-800 dark:text-slate-200">联系人信息<RequiredMark /></span>
+                  </div>
+                  <ChannelContactRows
+                    contacts={moveCrmForm.contacts ?? []}
+                    invalidContactRows={invalidMoveChannelContactRows}
+                    onContactChange={handleMoveChannelContactChange}
+                    wecomOptions={isOptions}
+                  />
+                  {moveCrmFieldErrors.contacts ? <p className="text-xs text-rose-500">{moveCrmFieldErrors.contacts}</p> : null}
+                </div>
+              </div>
+            )}
+            {moveError ? <div className="crm-alert crm-alert-error mt-4">{moveError}</div> : null}
+          </ModalShell>
+        )}
+      </AnimatePresence>
+
       <AnimatePresence>
         {selectedItem && (
           <>
@@ -2885,7 +5181,7 @@ export default function Expansion() {
               <div className="flex items-center justify-between border-b border-slate-100 px-5 py-4 dark:border-slate-800 sm:px-6">
                 <div className="flex items-center gap-3">
                   <div className="h-1.5 w-10 rounded-full bg-slate-200 sm:hidden dark:bg-slate-700" />
-                  <h2 className="text-base font-semibold text-slate-900 dark:text-white sm:text-lg">{selectedItem.type === "sales" ? "销售拓展详情" : "渠道拓展详情"}</h2>
+                  <h2 className="text-base font-semibold text-slate-900 dark:text-white sm:text-lg">{selectedItem.type === "sales" ? "销售拓展详情" : selectedItem.type === "crm" ? "CRM拓展详情" : "渠道拓展详情"}</h2>
                 </div>
                   <button onClick={() => setSelectedItem(null)} className="rounded-full p-2 text-slate-400 transition-colors hover:bg-slate-100 dark:hover:bg-slate-800">
                     <X className="crm-icon-lg" />
@@ -2897,14 +5193,18 @@ export default function Expansion() {
                 <div>
                   {selectedItem.type === "sales" ? (
                     <p className="text-xs font-medium uppercase tracking-[0.18em] text-slate-400 dark:text-slate-500">工号 {selectedItem.employeeNo || "无"}</p>
+                  ) : selectedItem.type === "crm" ? (
+                    <p className="text-xs font-medium uppercase tracking-[0.18em] text-slate-400 dark:text-slate-500">CRM拓展</p>
                   ) : (
                     <p className="text-xs font-medium uppercase tracking-[0.18em] text-slate-400 dark:text-slate-500">{selectedItem.channelCode || "未编码"}</p>
                   )}
-                  <h3 className="break-anywhere text-lg font-bold text-slate-900 dark:text-white sm:text-xl">{selectedItem.name || "无"}</h3>
+                  <h3 className="break-anywhere text-lg font-bold text-slate-900 dark:text-white sm:text-xl">{selectedItem.type === "crm" ? (selectedItem.endUser || "无") : (selectedItem.name || "无")}</h3>
                   <p className="break-anywhere mt-1 text-xs leading-5 text-slate-500 dark:text-slate-400 sm:text-sm">
                     {selectedItem.type === "sales"
                       ? `${selectedItem.officeName || "无"} · ${selectedItem.dept || "无"} · ${selectedItem.title || "无"}`
-                      : `${selectedItem.province || "无"} · ${selectedItem.city || "无"} · ${selectedItem.channelIndustry || "无"} · ${selectedItem.certificationLevel || "无"}`}
+                      : selectedItem.type === "crm"
+                        ? `${getDictLabelByValue(selectedItem.officeName, officeOptions) || "无"} · ${selectedItem.industryAttr || "无"}`
+                        : `${selectedItem.province || "无"} · ${selectedItem.city || "无"} · ${selectedItem.channelIndustry || "无"} · ${selectedItem.certificationLevel || "无"}`}
                   </p>
                   <div className="mt-3 flex flex-wrap gap-2">
                     {selectedItem.type === "sales" ? (
@@ -2926,31 +5226,94 @@ export default function Expansion() {
                         <DetailItem label="工号" value={selectedItem.employeeNo || "无"} />
                         <DetailItem label="代表处 / 办事处" value={selectedItem.officeName || "无"} />
                         <DetailItem label="联系方式" value={selectedItem.phone || "无"} icon={<Phone className="h-3 w-3" />} />
-                        <DetailItem label="所属部门" value={selectedItem.dept || "无"} />
+                        {(() => {
+                          const pairing = new Map<string, string[]>();
+                          (selectedItem.regionItems ?? "")
+                            .split("，")
+                            .map((segment) => segment.trim())
+                            .filter(Boolean)
+                            .forEach((segment) => {
+                              const [province = "", city = ""] = segment.split("|");
+                              if (!province) return;
+                              if (!pairing.has(province)) pairing.set(province, []);
+                              if (city) pairing.get(province)!.push(city);
+                            });
+                          const groups = Array.from(pairing.entries());
+                          const formatted = groups
+                            .map(([province, cities]) =>
+                              cities.length > 0 ? `${province}:${cities.join("、")}` : `${province}:全省`,
+                            )
+                            .join("，");
+                          return <DetailItem label="所属区域" value={formatted || "无"} className="sm:col-span-2" />;
+                        })()}
                         <DetailItem label="所属行业" value={selectedItem.industry || "无"} icon={<Building2 className="h-3 w-3" />} />
                         <DetailItem label="职务" value={selectedItem.title || "无"} />
                         <DetailItem label="合作意向" value={selectedItem.intent || "无"} />
                         <DetailItem label="销售以前是否做过云桌面项目" value={selectedItem.hasExp ? "是" : "否"} />
                         <DetailItem label="销售是否在职" value={selectedItem.active ? "是" : "否"} />
                       </>
+                    ) : selectedItem.type === "crm" ? (
+                      <>
+                        <DetailItem label="最终用户" value={selectedItem.endUser || "无"} />
+                        <DetailItem label="代表处" value={getDictLabelByValue(selectedItem.officeName, officeOptions) || "无"} />
+                        <DetailItem label="行业属性" value={selectedItem.industryAttr || "无"} />
+                        <DetailItem label="类型" value={selectedItem.extensionType || "无"} />
+                        <DetailItem label="软件点数" value={selectedItem.softwarePoints == null ? "无" : String(selectedItem.softwarePoints)} />
+                        <DetailItem label="采购时间" value={selectedItem.purchaseDateText || "无"} />
+                        <DetailItem label="过保时间" value={selectedItem.warrantyExpiryText || "无"} />
+                        <DetailItem label="在线情况" value={selectedItem.onlineStatus || "无"} />
+                        <DetailItem label="进货商" value={selectedItem.supplierName || "无"} />
+                        <DetailItem label="新华三对接人" value={selectedItem.h3cContactName || "无"} />
+                        <DetailItem label="是否有扩容机会" value={selectedItem.hasExpansionOpportunity === "1" ? "是" : selectedItem.hasExpansionOpportunity === "0" ? "否" : "无"} />
+                        {selectedItem.hasExpansionOpportunity === "1" ? (
+                          <>
+                            <DetailItem label="扩容时间" value={selectedItem.expansionTimeText || "无"} />
+                            <DetailItem label="扩容规模" value={selectedItem.expansionScale || "无"} />
+                          </>
+                        ) : null}
+                        <DetailItem label="是否有维保项目机会" value={selectedItem.hasMaintenanceOpportunity === "1" ? "是" : selectedItem.hasMaintenanceOpportunity === "0" ? "否" : "无"} />
+                      </>
                     ) : (
                       <>
-                        <DetailItem label="编码" value={selectedItem.channelCode || "无"} />
-                        <DetailItem label="省份" value={selectedItem.province || "无"} />
-                        <DetailItem label="市" value={selectedItem.city || "无"} />
-                        <DetailItem label="汇智内部认证级别" value={selectedItem.certificationLevel || "无"} />
-                        <DetailItem label="办公地址" value={selectedItem.officeAddress || "无"} className="sm:col-span-2" />
+                        <DetailItem label="编码" value={selectedItem.channelCode || "无"} className="sm:col-span-2" />
+                        <DetailItem
+                          label="办公地区"
+                          value={`${selectedItem.province || "无"}${selectedItem.city ? ` / ${selectedItem.city}` : ""}`}
+                        />
+                        <DetailItem label="详细地址" value={selectedItem.officeAddress || "无"} />
+                        {(() => {
+                          const pairing = new Map<string, string[]>();
+                          (selectedItem.coverageItems ?? "")
+                            .split("，")
+                            .map((segment) => segment.trim())
+                            .filter(Boolean)
+                            .forEach((segment) => {
+                              const [province = "", city = ""] = segment.split("|");
+                              if (!province) return;
+                              if (!pairing.has(province)) pairing.set(province, []);
+                              if (city) pairing.get(province)!.push(city);
+                            });
+                          const groups = Array.from(pairing.entries());
+                          const formatted = groups
+                            .map(([province, cities]) =>
+                              cities.length > 0 ? `${province}:${cities.join("、")}` : `${province}:全省`,
+                            )
+                            .join("，");
+                          return <DetailItem label="覆盖地市" value={groups.length > 0 ? formatted : "无"} className="sm:col-span-2" />;
+                        })()}
                         <DetailItem label="聚焦行业" value={selectedItem.channelIndustry || "无"} icon={<Building2 className="h-3 w-3" />} />
+                        <DetailItem label="汇智内部认证级别" value={selectedItem.certificationLevel || "无"} />
                         <DetailItem label={CHANNEL_REVENUE_LABEL} value={selectedItem.revenue || "无"} />
                         <DetailItem label="人员规模" value={`${selectedItem.size ?? 0}人`} />
+                        <DetailItem label={CHANNEL_REGISTERED_CAPITAL_LABEL} value={selectedItem.registeredCapital ? `${selectedItem.registeredCapital}万元` : "无"} />
                         <DetailItem label="建立联系时间" value={selectedItem.establishedDate || "无"} icon={<Calendar className="h-3 w-3" />} />
                         <DetailItem label="合作意向" value={selectedItem.intent || "无"} />
-                        <DetailItem label="以前是否做过云桌面项目" value={selectedItem.hasDesktopExp ? "是" : "否"} />
                         <DetailItem label="渠道属性" value={selectedItem.channelAttribute || "无"} />
                         <DetailItem label="新华三内部属性" value={selectedItem.internalAttribute || "无"} />
+                        <DetailItem label="以前是否做过云桌面项目" value={selectedItem.hasDesktopExp ? "是" : "否"} />
                       </>
                     )}
-                    {selectedItem.type !== "sales" ? <DetailItem label="备注说明" value={selectedItem.notes || "无"} className="sm:col-span-2" /> : null}
+                    {selectedItem.type === "channel" ? <DetailItem label="备注说明" value={selectedItem.notes || "无"} className="sm:col-span-2" /> : null}
                   </div>
                 </div>
 
@@ -3012,6 +5375,67 @@ export default function Expansion() {
                       </div>
                     )}
                   </div>
+                ) : selectedItem.type === "crm" ? (
+                  <div className="crm-section-stack">
+                    <div className="flex rounded-2xl border border-slate-200 bg-slate-50 p-1 dark:border-slate-800 dark:bg-slate-800/40">
+                      <button
+                        type="button"
+                        onClick={() => setCrmDetailTab("contacts")}
+                        className={`flex-1 rounded-xl px-4 py-2 text-sm font-medium transition-colors ${
+                          crmDetailTab === "contacts"
+                            ? "bg-white text-violet-600 shadow-sm dark:bg-slate-900 dark:text-violet-400"
+                            : "text-slate-500 dark:text-slate-400"
+                        }`}
+                      >
+                        联系人
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() => setCrmDetailTab("followups")}
+                        className={`flex-1 rounded-xl px-4 py-2 text-sm font-medium transition-colors ${
+                          crmDetailTab === "followups"
+                            ? "bg-white text-violet-600 shadow-sm dark:bg-slate-900 dark:text-violet-400"
+                            : "text-slate-500 dark:text-slate-400"
+                        }`}
+                      >
+                        拜访记录
+                      </button>
+                    </div>
+
+                    {crmDetailTab === "contacts" ? (
+                      <div className="crm-section-stack">
+                        <h4 className="flex items-center gap-2 text-sm font-semibold text-slate-900 dark:text-white">
+                          <User className="crm-icon-md text-violet-500" />
+                          联系人信息
+                        </h4>
+                        {(selectedItem.contacts?.length ?? 0) > 0 ? (
+                          <div className="space-y-3">
+                            {selectedItem.contacts?.map((contact, index) => (
+                              <div key={`${contact.name || "contact"}-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-100 bg-slate-50/50 p-4 text-sm dark:border-slate-800 dark:bg-slate-800/20 sm:grid-cols-3">
+                                <div><p className="mb-1 text-slate-500 dark:text-slate-400">联系人姓名</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.name || "无"}</p></div>
+                                <div><p className="mb-1 text-slate-500 dark:text-slate-400">联系人电话</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.mobile || "无"}</p></div>
+                                <div><p className="mb-1 text-slate-500 dark:text-slate-400">联系人职位</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.title || "无"}</p></div>
+                              </div>
+                            ))}
+                          </div>
+                        ) : (
+                          <div className="crm-empty-panel">
+                            暂无联系人信息
+                          </div>
+                        )}
+                      </div>
+                    ) : null}
+
+                    {crmDetailTab === "followups" ? (
+                      <div className="crm-section-stack">
+                        <h4 className="flex items-center gap-2 text-sm font-semibold text-slate-900 dark:text-white">
+                          <Clock className="crm-icon-md text-violet-500" />
+                          拜访记录
+                        </h4>
+                        {renderFollowUpTimeline()}
+                      </div>
+                    ) : null}
+                  </div>
                 ) : (
                   <div className="crm-section-stack">
                     <div className="flex rounded-2xl border border-slate-200 bg-slate-50 p-1 dark:border-slate-800 dark:bg-slate-800/40">
@@ -3076,9 +5500,13 @@ export default function Expansion() {
                         <div className="space-y-3">
                           {selectedItem.contacts?.map((contact, index) => (
                             <div key={`${contact.name || "contact"}-${index}`} className="grid grid-cols-1 gap-3 rounded-xl border border-slate-100 bg-slate-50/50 p-4 text-sm dark:border-slate-800 dark:bg-slate-800/20 sm:grid-cols-3">
+                              <div><p className="mb-1 text-slate-500 dark:text-slate-400">工作职责</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.duty || "无"}</p></div>
                               <div><p className="mb-1 text-slate-500 dark:text-slate-400">人员姓名</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.name || "无"}</p></div>
+                              <div><p className="mb-1 text-slate-500 dark:text-slate-400">职务</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.title || "无"}</p></div>
                               <div><p className="mb-1 text-slate-500 dark:text-slate-400">联系电话</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.mobile || "无"}</p></div>
-                              <div><p className="mb-1 text-slate-500 dark:text-slate-400">职位</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.title || "无"}</p></div>
+                              <div><p className="mb-1 text-slate-500 dark:text-slate-400">生日</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.birthday || "无"}</p></div>
+                              <div><p className="mb-1 text-slate-500 dark:text-slate-400">是否加企业微信</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.wecomAdded ? getDictLabelByValue(contact.wecomAdded, isOptions) : "无"}</p></div>
+                              <div className="sm:col-span-3"><p className="mb-1 text-slate-500 dark:text-slate-400">特别说明</p><p className="break-anywhere font-medium text-slate-900 dark:text-white">{contact.specialNote || "无"}</p></div>
                             </div>
                           ))}
                         </div>
@@ -3102,7 +5530,7 @@ export default function Expansion() {
                   {!canEditSelectedItem ? (
                     <p className="mb-3 text-xs text-slate-400 dark:text-slate-500">当前记录非本人创建，仅支持查看详情，不能编辑。</p>
                   ) : null}
-                  <div className="grid grid-cols-1 gap-3">
+                  <div className={`grid gap-3 ${selectedItem && (selectedItem.type === "channel" || selectedItem.type === "crm") ? "grid-cols-2" : "grid-cols-1"}`}>
                     <button
                       type="button"
                       onClick={() => void handleOpenEdit()}
@@ -3112,6 +5540,17 @@ export default function Expansion() {
                     >
                       {canEditSelectedItem ? "编辑资料" : "仅本人可操作"}
                     </button>
+                    {selectedItem && (selectedItem.type === "channel" || selectedItem.type === "crm") ? (
+                      <button
+                        type="button"
+                        onClick={() => void handleOpenMove()}
+                        disabled={!canEditSelectedItem}
+                        title={canEditSelectedItem ? (selectedItem.type === "channel" ? "移至CRM拓展" : "移至渠道拓展") : "仅本人可操作"}
+                        className="crm-btn crm-btn-secondary inline-flex h-11 w-full items-center justify-center disabled:cursor-not-allowed disabled:opacity-60"
+                      >
+                        {canEditSelectedItem ? (selectedItem.type === "channel" ? "移至CRM拓展" : "移至渠道拓展") : "仅本人可操作"}
+                      </button>
+                    ) : null}
                   </div>
                 </div>
               </div>
diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index 780f5a67..42f29328 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -96,7 +96,7 @@ export default function LoginPage() {
   const [initializing, setInitializing] = useState(true);
   const [error, setError] = useState("");
 
-  const appName = "紫光汇智CRM系统";
+  const appName = "Sales-Channel-Customer";
   const systemDescription = platformConfig?.systemDescription || "聚焦客户拓展、商机推进与销售协同，让团队每天的工作节奏更清晰。";
 
   const backgroundStyle = useMemo(
@@ -354,7 +354,7 @@ export default function LoginPage() {
                   {error ? <div className="login-error">{error}</div> : null}
 
                   <button className="login-submit" type="submit" disabled={loading || initializing}>
-                    {loading ? "登录中..." : "立即登录"}
+                    {loading ? "登录中..." : "登录 SCC"}
                   </button>
                 </form>
               </div>
diff --git a/frontend/src/pages/Opportunities.tsx b/frontend/src/pages/Opportunities.tsx
index 224856c7..1beeff3c 100644
--- a/frontend/src/pages/Opportunities.tsx
+++ b/frontend/src/pages/Opportunities.tsx
@@ -5,6 +5,7 @@ import { createPortal } from "react-dom";
 import { useLocation } from "react-router-dom";
 import {
   checkChannelExpansionDuplicate,
+  checkOpportunityDuplicate,
   checkSalesExpansionDuplicate,
   canUsePermission,
   createChannelExpansion,
@@ -30,6 +31,7 @@ import {
   type ExpansionDictOption,
   type OmsPreSalesOption,
   type OpportunityDictOption,
+  type OpportunityDuplicateItem,
   type OpportunityFollowUp,
   type OpportunityItem,
   type PushOpportunityToOmsPayload,
@@ -37,13 +39,13 @@ import {
   type WorkReportAttachment,
 } from "@/lib/auth";
 import { AdaptiveSelect } from "@/components/AdaptiveSelect";
+import { SearchableSelect, appendSearchableOptionIfMissing, type SearchableOption } from "@/components/SearchableSelect";
 import { AttachmentPreviewModal, formatAttachmentSize } from "@/components/AttachmentPreviewModal";
 import {
   QuickChannelForm as SharedQuickChannelForm,
   QuickSalesForm as SharedQuickSalesForm,
   type ChannelField,
   type SalesCreateField,
-  createEmptyChannelContact as createSharedEmptyChannelContact,
   defaultQuickChannelForm as sharedDefaultQuickChannelForm,
   defaultQuickSalesForm as sharedDefaultQuickSalesForm,
   isOtherOption as isSharedOtherOption,
@@ -52,6 +54,7 @@ import {
   validateChannelForm as validateSharedChannelForm,
   validateSalesCreateForm as validateSharedSalesCreateForm,
 } from "@/features/crmQuickCreate/shared";
+import { useIsMobileViewport } from "@/hooks/useIsMobileViewport";
 import { useIsWecomBrowser } from "@/hooks/useIsWecomBrowser";
 import { cn } from "@/lib/utils";
 
@@ -977,6 +980,7 @@ function OpportunityExportFilterModal({
   exportError,
   archiveTab,
   stageOptions,
+  allStageOptions,
   confidenceOptions,
   projectLocationOptions,
   opportunityTypeOptions,
@@ -989,6 +993,7 @@ function OpportunityExportFilterModal({
   exportError: string;
   archiveTab: OpportunityArchiveTab;
   stageOptions: OpportunityDictOption[];
+  allStageOptions: OpportunityDictOption[];
   confidenceOptions: OpportunityDictOption[];
   projectLocationOptions: OpportunityDictOption[];
   opportunityTypeOptions: OpportunityDictOption[];
@@ -1000,7 +1005,8 @@ function OpportunityExportFilterModal({
   const [draftFilters, setDraftFilters] = useState<OpportunityExportFilters>(normalizedInitialFilters);
   const selectedFields = resolveSelectedOpportunityFields(draftFilters.selectedFields);
   const defaultStageCodes = getDefaultOpportunityExportStageCodes(stageOptions, archiveTab);
-  const exportStageOptions = stageOptions
+  // 已签单 tab：阶段筛选展示全量阶段（含已禁用字典项），便于勾选导出；其余 tab 仅展示启用阶段
+  const exportStageOptions = (archiveTab === "archived" && allStageOptions.length > 0 ? allStageOptions : stageOptions)
     .filter((option) => archiveTab === "lost" || archiveTab === "archived" || !isLostOpportunityStageOption(option))
     .map((option) => {
       const value = getOpportunityDictOptionValue(option);
@@ -1320,20 +1326,6 @@ function OpportunityExportFilterModal({
   );
 }
 
-type SearchableOption = {
-  value: CrmId;
-  label: string;
-  keywords?: string[];
-};
-
-function getSearchableOptionLabel(option: SearchableOption) {
-  const normalizedLabel = typeof option.label === "string" ? option.label.trim() : "";
-  if (normalizedLabel) {
-    return normalizedLabel;
-  }
-  return String(option.value ?? "");
-}
-
 function formatSalesExpansionOptionLabel(item?: Pick<SalesExpansionItem, "id" | "name" | "phone"> | null) {
   if (!item) {
     return "";
@@ -1343,345 +1335,6 @@ function formatSalesExpansionOptionLabel(item?: Pick<SalesExpansionItem, "id" |
   return normalizedPhone ? `${normalizedName}（${normalizedPhone}）` : normalizedName;
 }
 
-function dedupeSearchableOptions(options: SearchableOption[]) {
-  const seenValues = new Set<SearchableOption["value"]>();
-  return options.filter((option) => {
-    if (seenValues.has(option.value)) {
-      return false;
-    }
-    seenValues.add(option.value);
-    return true;
-  });
-}
-
-function appendSearchableOptionIfMissing(options: SearchableOption[], fallbackOption?: SearchableOption | null) {
-  if (!fallbackOption) {
-    return options;
-  }
-  return dedupeSearchableOptions([...options, fallbackOption]);
-}
-
-function useIsMobileViewport() {
-  const [isMobile, setIsMobile] = useState(() => {
-    if (typeof window === "undefined") {
-      return false;
-    }
-    return window.matchMedia("(max-width: 639px)").matches;
-  });
-
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-
-    const mediaQuery = window.matchMedia("(max-width: 639px)");
-    const handleChange = () => setIsMobile(mediaQuery.matches);
-    handleChange();
-
-    if (typeof mediaQuery.addEventListener === "function") {
-      mediaQuery.addEventListener("change", handleChange);
-      return () => mediaQuery.removeEventListener("change", handleChange);
-    }
-
-    mediaQuery.addListener(handleChange);
-    return () => mediaQuery.removeListener(handleChange);
-  }, []);
-
-  return isMobile;
-}
-
-function SearchableSelect({
-  value,
-  options,
-  placeholder,
-  searchPlaceholder,
-  emptyText,
-  loading = false,
-  createActionLabel,
-  className,
-  onChange,
-  onCreate,
-  onQueryChange,
-}: {
-  value?: CrmId;
-  options: SearchableOption[];
-  placeholder: string;
-  searchPlaceholder: string;
-  emptyText: string;
-  loading?: boolean;
-  createActionLabel?: string;
-  className?: string;
-  onChange: (value?: CrmId) => void;
-  onCreate?: (query: string) => void;
-  onQueryChange?: (query: string) => void;
-}) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const [desktopDropdownPlacement, setDesktopDropdownPlacement] = useState<"top" | "bottom">("bottom");
-  const [desktopDropdownMaxHeight, setDesktopDropdownMaxHeight] = useState(256);
-  const containerRef = useRef<HTMLDivElement | null>(null);
-  const desktopDropdownRef = useRef<HTMLDivElement | null>(null);
-  const isMobile = useIsMobileViewport();
-  const [desktopDropdownStyle, setDesktopDropdownStyle] = useState<{ top: number; left: number; width: number } | null>(null);
-  const normalizedOptions = dedupeSearchableOptions(options);
-  const selectedOption = normalizedOptions.find((item) => item.value === value);
-  const normalizedQuery = query.trim().toLowerCase();
-  const filteredOptions = normalizedOptions.filter((item) => {
-    if (!normalizedQuery) {
-      return true;
-    }
-
-    const haystacks = [getSearchableOptionLabel(item), ...(item.keywords ?? [])]
-      .filter(Boolean)
-      .map((entry) => entry.toLowerCase());
-
-    return haystacks.some((entry) => entry.includes(normalizedQuery));
-  });
-
-  const resetQuery = () => {
-    setQuery("");
-    onQueryChange?.("");
-  };
-
-  useEffect(() => {
-    if (!open || isMobile) {
-      setDesktopDropdownStyle(null);
-      return;
-    }
-
-    const updateDesktopDropdownLayout = () => {
-      const rect = containerRef.current?.getBoundingClientRect();
-      if (!rect || typeof window === "undefined") {
-        return;
-      }
-
-      const viewportHeight = window.innerHeight;
-      const safePadding = 24;
-      const panelPadding = 96;
-      const availableBelow = Math.max(160, viewportHeight - rect.bottom - safePadding - panelPadding);
-      const availableAbove = Math.max(160, rect.top - safePadding - panelPadding);
-      const shouldOpenUpward = availableBelow < 280 && availableAbove > availableBelow;
-
-      setDesktopDropdownPlacement(shouldOpenUpward ? "top" : "bottom");
-      setDesktopDropdownMaxHeight(Math.min(320, shouldOpenUpward ? availableAbove : availableBelow));
-      setDesktopDropdownStyle({
-        top: shouldOpenUpward ? Math.max(safePadding, rect.top - 8) : rect.bottom + 8,
-        left: rect.left,
-        width: rect.width,
-      });
-    };
-
-    updateDesktopDropdownLayout();
-
-    const handlePointerDown = (event: MouseEvent) => {
-      const targetNode = event.target as Node;
-      if (!containerRef.current?.contains(targetNode) && !desktopDropdownRef.current?.contains(targetNode)) {
-        setOpen(false);
-        resetQuery();
-      }
-    };
-
-    const handleViewportChange = () => {
-      updateDesktopDropdownLayout();
-    };
-
-    document.addEventListener("mousedown", handlePointerDown);
-    window.addEventListener("resize", handleViewportChange);
-    window.addEventListener("scroll", handleViewportChange, true);
-    return () => {
-      document.removeEventListener("mousedown", handlePointerDown);
-      window.removeEventListener("resize", handleViewportChange);
-      window.removeEventListener("scroll", handleViewportChange, true);
-    };
-  }, [isMobile, open]);
-
-  useEffect(() => {
-    if (!open || !isMobile) {
-      return;
-    }
-
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [isMobile, open]);
-
-  const renderSearchBody = () => (
-    <>
-      <div className="relative">
-        <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
-        <input
-          autoFocus
-          value={query}
-          onChange={(event) => {
-            const nextQuery = event.target.value;
-            setQuery(nextQuery);
-            onQueryChange?.(nextQuery);
-          }}
-          placeholder={searchPlaceholder}
-          className="crm-input-text w-full rounded-xl border border-slate-200 bg-slate-50 py-2.5 pl-10 pr-3 text-slate-900 outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-800/60 dark:text-white"
-        />
-      </div>
-
-      <div className="mt-3 max-h-64 space-y-1 overflow-y-auto overscroll-contain pr-1">
-        <button
-          type="button"
-          onClick={() => {
-            onChange(undefined);
-            setOpen(false);
-            resetQuery();
-          }}
-          className="w-full rounded-xl px-3 py-2 text-left text-sm text-slate-500 transition-colors hover:bg-slate-50 dark:text-slate-400 dark:hover:bg-slate-800"
-        >
-          不选择
-        </button>
-
-        {filteredOptions.length > 0 ? (
-          filteredOptions.map((item) => (
-            <button
-              type="button"
-              key={item.value}
-              onClick={() => {
-                onChange(item.value);
-                setOpen(false);
-                resetQuery();
-              }}
-              className={`flex w-full items-center justify-between rounded-xl px-3 py-2 text-left text-sm transition-colors ${
-                item.value === value
-                  ? "bg-violet-50 text-violet-700 dark:bg-violet-500/10 dark:text-violet-300"
-                  : "text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800"
-              }`}
-            >
-              <span>{getSearchableOptionLabel(item)}</span>
-              {item.value === value ? <Check className="h-4 w-4 shrink-0" /> : null}
-            </button>
-          ))
-        ) : loading ? (
-          <div className="crm-empty-state px-3 py-6">
-            <p>搜索中...</p>
-          </div>
-        ) : (
-          <div className="crm-empty-state px-3 py-6">
-            <p>{emptyText}</p>
-            {onCreate ? (
-              <button
-                type="button"
-                onClick={() => {
-                  onCreate(query);
-                  setOpen(false);
-                  resetQuery();
-                }}
-                className="mt-3 rounded-xl bg-violet-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-violet-700"
-              >
-                {createActionLabel || "新增并选中"}
-              </button>
-            ) : null}
-          </div>
-        )}
-      </div>
-    </>
-  );
-
-  return (
-    <div ref={containerRef} className="relative">
-      <button
-        type="button"
-        onClick={() => {
-          setOpen((current) => {
-            const next = !current;
-            if (!next) {
-              resetQuery();
-            }
-            return next;
-          });
-        }}
-        className={cn(
-          "crm-btn-sm crm-input-text flex w-full items-center justify-between rounded-xl border border-slate-200 bg-white text-left outline-none transition-colors hover:border-slate-300 focus:border-violet-500 focus:ring-1 focus:ring-violet-500 dark:border-slate-800 dark:bg-slate-900/50 dark:hover:border-slate-700",
-          className,
-        )}
-      >
-        <span className={selectedOption ? "text-slate-900 dark:text-white" : "text-slate-400 dark:text-slate-500"}>
-          {selectedOption ? getSearchableOptionLabel(selectedOption) : placeholder}
-        </span>
-        <ChevronDown className={`h-4 w-4 shrink-0 text-slate-400 transition-transform ${open ? "rotate-180" : ""}`} />
-      </button>
-
-      {open && !isMobile && desktopDropdownStyle && typeof document !== "undefined"
-        ? createPortal(
-            <div className="pointer-events-none fixed inset-0 z-[220]">
-              <div
-                ref={desktopDropdownRef}
-                style={{
-                  position: "absolute",
-                  top: desktopDropdownPlacement === "top"
-                    ? Math.max(24, desktopDropdownStyle.top - Math.min(desktopDropdownMaxHeight, 320))
-                    : desktopDropdownStyle.top,
-                  left: desktopDropdownStyle.left,
-                  width: desktopDropdownStyle.width,
-                }}
-                className="pointer-events-auto rounded-2xl border border-slate-200 bg-white p-3 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
-              >
-                <div
-                  style={{ maxHeight: `${desktopDropdownMaxHeight}px` }}
-                  className="overflow-y-auto overscroll-contain pr-1"
-                >
-                  {renderSearchBody()}
-                </div>
-              </div>
-            </div>,
-            document.body,
-          )
-        : null}
-
-      <AnimatePresence>
-        {open && isMobile ? (
-          <>
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              className="fixed inset-0 z-[120] bg-slate-900/35 backdrop-blur-sm dark:bg-slate-950/70"
-              onClick={() => {
-                setOpen(false);
-                setQuery("");
-              }}
-            />
-            <motion.div
-              initial={{ opacity: 0, y: 24 }}
-              animate={{ opacity: 1, y: 0 }}
-              exit={{ opacity: 0, y: 24 }}
-              className="fixed inset-x-0 bottom-0 z-[130] px-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3"
-            >
-              <div className="mx-auto w-full max-w-lg rounded-3xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900">
-                <div className="flex items-center justify-between border-b border-slate-100 px-5 py-4 dark:border-slate-800">
-                  <div>
-                    <p className="text-base font-semibold text-slate-900 dark:text-white">{placeholder}</p>
-                    <p className="crm-field-note mt-1">搜索并选择一个对象</p>
-                  </div>
-                  <button
-                    type="button"
-                    onClick={() => {
-                      setOpen(false);
-                      setQuery("");
-                    }}
-                    className="rounded-full p-2 text-slate-400 transition-colors hover:bg-slate-100 dark:hover:bg-slate-800"
-                  >
-                    <X className="h-5 w-5" />
-                  </button>
-                </div>
-                <div className="px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))]">
-                  {renderSearchBody()}
-                </div>
-              </div>
-            </motion.div>
-          </>
-        ) : null}
-      </AnimatePresence>
-    </div>
-  );
-}
-
 function CompetitorMultiSelect({
   value,
   options,
@@ -1925,6 +1578,8 @@ export default function Opportunities() {
   const [createOpen, setCreateOpen] = useState(false);
   const [editOpen, setEditOpen] = useState(false);
   const [pushConfirmOpen, setPushConfirmOpen] = useState(false);
+  const [duplicateCheckOpen, setDuplicateCheckOpen] = useState(false);
+  const [duplicateCheckItems, setDuplicateCheckItems] = useState<OpportunityDuplicateItem[]>([]);
   const [submitting, setSubmitting] = useState(false);
   const [pushingOms, setPushingOms] = useState(false);
   const [exporting, setExporting] = useState(false);
@@ -1937,12 +1592,18 @@ export default function Opportunities() {
   const [visibleItemCount, setVisibleItemCount] = useState(LIST_PAGE_SIZE);
   const loadMoreRef = useRef<HTMLDivElement | null>(null);
   const loadingMoreRef = useRef(false);
+  const loadedTabKeysRef = useRef(new Set<string>());
+  // 缓存按「archiveTab:keyword:filter:stageOptions长度」完整 key 独立存一份，
+  // 避免共享单个 per-tab 槽位被其它筛选覆盖后，回显到错误 key 的陈旧数据（H1）。
+  const overviewCacheRef = useRef<Record<string, OpportunityItem[]>>({});
+  const prevArchiveTabRef = useRef<OpportunityArchiveTab>(archiveTab);
   const [salesExpansionOptions, setSalesExpansionOptions] = useState<SalesExpansionItem[]>([]);
   const [channelExpansionOptions, setChannelExpansionOptions] = useState<ChannelExpansionItem[]>([]);
   const [selectedSalesExpansionOption, setSelectedSalesExpansionOption] = useState<SearchableOption | null>(null);
   const [selectedChannelExpansionOption, setSelectedChannelExpansionOption] = useState<SearchableOption | null>(null);
   const [omsPreSalesOptions, setOmsPreSalesOptions] = useState<OmsPreSalesOption[]>([]);
   const [stageOptions, setStageOptions] = useState<OpportunityDictOption[]>([]);
+  const [allStageOptions, setAllStageOptions] = useState<OpportunityDictOption[]>([]);
   const [operatorOptions, setOperatorOptions] = useState<OpportunityDictOption[]>([]);
   const [projectLocationOptions, setProjectLocationOptions] = useState<OpportunityDictOption[]>([]);
   const [projectOwnershipLocationOptions, setProjectOwnershipLocationOptions] = useState<OpportunityDictOption[]>([]);
@@ -1973,6 +1634,7 @@ export default function Opportunities() {
   const [quickCertificationLevelOptions, setQuickCertificationLevelOptions] = useState<ExpansionDictOption[]>([]);
   const [quickChannelAttributeOptions, setQuickChannelAttributeOptions] = useState<ExpansionDictOption[]>([]);
   const [quickInternalAttributeOptions, setQuickInternalAttributeOptions] = useState<ExpansionDictOption[]>([]);
+  const [quickIsOptions, setQuickIsOptions] = useState<ExpansionDictOption[]>([]);
   const [quickSalesDuplicateMessage, setQuickSalesDuplicateMessage] = useState("");
   const [quickChannelDuplicateMessage, setQuickChannelDuplicateMessage] = useState("");
   const [salesExpansionQuery, setSalesExpansionQuery] = useState("");
@@ -1980,7 +1642,7 @@ export default function Opportunities() {
   const [loadingSalesExpansionOptions, setLoadingSalesExpansionOptions] = useState(false);
   const [loadingChannelExpansionOptions, setLoadingChannelExpansionOptions] = useState(false);
   const hasLoadedOpportunityExpansionOptionsRef = useRef(false);
-  const hasForegroundModal = createOpen || editOpen || pushConfirmOpen || exportFilterOpen || quickCreateOpen;
+  const hasForegroundModal = createOpen || editOpen || pushConfirmOpen || duplicateCheckOpen || exportFilterOpen || quickCreateOpen;
   const canCreateOpportunity = permissionCodes !== null && canUsePermission(OPPORTUNITY_CREATE_PERMISSION, permissionCodes);
 
   const fetchOpportunityExpansionOptions = async (query?: string) => getOpportunityExpansionOptions({
@@ -2017,8 +1679,17 @@ export default function Opportunities() {
 
   useEffect(() => {
     let cancelled = false;
+    const loadKey = `${archiveTab}:${keyword}:${filter}:${stageOptions.length}`;
+    const cachedItems = overviewCacheRef.current[loadKey];
 
     async function load() {
+      if (loadedTabKeysRef.current.has(loadKey) && cachedItems) {
+        if (!cancelled) {
+          setItems(cachedItems);
+          setSelectedItem(null);
+        }
+        return;
+      }
       try {
         const lostStageCodes = getLostStageCodes(stageOptions);
         const effectiveStageCodes = archiveTab === "lost" ? lostStageCodes : undefined;
@@ -2027,7 +1698,10 @@ export default function Opportunities() {
         const effectiveExcludeStageCodes = archiveTab === "active" ? lostStageCodes : undefined;
         const data = await getOpportunityOverview(keyword, effectiveStage, false, LIST_PAGE_SIZE + 1, effectiveArchived, effectiveExcludeStageCodes, effectiveStageCodes);
         if (!cancelled) {
-          setItems(data.items ?? []);
+          const loadedItems = data.items ?? [];
+          setItems(loadedItems);
+          overviewCacheRef.current[loadKey] = loadedItems;
+          loadedTabKeysRef.current.add(loadKey);
           setSelectedItem(null);
         }
       } catch {
@@ -2047,7 +1721,11 @@ export default function Opportunities() {
   useEffect(() => {
     setVisibleItemCount(LIST_PAGE_SIZE);
     const lostCodes = getLostStageCodes(stageOptions);
-    if (archiveTab === "active" && lostCodes.includes(filter)) {
+    if (archiveTab !== prevArchiveTabRef.current) {
+      // 切换 tab 时总是重置阶段筛选，避免残留筛选值导致数据错误
+      prevArchiveTabRef.current = archiveTab;
+      setFilter("全部");
+    } else if (archiveTab === "active" && lostCodes.includes(filter)) {
       setFilter("全部");
     }
   }, [keyword, filter, archiveTab, stageOptions]);
@@ -2216,6 +1894,7 @@ export default function Opportunities() {
         const data = await getOpportunityMeta();
         if (!cancelled) {
           setStageOptions((data.stageOptions ?? []).filter((item) => item.value));
+          setAllStageOptions((data.allStageOptions ?? []).filter((item) => item.value));
           setOperatorOptions((data.operatorOptions ?? []).filter((item) => item.value));
           setProjectLocationOptions((data.projectLocationOptions ?? []).filter((item) => item.value));
           setProjectOwnershipLocationOptions((data.projectOwnershipLocationOptions ?? []).filter((item) => item.value));
@@ -2226,6 +1905,7 @@ export default function Opportunities() {
       } catch {
         if (!cancelled) {
           setStageOptions([]);
+          setAllStageOptions([]);
           setOperatorOptions([]);
           setProjectLocationOptions([]);
           setProjectOwnershipLocationOptions([]);
@@ -2312,6 +1992,7 @@ export default function Opportunities() {
     setQuickCertificationLevelOptions(data.certificationLevelOptions ?? []);
     setQuickChannelAttributeOptions(data.channelAttributeOptions ?? []);
     setQuickInternalAttributeOptions(data.internalAttributeOptions ?? []);
+    setQuickIsOptions(data.isOptions ?? []);
     setQuickChannelForm((current) => ({
       ...current,
       channelCode: current.channelCode || data.nextChannelCode || "",
@@ -2578,13 +2259,36 @@ export default function Opportunities() {
       const exportStageCodes = archiveTab === "lost" ? lostStageCodes : undefined;
       const exportArchived = archiveTab === "archived";
       const exportExcludeStageCodes = archiveTab === "active" ? lostStageCodes : undefined;
-      const overview = await getOpportunityOverview("", undefined, false, null, exportArchived, exportExcludeStageCodes, exportStageCodes);
+      const overview = await getOpportunityOverview("", undefined, true, null, exportArchived, exportExcludeStageCodes, exportStageCodes);
+      // 已签单 tab：默认阶段筛选（全选启用阶段）时，将已签单商机实际使用的阶段码并入集合，
+      // 避免因阶段字典被禁用而导致列表可见的商机在导出时被遗漏
+      let effectiveFilters = normalizedFilters;
+      if (archiveTab === "archived" && normalizedFilters.stageCodes !== undefined) {
+        const defaultStageCodes = getDefaultOpportunityExportStageCodes(stageOptions, archiveTab);
+        if (areSameOpportunityStringSets(normalizedFilters.stageCodes, defaultStageCodes)) {
+          const archivedStageCodeSet = new Set<string>();
+          (overview.items ?? []).forEach((item) => {
+            if (item.archived) {
+              const stageCode = item.stageCode?.trim();
+              if (stageCode) {
+                archivedStageCodeSet.add(stageCode);
+              }
+            }
+          });
+          if (archivedStageCodeSet.size > 0) {
+            effectiveFilters = {
+              ...normalizedFilters,
+              stageCodes: [...new Set([...normalizeOpportunityMultiSelectValues(normalizedFilters.stageCodes), ...archivedStageCodeSet])],
+            };
+          }
+        }
+      }
       const exportItems = (overview.items ?? [])
         .filter((item) => {
           if (archiveTab === "lost") return !item.archived && isLostOpportunityStageOption(item);
           return archiveTab === "active" ? !item.archived && !isLostOpportunityStageOption(item) : Boolean(item.archived);
         })
-        .filter((item) => matchesOpportunityExportFilters(item, normalizedFilters, effectiveConfidenceOptions));
+        .filter((item) => matchesOpportunityExportFilters(item, effectiveFilters, effectiveConfidenceOptions));
       const selectedFieldKeys = resolveSelectedOpportunityFields(normalizedFilters.selectedFields);
       const exportTabLabel = archiveTab === "active" ? "未签单" : archiveTab === "lost" ? "已丢单" : "已签单";
       if (exportItems.length <= 0) {
@@ -2742,7 +2446,7 @@ export default function Opportunities() {
     setQuickChannelForm((current) => {
       const nextContacts = [...(current.contacts ?? [])];
       nextContacts[index] = {
-        ...(nextContacts[index] ?? createSharedEmptyChannelContact()),
+        ...(nextContacts[index] ?? {}),
         [key]: value,
       };
       return {
@@ -2762,25 +2466,6 @@ export default function Opportunities() {
     }
   };
 
-  const addQuickChannelContact = () => {
-    setQuickChannelForm((current) => ({
-      ...current,
-      contacts: [...(current.contacts ?? []), createSharedEmptyChannelContact()],
-    }));
-  };
-
-  const removeQuickChannelContact = (index: number) => {
-    setQuickChannelForm((current) => {
-      const currentContacts = current.contacts ?? [];
-      const nextContacts = currentContacts.filter((_, contactIndex) => contactIndex !== index);
-      return {
-        ...current,
-        contacts: nextContacts.length > 0 ? nextContacts : [createSharedEmptyChannelContact()],
-      };
-    });
-    setQuickInvalidChannelContactRows((current) => current.filter((rowIndex) => rowIndex !== index).map((rowIndex) => (rowIndex > index ? rowIndex - 1 : rowIndex)));
-  };
-
   const handleQuickChannelProvinceChange = (value: string) => {
     const nextProvince = value || "";
     handleQuickChannelChange("province", nextProvince || undefined);
@@ -2912,6 +2597,23 @@ export default function Opportunities() {
     }
   };
 
+  const doCreateOpportunity = async () => {
+    setSubmitting(true);
+    try {
+      await createOpportunity(buildOpportunitySubmitPayload(form, selectedCompetitors, customCompetitorName, operatorMode));
+      await reload();
+      resetCreateState();
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "新增商机失败");
+      setSubmitting(false);
+    }
+  };
+
+  const handleConfirmCreateWithDuplicate = async () => {
+    setDuplicateCheckOpen(false);
+    await doCreateOpportunity();
+  };
+
   const handleCreateSubmit = async () => {
     if (submitting) {
       return;
@@ -2925,16 +2627,20 @@ export default function Opportunities() {
       return;
     }
 
-    setSubmitting(true);
-
-    try {
-      await createOpportunity(buildOpportunitySubmitPayload(form, selectedCompetitors, customCompetitorName, operatorMode));
-      await reload();
-      resetCreateState();
-    } catch (createError) {
-      setError(createError instanceof Error ? createError.message : "新增商机失败");
-      setSubmitting(false);
+    if (!editOpen) {
+      try {
+        const duplicateResult = await checkOpportunityDuplicate(form.opportunityName.trim(), getLostStageCodes(stageOptions));
+        if (duplicateResult.duplicate && (duplicateResult.items ?? []).length > 0) {
+          setDuplicateCheckItems(duplicateResult.items ?? []);
+          setDuplicateCheckOpen(true);
+          return;
+        }
+      } catch (duplicateError) {
+        // 查重失败不阻断新增
+      }
     }
+
+    await doCreateOpportunity();
   };
 
   const handleOpenEdit = () => {
@@ -3323,6 +3029,7 @@ export default function Opportunities() {
             exportError={exportError}
             archiveTab={archiveTab}
             stageOptions={stageOptions}
+            allStageOptions={allStageOptions}
             confidenceOptions={effectiveConfidenceOptions}
             projectLocationOptions={projectLocationOptions}
             opportunityTypeOptions={opportunityTypeOptions}
@@ -3675,13 +3382,12 @@ export default function Opportunities() {
                 certificationLevelOptions={quickCertificationLevelOptions}
                 channelAttributeOptions={quickChannelAttributeOptions}
                 internalAttributeOptions={quickInternalAttributeOptions}
+                wecomOptions={quickIsOptions}
                 channelOtherOptionValue={quickChannelOtherOptionValue}
                 duplicateMessage={quickChannelDuplicateMessage}
                 requiredMark={<RequiredMark />}
                 onChange={handleQuickChannelChange}
                 onContactChange={handleQuickChannelContactChange}
-                onAddContact={addQuickChannelContact}
-                onRemoveContact={removeQuickChannelContact}
                 onProvinceChange={handleQuickChannelProvinceChange}
               />
             )}
@@ -3770,6 +3476,72 @@ export default function Opportunities() {
         ) : null}
       </AnimatePresence>
 
+      <AnimatePresence>
+        {duplicateCheckOpen && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              onClick={() => setDuplicateCheckOpen(false)}
+              className="fixed inset-0 z-[90] bg-slate-900/40 backdrop-blur-sm dark:bg-slate-950/70"
+            />
+            <motion.div
+              initial={{ opacity: 0, y: 24 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 24 }}
+              className="fixed inset-x-0 bottom-0 z-[100] px-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3 sm:inset-0 sm:flex sm:items-center sm:justify-center sm:p-6"
+            >
+              <div className="mx-auto w-full max-w-md rounded-3xl border border-slate-200 bg-white shadow-2xl dark:border-slate-800 dark:bg-slate-900">
+                <div className="border-b border-slate-100 px-5 py-4 dark:border-slate-800 sm:px-6">
+                  <div className="mx-auto mb-3 h-1.5 w-10 rounded-full bg-slate-200 dark:bg-slate-700 sm:hidden" />
+                  <div className="flex items-start gap-3">
+                    <div className="crm-tone-warning mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl">
+                      <AlertTriangle className="crm-icon-lg" />
+                    </div>
+                    <div className="min-w-0">
+                      <h3 className="text-base font-semibold text-slate-900 dark:text-white">发现同名商机</h3>
+                      <p className="mt-1 text-sm leading-6 text-slate-500 dark:text-slate-400">
+                        已存在名称相同（“{form.opportunityName?.trim() || ""}”）的商机，请确认是否仍要新增。
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div className="px-5 py-4 text-sm text-slate-600 dark:text-slate-300 sm:px-6">
+                  <p className="mb-2 text-xs text-slate-400 dark:text-slate-500">匹配到的商机</p>
+                  <div className="max-h-56 space-y-2 overflow-y-auto">
+                    {duplicateCheckItems.map((item) => (
+                      <div key={item.opportunityId} className="crm-form-section rounded-2xl border border-slate-200 p-3 dark:border-slate-800">
+                        <p className="font-medium text-slate-900 dark:text-white">{item.opportunityName || "未命名商机"}</p>
+                        <p className="mt-1 text-xs text-slate-400 dark:text-slate-500">
+                          {[item.opportunityCode, item.customerName, item.stage].filter(Boolean).join(" · ") || `#${item.opportunityId}`}
+                        </p>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+                <div className="flex flex-col-reverse gap-3 px-5 pb-[calc(1rem+env(safe-area-inset-bottom))] pt-1 sm:flex-row sm:justify-end sm:px-6 sm:pb-5">
+                  <button
+                    type="button"
+                    onClick={() => setDuplicateCheckOpen(false)}
+                    className="crm-btn crm-btn-secondary min-h-0 rounded-2xl px-4 py-3"
+                  >
+                    取消
+                  </button>
+                  <button
+                    type="button"
+                    onClick={() => void handleConfirmCreateWithDuplicate()}
+                    className="crm-btn crm-btn-primary min-h-0 rounded-2xl px-4 py-3"
+                  >
+                    仍然新增
+                  </button>
+                </div>
+              </div>
+            </motion.div>
+          </>
+        )}
+      </AnimatePresence>
+
       <AnimatePresence>
         {detailItem && (
           <>
diff --git a/frontend/src/pages/Work.tsx b/frontend/src/pages/Work.tsx
index f960858a..d8cf26d3 100644
--- a/frontend/src/pages/Work.tsx
+++ b/frontend/src/pages/Work.tsx
@@ -12,6 +12,7 @@ import {
   createOpportunity,
   createSalesExpansion,
   getCurrentUser,
+  getCrmExpansionOverview,
   getExpansionCityOptions,
   getExpansionMeta,
   getExpansionOverview,
@@ -35,6 +36,7 @@ import {
   type ChannelExpansionItem,
   type ChannelExpansionContact,
   type CreateChannelExpansionPayload,
+  type CrmExpansionItem,
   type CrmId,
   type CreateOpportunityPayload,
   type CreateWorkCheckInPayload,
@@ -62,7 +64,6 @@ import {
   QuickSalesForm as SharedQuickSalesForm,
   type ChannelField,
   type SalesCreateField,
-  createEmptyChannelContact as createSharedEmptyChannelContact,
   defaultQuickChannelForm as sharedDefaultQuickChannelForm,
   defaultQuickSalesForm as sharedDefaultQuickSalesForm,
   isOtherOption as isSharedOtherOption,
@@ -86,10 +87,14 @@ const WORK_DETAIL_NEXT_PLAN_HEADER = "后续规划 / 下一步销售计划";
 const REPORT_ATTACHMENT_MAX_SIZE_BYTES = 500 * 1024 * 1024;
 const REPORT_SPEECH_MIN_RECORDING_MS = 1000;
 
+/** CRM 拓展日报行采用纯文本（无 + 字段行），正文以该伪字段承载 */
+const CRM_EDITOR_BODY_KEY = "__crmBody";
+
 const reportFieldLabels = {
   sales: ["沟通内容", LEGACY_NEXT_PLAN_LABEL],
   channel: ["沟通内容", LEGACY_NEXT_PLAN_LABEL],
   opportunity: ["项目最新进展", OPPORTUNITY_NEXT_PLAN_LABEL],
+  crm: [],
 } as const;
 const COMPETITOR_OPTIONS = [
   "深信服",
@@ -698,6 +703,9 @@ function formatWorkBizType(value?: string) {
   if (value === "channel") {
     return "渠道拓展";
   }
+  if (value === "crm") {
+    return "CRM拓展";
+  }
   if (value === "opportunity") {
     return "商机";
   }
@@ -881,6 +889,7 @@ export default function Work() {
   const [checkInPhotoUrls, setCheckInPhotoUrls] = useState<string[]>([]);
   const [salesOptions, setSalesOptions] = useState<WorkRelationOption[]>([]);
   const [channelOptions, setChannelOptions] = useState<WorkRelationOption[]>([]);
+  const [crmOptions, setCrmOptions] = useState<WorkRelationOption[]>([]);
   const [opportunityOptions, setOpportunityOptions] = useState<WorkRelationOption[]>([]);
   const [opportunityItems, setOpportunityItems] = useState<OpportunityItem[]>([]);
   const [reportOpportunityStageOptions, setReportOpportunityStageOptions] = useState<OpportunityDictOption[]>([]);
@@ -906,6 +915,7 @@ export default function Work() {
   const [quickCertificationLevelOptions, setQuickCertificationLevelOptions] = useState<ExpansionDictOption[]>([]);
   const [quickChannelAttributeOptions, setQuickChannelAttributeOptions] = useState<ExpansionDictOption[]>([]);
   const [quickInternalAttributeOptions, setQuickInternalAttributeOptions] = useState<ExpansionDictOption[]>([]);
+  const [quickIsOptions, setQuickIsOptions] = useState<ExpansionDictOption[]>([]);
   const [quickOpportunityOperatorOptions, setQuickOpportunityOperatorOptions] = useState<OpportunityDictOption[]>([]);
   const [quickOpportunityProjectLocationOptions, setQuickOpportunityProjectLocationOptions] = useState<OpportunityDictOption[]>([]);
   const [quickOpportunityProjectOwnershipLocationOptions, setQuickOpportunityProjectOwnershipLocationOptions] = useState<OpportunityDictOption[]>([]);
@@ -945,13 +955,13 @@ export default function Work() {
     if (!objectPicker) {
       return [];
     }
-    const options = getOptionsByBizType(objectPicker.bizType, salesOptions, channelOptions, opportunityOptions);
+    const options = getOptionsByBizType(objectPicker.bizType, salesOptions, channelOptions, crmOptions, opportunityOptions);
     const keyword = normalizeObjectPickerQuery(objectPicker.query).toLowerCase();
     if (!keyword) {
       return options;
     }
     return options.filter((option) => option.label.toLowerCase().includes(keyword));
-  }, [objectPicker, salesOptions, channelOptions, opportunityOptions]);
+  }, [objectPicker, salesOptions, channelOptions, crmOptions, opportunityOptions]);
   const userPickerOptions = useMemo(() => {
     if (!userPicker) {
       return [];
@@ -1029,8 +1039,9 @@ export default function Work() {
       return;
     }
     setReportTargetsLoading(true);
-    const [expansionResult, opportunityResult, opportunityMetaResult] = await Promise.allSettled([
+    const [expansionResult, crmExpansionResult, opportunityResult, opportunityMetaResult] = await Promise.allSettled([
       getExpansionOverview(""),
+      getCrmExpansionOverview(""),
       getOpportunityOverview(),
       getOpportunityMeta(),
     ]);
@@ -1040,6 +1051,10 @@ export default function Work() {
       setChannelOptions(buildChannelOptions(expansionResult.value.channelItems ?? []));
     }
 
+    if (crmExpansionResult.status === "fulfilled") {
+      setCrmOptions(buildCrmOptions(crmExpansionResult.value.crmItems ?? []));
+    }
+
     if (opportunityResult.status === "fulfilled") {
       const items = opportunityResult.value.items ?? [];
       setOpportunityOptions(buildOpportunityOptions(items));
@@ -1056,13 +1071,15 @@ export default function Work() {
   }, [reportTargetsLoaded, reportTargetsLoading]);
 
   const refreshReportTargets = useCallback(async () => {
-    const [expansionData, opportunityData, opportunityMeta] = await Promise.all([
+    const [expansionData, crmExpansionData, opportunityData, opportunityMeta] = await Promise.all([
       getExpansionOverview(""),
+      getCrmExpansionOverview(""),
       getOpportunityOverview(),
       getOpportunityMeta(),
     ]);
     setSalesOptions(buildSalesOptions(expansionData.salesItems ?? []));
     setChannelOptions(buildChannelOptions(expansionData.channelItems ?? []));
+    setCrmOptions(buildCrmOptions(crmExpansionData.crmItems ?? []));
     setOpportunityOptions(buildOpportunityOptions(opportunityData.items ?? []));
     setOpportunityItems(opportunityData.items ?? []);
     setReportOpportunityStageOptions((opportunityMeta.stageOptions ?? []).filter((item) => item.value));
@@ -1070,6 +1087,7 @@ export default function Work() {
     return {
       salesItems: expansionData.salesItems ?? [],
       channelItems: expansionData.channelItems ?? [],
+      crmItems: crmExpansionData.crmItems ?? [],
       opportunityItems: opportunityData.items ?? [],
     };
   }, []);
@@ -1548,11 +1566,11 @@ export default function Work() {
     setCheckInPhotoUrls([]);
   };
 
-  const handleOpenObjectPicker = (mode: PickerMode, lineIndex?: number, bizType: BizType = "sales") => {
+  const handleOpenObjectPicker = (mode: PickerMode, lineIndex?: number, bizType: BizType = "opportunity") => {
     if (isOnlySeeRole) {
       return;
     }
-    const currentOptions = getOptionsByBizType(bizType, salesOptions, channelOptions, opportunityOptions);
+    const currentOptions = getOptionsByBizType(bizType, salesOptions, channelOptions, crmOptions, opportunityOptions);
     if (!currentOptions.length && !reportTargetsLoading) {
       void loadReportTargets();
     }
@@ -1588,6 +1606,7 @@ export default function Work() {
     setQuickCertificationLevelOptions(expansionMeta.certificationLevelOptions ?? []);
     setQuickChannelAttributeOptions(expansionMeta.channelAttributeOptions ?? []);
     setQuickInternalAttributeOptions(expansionMeta.internalAttributeOptions ?? []);
+    setQuickIsOptions(expansionMeta.isOptions ?? []);
     setQuickOpportunityOperatorOptions((opportunityMeta.operatorOptions ?? []).filter((item) => item.value));
     setQuickOpportunityProjectLocationOptions((opportunityMeta.projectLocationOptions ?? []).filter((item) => item.value));
     setQuickOpportunityProjectOwnershipLocationOptions((opportunityMeta.projectOwnershipLocationOptions ?? []).filter((item) => item.value));
@@ -1692,7 +1711,7 @@ export default function Work() {
     setQuickChannelForm((current) => {
       const nextContacts = [...(current.contacts ?? [])];
       nextContacts[index] = {
-        ...(nextContacts[index] ?? createSharedEmptyChannelContact()),
+        ...(nextContacts[index] ?? {}),
         [key]: value,
       };
       return {
@@ -1702,24 +1721,6 @@ export default function Work() {
     });
   };
 
-  const addQuickChannelContact = () => {
-    setQuickChannelForm((current) => ({
-      ...current,
-      contacts: [...(current.contacts ?? []), createSharedEmptyChannelContact()],
-    }));
-  };
-
-  const removeQuickChannelContact = (index: number) => {
-    setQuickChannelForm((current) => {
-      const nextContacts = (current.contacts ?? []).filter((_, contactIndex) => contactIndex !== index);
-      return {
-        ...current,
-        contacts: nextContacts.length > 0 ? nextContacts : [createSharedEmptyChannelContact()],
-      };
-    });
-    setQuickInvalidChannelContactRows((current) => current.filter((rowIndex) => rowIndex !== index).map((rowIndex) => (rowIndex > index ? rowIndex - 1 : rowIndex)));
-  };
-
   const handleQuickChannelProvinceChange = (value: string) => {
     const nextProvince = value || "";
     handleQuickChannelChange("province", nextProvince || undefined);
@@ -1922,7 +1923,7 @@ export default function Work() {
       return;
     }
     event.preventDefault();
-    handleOpenObjectPicker("report", index, line?.bizType || "sales");
+    handleOpenObjectPicker("report", index, "opportunity");
   };
 
   const handleReportLineChange = (index: number, value: string) => {
@@ -2268,7 +2269,7 @@ export default function Work() {
                 loading={loading}
                 checkInForm={checkInForm}
                 refreshingLocation={refreshingLocation}
-                onOpenObjectPicker={() => handleOpenObjectPicker("checkin", undefined, checkInForm.bizType || "sales")}
+                onOpenObjectPicker={() => handleOpenObjectPicker("checkin", undefined, checkInForm.bizName ? checkInForm.bizType : "opportunity")}
                 onRefreshLocation={() => void handleRefreshLocation()}
                 onOpenLocationAdjust={handleOpenLocationAdjust}
                 locationAccuracyMeters={locationAccuracyMeters}
@@ -2576,7 +2577,7 @@ export default function Work() {
               </div>
 
               <div className="mb-3 flex flex-wrap gap-2">
-                {(["sales", "channel", "opportunity"] as BizType[]).map((bizType) => (
+                {(["opportunity", "sales", "channel", "crm"] as BizType[]).map((bizType) => (
                   <button
                     key={bizType}
                     type="button"
@@ -2706,13 +2707,12 @@ export default function Work() {
                     certificationLevelOptions={quickCertificationLevelOptions}
                     channelAttributeOptions={quickChannelAttributeOptions}
                     internalAttributeOptions={quickInternalAttributeOptions}
+                    wecomOptions={quickIsOptions}
                     channelOtherOptionValue={quickChannelAttributeOptions.find(isSharedOtherOption)?.value}
                     duplicateMessage={quickChannelDuplicateMessage}
                     requiredMark={<RequiredMark />}
                     onChange={handleQuickChannelChange}
                     onContactChange={handleQuickChannelContactChange}
-                    onAddContact={addQuickChannelContact}
-                    onRemoveContact={removeQuickChannelContact}
                     onProvinceChange={handleQuickChannelProvinceChange}
                   />
                 ) : (
@@ -4916,7 +4916,7 @@ function ReportPanel({
                   ) : null}
                   <button
                     type="button"
-                    onClick={() => onOpenObjectPicker(index, item.bizType || "sales")}
+                    onClick={() => onOpenObjectPicker(index, item.bizName ? item.bizType : "opportunity")}
                     className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-white text-violet-600 shadow-sm transition-colors hover:bg-violet-50 hover:text-violet-700 dark:border-violet-500/30 dark:bg-slate-900/60 dark:text-violet-300 dark:hover:bg-violet-500/10"
                     title="选择关联对象"
                     aria-label="选择关联对象"
@@ -5736,6 +5736,20 @@ function buildChannelOptions(items: ChannelExpansionItem[]): WorkRelationOption[
     .map((item) => ({ id: item.id, label: item.name || `拓展渠道#${item.id}` }));
 }
 
+function buildCrmOptions(items: CrmExpansionItem[]): WorkRelationOption[] {
+  const seenIds = new Set<CrmId>();
+  return items
+    .filter((item): item is CrmExpansionItem & { id: CrmId } => isValidCrmId(item.id))
+    .filter((item) => {
+      if (seenIds.has(item.id)) {
+        return false;
+      }
+      seenIds.add(item.id);
+      return true;
+    })
+    .map((item) => ({ id: item.id, label: item.endUser || `CRM拓展#${item.id}` }));
+}
+
 function buildOpportunityOptions(items: OpportunityItem[]): WorkRelationOption[] {
   const seenIds = new Set<CrmId>();
   return items
@@ -5764,6 +5778,9 @@ function getBizTypeLabel(bizType: BizType) {
   if (bizType === "channel") {
     return "渠道拓展";
   }
+  if (bizType === "crm") {
+    return "CRM拓展";
+  }
   return "商机";
 }
 
@@ -5771,6 +5788,7 @@ function getOptionsByBizType(
   bizType: BizType,
   salesOptions: WorkRelationOption[],
   channelOptions: WorkRelationOption[],
+  crmOptions: WorkRelationOption[],
   opportunityOptions: WorkRelationOption[],
 ) {
   if (bizType === "sales") {
@@ -5779,6 +5797,9 @@ function getOptionsByBizType(
   if (bizType === "channel") {
     return channelOptions;
   }
+  if (bizType === "crm") {
+    return crmOptions;
+  }
   return opportunityOptions;
 }
 
@@ -5885,9 +5906,17 @@ function appendReportToLine(value?: string, toUsers?: WorkReportToUser[], trim =
 
 function buildEditorTemplate(bizType: BizType, bizName: string, fieldValues?: Record<string, string>, toUsers?: WorkReportToUser[]) {
   const lines = [buildEditorMentionLine(bizType, bizName)];
-  for (const field of getTemplateFields(bizType)) {
-    const value = fieldValues?.[field] || "";
-    lines.push(`+ ${field}：${value}`);
+  if (bizType === "crm") {
+    // CRM 拓展为纯文本：mention 行 + 自由正文（无 + 字段行）
+    const body = fieldValues?.[CRM_EDITOR_BODY_KEY]?.trim() || "";
+    if (body) {
+      lines.push(body);
+    }
+  } else {
+    for (const field of getTemplateFields(bizType)) {
+      const value = fieldValues?.[field] || "";
+      lines.push(`+ ${field}：${value}`);
+    }
   }
   const toLine = buildReportToLine(toUsers);
   if (toLine) {
@@ -5913,6 +5942,17 @@ function parseTemplateValues(bizType: BizType, editorText: string) {
   let currentField: string | null = null;
 
   for (const rawLine of editorText.replace(/\r/g, "").split("\n")) {
+    if (bizType === "crm") {
+      // CRM 拓展为纯文本：正文为剔除 #/@/To 行后的所有行
+      const line = rawLine.trim();
+      if (!line || line.startsWith("#") || line.startsWith("@") || isReportToLine(line)) {
+        continue;
+      }
+      values[CRM_EDITOR_BODY_KEY] = values[CRM_EDITOR_BODY_KEY]
+        ? `${values[CRM_EDITOR_BODY_KEY]}\n${line}`
+        : line;
+      continue;
+    }
     const parsedFieldLine = parseTemplateFieldLine(rawLine, bizType, fieldSet);
     if (parsedFieldLine) {
       currentField = parsedFieldLine.field;
@@ -5987,6 +6027,8 @@ function normalizeLoadedLineItem(item: WorkReportLineItem, opportunityStageOptio
   if (normalized.bizType === "sales" || normalized.bizType === "channel") {
     fieldValues["沟通内容"] = normalized.evaluationContent || extractContentByLabel(normalized.content, "沟通内容") || "";
     fieldValues[LEGACY_NEXT_PLAN_LABEL] = normalized.nextPlan || extractContentByLabel(normalized.content, LEGACY_NEXT_PLAN_LABEL) || "";
+  } else if (normalized.bizType === "crm") {
+    fieldValues[CRM_EDITOR_BODY_KEY] = normalized.content || "";
   } else {
     fieldValues["项目最新进展"] = normalized.latestProgress || extractContentByLabel(normalized.content, "项目最新进展") || "";
     const resolvedStageValue = normalized.stage || extractContentByLabel(normalized.content, OPPORTUNITY_STAGE_LABEL) || "";
@@ -6082,6 +6124,12 @@ function validateReportLineItems(
       }
       continue;
     }
+    if (item.bizType === "crm") {
+      if (!values[CRM_EDITOR_BODY_KEY]?.trim()) {
+        throw new Error(`${getBizTypeLabel(item.bizType)}“${item.bizName}”请填写沟通内容`);
+      }
+      continue;
+    }
     if (!values["沟通内容"]?.trim()) {
       throw new Error(`${getBizTypeLabel(item.bizType)}“${item.bizName}”请填写沟通内容`);
     }
@@ -6094,6 +6142,9 @@ function buildLinePreview(
   opportunityStage?: string,
   opportunityStageOptions: OpportunityDictOption[] = [],
 ) {
+  if (bizType === "crm") {
+    return values[CRM_EDITOR_BODY_KEY] || "";
+  }
   if (bizType === "opportunity") {
     const stageLabel = resolveOpportunityStageLabel(opportunityStage, opportunityStageOptions);
     return [
diff --git a/frontend/src/pages/login.css b/frontend/src/pages/login.css
index f3486bc7..035f148d 100644
--- a/frontend/src/pages/login.css
+++ b/frontend/src/pages/login.css
@@ -85,9 +85,9 @@
 
 .login-brand-lockup h1 {
   margin: 0;
-  font-size: clamp(1.7rem, 2.4vw, 2.45rem);
+  font-size: clamp(1.05rem, 1.55vw, 1.4rem);
   font-weight: 700;
-  line-height: 1.08;
+  line-height: 1.15;
   white-space: nowrap;
   color: var(--login-ink);
 }
@@ -421,7 +421,7 @@
   }
 
   .login-mobile-brand .login-brand-lockup h1 {
-    font-size: clamp(1.02rem, 5.8vw, 1.24rem);
+    font-size: clamp(0.8rem, 4.2vw, 1.02rem);
     white-space: nowrap;
     line-height: 1.1;
   }
diff --git a/frontend/tsconfig.tsbuildinfo b/frontend/tsconfig.tsbuildinfo
new file mode 100644
index 00000000..2c75b29e
--- /dev/null
+++ b/frontend/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./vite.config.ts","./dist/assets/adaptiveselect-bjmcddar.js","./dist/assets/attachmentpreviewmodal-csddkihl.js","./dist/assets/dashboard-74d_r61h.js","./dist/assets/expansion-b6ebc5he.js","./dist/assets/login-crrgkt-r.js","./dist/assets/opportunities-c_sts7jf.js","./dist/assets/ownertransfer--zptbtpm.js","./dist/assets/profile--rwtkmgh.js","./dist/assets/searchableselect-cy_rpnla.js","./dist/assets/wecomlogincallback-dyatcinw.js","./dist/assets/work-c86_bi5i.js","./dist/assets/exceljs.min-bv78e5lr.js","./dist/assets/index-cr80mrgc.js","./dist/assets/shared-dzkylluc.js","./dist/assets/vendor-echarts-wwjiuxbd.js","./dist/assets/vendor-libs-dxnwkbih.js","./dist/assets/vendor-react-b9zqwvum.js","./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/actiondialog.tsx","./src/components/adaptiveselect.tsx","./src/components/attachmentpreviewmodal.tsx","./src/components/layout.tsx","./src/components/protectedimage.tsx","./src/components/searchableselect.tsx","./src/components/themeprovider.tsx","./src/components/dashboard/dashboardanalyticschart.tsx","./src/components/dashboard/dashboardanalyticsechart.tsx","./src/features/crmquickcreate/shared.tsx","./src/hooks/useismobileviewport.ts","./src/hooks/useiswecombrowser.ts","./src/lib/auth.ts","./src/lib/tencentmap.ts","./src/lib/tencentmapgl.ts","./src/lib/utils.ts","./src/lib/wecom.ts","./src/pages/dashboard.tsx","./src/pages/expansion.tsx","./src/pages/login.tsx","./src/pages/opportunities.tsx","./src/pages/ownertransfer.tsx","./src/pages/profile.tsx","./src/pages/wecomlogincallback.tsx","./src/pages/work.tsx"],"version":"5.8.3"}
\ No newline at end of file
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 9d63a19c..bbbf20e8 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -26,6 +26,17 @@ export default defineConfig(({mode}) => {
         '@': path.resolve(__dirname, './src'),
       },
     },
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            'vendor-react': ['react', 'react-dom', 'react-router-dom'],
+            'vendor-echarts': ['echarts'],
+            'vendor-libs': ['date-fns', 'lucide-react', 'motion', 'clsx', 'tailwind-merge'],
+          },
+        },
+      },
+    },
     server: {
       https,
       allowedHosts: ['crmdev.oa.unissense.tech'],
diff --git a/frontend1/dist/index.html b/frontend1/dist/index.html
index 24cc7d5e..4933216e 100644
--- a/frontend1/dist/index.html
+++ b/frontend1/dist/index.html
@@ -5,7 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>UnisBase - 智能会议系统</title>
-    <script type="module" crossorigin src="/assets/index-CdI-T26o.js"></script>
+    <script type="module" crossorigin src="/assets/index-CVknQL8z.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/vendor-react-IjKGztbF.js">
+    <link rel="modulepreload" crossorigin href="/assets/vendor-utils-C_FwqJtS.js">
+    <link rel="modulepreload" crossorigin href="/assets/vendor-antd-B7BNnrn2.js">
     <link rel="stylesheet" crossorigin href="/assets/index-CaWPk49l.css">
   </head>
   <body>
diff --git a/frontend1/node_modules/.vite/deps/@ant-design_icons.js b/frontend1/node_modules/.vite/deps/@ant-design_icons.js
index cea7d67d..ad4507c5 100644
--- a/frontend1/node_modules/.vite/deps/@ant-design_icons.js
+++ b/frontend1/node_modules/.vite/deps/@ant-design_icons.js
@@ -51,7 +51,7 @@ import {
   ZoomInOutlined_default,
   ZoomOutOutlined_default,
   require_react_is
-} from "./chunk-JVSQUNE5.js";
+} from "./chunk-NDVMXJDK.js";
 import {
   require_react
 } from "./chunk-RLJ2RCJQ.js";
diff --git a/frontend1/node_modules/.vite/deps/_metadata.json b/frontend1/node_modules/.vite/deps/_metadata.json
index 5482bf46..98baac2b 100644
--- a/frontend1/node_modules/.vite/deps/_metadata.json
+++ b/frontend1/node_modules/.vite/deps/_metadata.json
@@ -2,121 +2,169 @@
   "hash": "354f676b",
   "configHash": "dbaa87de",
   "lockfileHash": "056b0532",
-  "browserHash": "4d741381",
+  "browserHash": "5d69e024",
   "optimized": {
     "react": {
       "src": "../../react/index.js",
       "file": "react.js",
-      "fileHash": "bd6731e7",
+      "fileHash": "67d36d20",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "089bfd09",
+      "fileHash": "167df607",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "ef1fa8d6",
+      "fileHash": "9a5e1750",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "229eff9e",
+      "fileHash": "c19c3273",
       "needsInterop": true
     },
     "@ant-design/icons": {
       "src": "../../@ant-design/icons/es/index.js",
       "file": "@ant-design_icons.js",
-      "fileHash": "79cdebf0",
+      "fileHash": "83c8a4ed",
       "needsInterop": false
     },
     "antd": {
       "src": "../../antd/es/index.js",
       "file": "antd.js",
-      "fileHash": "5ad9a71d",
+      "fileHash": "b2422d43",
       "needsInterop": false
     },
     "axios": {
       "src": "../../axios/index.js",
       "file": "axios.js",
-      "fileHash": "e9c89b86",
+      "fileHash": "fd88514c",
       "needsInterop": false
     },
     "dayjs": {
       "src": "../../dayjs/dayjs.min.js",
       "file": "dayjs.js",
-      "fileHash": "f57cff8b",
+      "fileHash": "af8b8f14",
       "needsInterop": true
     },
     "i18next": {
       "src": "../../i18next/dist/esm/i18next.js",
       "file": "i18next.js",
-      "fileHash": "97b64fe9",
+      "fileHash": "6112cc54",
       "needsInterop": false
     },
     "i18next-browser-languagedetector": {
       "src": "../../i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js",
       "file": "i18next-browser-languagedetector.js",
-      "fileHash": "73c25f20",
+      "fileHash": "fb199fff",
       "needsInterop": false
     },
     "react-dom/client": {
       "src": "../../react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "a00ea4e6",
+      "fileHash": "bd59847c",
       "needsInterop": true
     },
     "react-i18next": {
       "src": "../../react-i18next/dist/es/index.js",
       "file": "react-i18next.js",
-      "fileHash": "b235953c",
+      "fileHash": "fccfdb1a",
       "needsInterop": false
     },
     "react-router-dom": {
       "src": "../../react-router-dom/dist/index.js",
       "file": "react-router-dom.js",
-      "fileHash": "dde6a3e5",
+      "fileHash": "07d8cf1e",
       "needsInterop": false
     },
     "zustand": {
       "src": "../../zustand/esm/index.mjs",
       "file": "zustand.js",
-      "fileHash": "3b7b5f29",
+      "fileHash": "4c406036",
       "needsInterop": false
     },
     "lucide-react": {
       "src": "../../lucide-react/dist/esm/lucide-react.js",
       "file": "lucide-react.js",
-      "fileHash": "f6d59b6c",
+      "fileHash": "46940452",
       "needsInterop": false
     },
     "echarts": {
       "src": "../../echarts/index.js",
       "file": "echarts.js",
-      "fileHash": "bdf6a248",
+      "fileHash": "78bdf482",
+      "needsInterop": false
+    },
+    "echarts/core": {
+      "src": "../../echarts/core.js",
+      "file": "echarts_core.js",
+      "fileHash": "7ad69d16",
+      "needsInterop": false
+    },
+    "echarts/charts": {
+      "src": "../../echarts/charts.js",
+      "file": "echarts_charts.js",
+      "fileHash": "eaf288e7",
+      "needsInterop": false
+    },
+    "echarts/components": {
+      "src": "../../echarts/components.js",
+      "file": "echarts_components.js",
+      "fileHash": "7891b33e",
+      "needsInterop": false
+    },
+    "echarts/renderers": {
+      "src": "../../echarts/renderers.js",
+      "file": "echarts_renderers.js",
+      "fileHash": "8053e2d1",
       "needsInterop": false
     }
   },
   "chunks": {
+    "chunk-NDVMXJDK": {
+      "file": "chunk-NDVMXJDK.js"
+    },
+    "chunk-CM2AK5IQ": {
+      "file": "chunk-CM2AK5IQ.js"
+    },
     "chunk-GL7YRBYQ": {
       "file": "chunk-GL7YRBYQ.js"
     },
     "chunk-IDVUNHDH": {
       "file": "chunk-IDVUNHDH.js"
     },
+    "chunk-KI33SUI6": {
+      "file": "chunk-KI33SUI6.js"
+    },
+    "chunk-2KMPSB2E": {
+      "file": "chunk-2KMPSB2E.js"
+    },
+    "chunk-GXV2IAFY": {
+      "file": "chunk-GXV2IAFY.js"
+    },
+    "chunk-GNLF6T5P": {
+      "file": "chunk-GNLF6T5P.js"
+    },
+    "chunk-JUYRXMEZ": {
+      "file": "chunk-JUYRXMEZ.js"
+    },
+    "chunk-Z47ZLGR7": {
+      "file": "chunk-Z47ZLGR7.js"
+    },
+    "chunk-RRS4LCUC": {
+      "file": "chunk-RRS4LCUC.js"
+    },
+    "chunk-WVADJ63N": {
+      "file": "chunk-WVADJ63N.js"
+    },
     "chunk-NUMECXU6": {
       "file": "chunk-NUMECXU6.js"
     },
-    "chunk-JVSQUNE5": {
-      "file": "chunk-JVSQUNE5.js"
-    },
-    "chunk-CM2AK5IQ": {
-      "file": "chunk-CM2AK5IQ.js"
-    },
     "chunk-RLJ2RCJQ": {
       "file": "chunk-RLJ2RCJQ.js"
     },
diff --git a/frontend1/node_modules/.vite/deps/antd.js b/frontend1/node_modules/.vite/deps/antd.js
index b673df26..c667b874 100644
--- a/frontend1/node_modules/.vite/deps/antd.js
+++ b/frontend1/node_modules/.vite/deps/antd.js
@@ -1,7 +1,4 @@
 "use client";
-import {
-  require_react_dom
-} from "./chunk-NUMECXU6.js";
 import {
   BarsOutlined_default,
   CalendarOutlined_default,
@@ -55,10 +52,13 @@ import {
   ZoomInOutlined_default,
   ZoomOutOutlined_default,
   require_react_is
-} from "./chunk-JVSQUNE5.js";
+} from "./chunk-NDVMXJDK.js";
 import {
   require_dayjs_min
 } from "./chunk-CM2AK5IQ.js";
+import {
+  require_react_dom
+} from "./chunk-NUMECXU6.js";
 import {
   require_react
 } from "./chunk-RLJ2RCJQ.js";
diff --git a/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx b/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx
index 81635707..8cb4a4da 100644
--- a/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx
+++ b/frontend1/src/features/dashboard-analytics/components/AnalyticsChartPreview.tsx
@@ -1,5 +1,13 @@
 import { useEffect, useMemo, useRef, useState, type CSSProperties } from "react";
-import * as echarts from "echarts";
+import * as echarts from "echarts/core";
+import {
+  BarChart as EChartsBarChart,
+  FunnelChart as EChartsFunnelChart,
+  LineChart as EChartsLineChart,
+  PieChart as EChartsPieChart,
+} from "echarts/charts";
+import { GridComponent, LegendComponent, TitleComponent, TooltipComponent } from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
 import type { EChartsOption } from "echarts";
 import {
   Activity,
@@ -33,6 +41,18 @@ import {
 } from "lucide-react";
 import type { DashboardAnalyticsPreviewCard } from "@/features/dashboard-analytics/types";
 
+echarts.use([
+  EChartsLineChart,
+  EChartsBarChart,
+  EChartsPieChart,
+  EChartsFunnelChart,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  TooltipComponent,
+  CanvasRenderer,
+]);
+
 type ChartPoint = NonNullable<DashboardAnalyticsPreviewCard["chartData"]>[number];
 type RenderType = NonNullable<DashboardAnalyticsPreviewCard["renderType"]>;
 type ValueType = DashboardAnalyticsPreviewCard["valueType"];
diff --git a/frontend1/vite.config.ts b/frontend1/vite.config.ts
index eb25e42b..d22885f3 100644
--- a/frontend1/vite.config.ts
+++ b/frontend1/vite.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     }
   },
   build: {
-    chunkSizeWarningLimit: 700
+    chunkSizeWarningLimit: 700,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          "vendor-react": ["react", "react-dom", "react-router-dom"],
+          "vendor-antd": ["antd", "@ant-design/icons"],
+          "vendor-echarts": ["echarts"],
+          "vendor-utils": ["axios", "zustand", "i18next", "react-i18next", "i18next-browser-languagedetector"],
+        }
+      }
+    }
   },
   server: {
     port: 5173,
diff --git a/sql/20260827.sql b/sql/20260827.sql
new file mode 100644
index 00000000..bc65cf6e
--- /dev/null
+++ b/sql/20260827.sql
@@ -0,0 +1,283 @@
+-- =====================================================================
+-- 2026-08-27 CRM 升级 - PostgreSQL 17
+-- =====================================================================
+-- 背景：
+--   1) 旧版库（archive/init_pg17.sql + 各增量升级脚本）中以下三个表的
+--      biz_type CHECK 约束缺少 'crm' 值，而 CRM 拓展功能会写入
+--      biz_type = 'crm'（日报反写 CRM 拜访记录、CRM 拓展新增拜访记录、
+--      外勤打卡关联 CRM 拓展、日报消息关联 CRM 拓展），会被旧约束拒绝。
+--   2) CRM 拓展主表 crm_crm_expansion 与多联系人子表
+--      crm_crm_expansion_contact 的建表脚本在项目 SQL 中缺失，本次补齐，
+--      结构以当前库实际定义为准（含主键、外键、索引，无触发器/注释，
+--      子表无外键约束，与现有库保持一致）。
+--   3) 新增 crm_oms_dict_mapping：CRM 与 OMS 字典码值映射表，用于商机
+--      推送 OMS / OMS 导入回传时的字典码值转换。
+-- 说明：init_full_pg17.sql（全新初始化）已包含正确约束；本脚本用于
+--       旧库增量升级。对新库执行同样安全（幂等：create if not exists、
+--       drop constraint if exists）。
+
+begin;
+
+set search_path to public;
+
+-- 1) crm_expansion_followup：跟进/拜访记录表，需支持 sales/channel/crm
+alter table crm_expansion_followup
+  drop constraint if exists crm_expansion_followup_biz_type_check;
+alter table crm_expansion_followup
+  add constraint crm_expansion_followup_biz_type_check
+  check (biz_type in ('sales', 'channel', 'crm'));
+
+-- 2) work_checkin：外勤打卡，可关联 sales/channel/opportunity/crm
+alter table work_checkin
+  drop constraint if exists work_checkin_biz_type_check;
+alter table work_checkin
+  add constraint work_checkin_biz_type_check
+  check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity', 'crm'));
+
+-- 3) work_report_message：日报消息，可关联 sales/channel/opportunity/crm
+alter table work_report_message
+  drop constraint if exists work_report_message_biz_type_check;
+alter table work_report_message
+  add constraint work_report_message_biz_type_check
+  check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity', 'crm'));
+
+-- 4) CRM 拓展主表（结构与当前库实际定义一致）
+create table if not exists crm_crm_expansion (
+  id bigint generated by default as identity primary key,
+  end_user varchar(200) not null,
+  office_name varchar(200) not null,
+  industry_attr varchar(200),
+  extension_type varchar(50) not null,
+  purchase_date date,
+  warranty_expiry date,
+  online_status varchar(50) not null,
+  contact_name varchar(100),
+  contact_phone varchar(50),
+  contact_title varchar(100),
+  supplier_id bigint,
+  h3c_contact_id bigint,
+  has_expansion_opportunity varchar(10),
+  owner_user_id bigint not null,
+  remark text,
+  created_at timestamptz not null default now(),
+  updated_at timestamptz not null default now(),
+  constraint fk_crm_crm_expansion_supplier
+    foreign key (supplier_id) references crm_channel_expansion(id),
+  constraint fk_crm_crm_expansion_h3c_contact
+    foreign key (h3c_contact_id) references crm_sales_expansion(id)
+);
+
+create index if not exists idx_crm_crm_expansion_owner
+  on crm_crm_expansion (owner_user_id);
+
+create index if not exists idx_crm_crm_expansion_supplier
+  on crm_crm_expansion (supplier_id);
+
+-- 5) CRM 拓展多联系人子表（结构与当前库实际定义一致）
+create table if not exists crm_crm_expansion_contact (
+  id bigint generated by default as identity primary key,
+  crm_expansion_id bigint not null,
+  contact_name varchar(255),
+  contact_mobile varchar(64),
+  contact_title varchar(128),
+  sort_order integer not null default 0,
+  created_at timestamptz not null default now(),
+  updated_at timestamptz not null default now()
+);
+
+create index if not exists idx_crm_expansion_contact_expansion
+  on crm_crm_expansion_contact (crm_expansion_id);
+
+-- 5.5) CRM 拓展主表新增字段：软件点数 / 扩容时间 / 扩容规模
+--      软件点数：整数；扩容时间：日期（与采购时间/过保时间一致用 date）；
+--      扩容规模：文本。
+alter table crm_crm_expansion
+  add column if not exists software_points int;
+
+alter table crm_crm_expansion
+  add column if not exists expansion_time date;
+
+alter table crm_crm_expansion
+  add column if not exists expansion_scale varchar(100);
+
+comment on column crm_crm_expansion.software_points is '软件点数';
+comment on column crm_crm_expansion.expansion_time is '扩容时间';
+comment on column crm_crm_expansion.expansion_scale is '扩容规模';
+
+-- 5.6) CRM 拓展主表新增字段：进货商名称 / 新华三对接人名称
+--      需求：进货商、新华三对接人在下拉里没有想选的人时，可直接手动输入文字保存。
+--      因此除保留 supplier_id / h3c_contact_id 关联外，新增名称冗余字段：
+--        - 下拉选中时：存 id，并冗余存名称（supplier_name / h3c_contact_name）
+--        - 手动输入时：supplier_id / h3c_contact_id 置空，名称存文本
+--      列表/详情展示以名称字段优先，历史仅有 id 的旧数据回退用 JOIN 关联名称。
+alter table crm_crm_expansion
+  add column if not exists supplier_name varchar(255);
+
+alter table crm_crm_expansion
+  add column if not exists h3c_contact_name varchar(255);
+
+comment on column crm_crm_expansion.supplier_name is '进货商名称（下拉选中冗余存名；手动输入时存文字）';
+comment on column crm_crm_expansion.h3c_contact_name is '新华三对接人名称（下拉选中冗余存名；手动输入时存文字）';
+
+-- 5.7) CRM 拓展主表新增字段：是否有维保项目机会
+--      使用系统字典 sys_is：1是 / 0否
+alter table crm_crm_expansion
+  add column if not exists has_maintenance_opportunity varchar(10);
+
+comment on column crm_crm_expansion.has_maintenance_opportunity is '是否有维保项目机会（系统是否字典 sys_is：1是 / 0否）';
+
+-- 6) CRM 与 OMS 字典码值映射表：用于商机推送 OMS / OMS 导入回传时做字典码值转换
+create table if not exists crm_oms_dict_mapping (
+  id bigint generated by default as identity primary key,
+  dict_type varchar(50) not null,
+  crm_value varchar(100) not null,
+  crm_label varchar(200),
+  oms_value varchar(100) not null,
+  oms_label varchar(200),
+  remark varchar(500),
+  status smallint not null default 1,
+  is_default boolean not null default false,
+  created_at timestamptz not null default now(),
+  updated_at timestamptz not null default now(),
+  constraint uk_crm_oms_dict_mapping unique (dict_type, crm_value, oms_value)
+);
+
+comment on table crm_oms_dict_mapping is 'CRM与OMS字典码值映射表';
+comment on column crm_oms_dict_mapping.dict_type is '字典类型（如 opportunity_stage 商机阶段、opportunity_type 商机类型）';
+comment on column crm_oms_dict_mapping.crm_value is 'CRM侧字典码值（item_value）';
+comment on column crm_oms_dict_mapping.crm_label is 'CRM侧字典标签（冗余，便于核对）';
+comment on column crm_oms_dict_mapping.oms_value is 'OMS侧码值';
+comment on column crm_oms_dict_mapping.oms_label is 'OMS侧标签（冗余，便于核对）';
+comment on column crm_oms_dict_mapping.remark is '备注';
+comment on column crm_oms_dict_mapping.status is '状态：1 启用 0 停用';
+comment on column crm_oms_dict_mapping.is_default is '是否为默认映射：true 是 false 否（用于CRM推OMS时的默认匹配）';
+comment on column crm_oms_dict_mapping.created_at is '创建时间';
+comment on column crm_oms_dict_mapping.updated_at is '更新时间';
+
+-- 7) 初始化数据：项目阶段（sj_xmjd）映射
+insert into crm_oms_dict_mapping (dict_type, crm_value, crm_label, oms_value, oms_label, is_default)
+values
+  ('sj_xmjd', 'S0',  'S0-配置报价',     'S0',  'S0-配置报价',        true),
+  ('sj_xmjd', 'S1',  'S1-深化设计',     'S1',  'S1-标前引导',        true),
+  ('sj_xmjd', 'S1',  'S1-深化设计',     'S2',  'S2-招投标签',        false),
+  ('sj_xmjd', 'S2',  'S2-招投标签',     'S3',  'S3-招投标签期',      true),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4A', 'S4A-中标未签(总包)', false),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4B', 'S4B-中标未签(省代)', false),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4C', 'S4C-中标未签(汇智)', true),
+  ('sj_xmjd', 'S4',  'S4-下单未签单',   'S5',  'S5-订单合同签订期',   true),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S6',  'S6-订单合同已生效',  true),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S7A', 'S7A-订单部分发货',   false),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S7B', 'S7B-订单全部发货',   false),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S8',  'S8-已签收',          false),
+  ('sj_xmjd', 'L',   'L-已丢单',        'L',   'L-已丢单',           true)
+on conflict (dict_type, crm_value, oms_value) do nothing;
+
+-- 8) 渠道拓展覆盖地市：改为从表存储（便于后期统计）
+--    覆盖关系存 crm_channel_expansion_coverage，每行一个覆盖项（省/市）。
+--    主表原有的 coverage_province / coverage_city 两列已废弃，
+--    历史数据迁移到从表后删除，查询/写入均改为读写从表，避免冗余与不一致。
+
+create table if not exists crm_channel_expansion_coverage (
+  id bigserial primary key,
+  channel_id bigint not null references crm_channel_expansion(id) on delete cascade,
+  province varchar(100),
+  city varchar(100)
+);
+
+comment on table crm_channel_expansion_coverage is '渠道拓展覆盖地市明细（每行一个覆盖项）';
+comment on column crm_channel_expansion_coverage.province is '覆盖省份（cnarea 一级区域名称，city 为空表示全省）';
+comment on column crm_channel_expansion_coverage.city is '覆盖市/区/县（cnarea 二级区域名称）';
+
+create index if not exists idx_cec_channel_id on crm_channel_expansion_coverage(channel_id);
+create index if not exists idx_cec_province on crm_channel_expansion_coverage(province);
+create index if not exists idx_cec_city on crm_channel_expansion_coverage(city);
+
+
+-- ---------------------------------------------------------------------
+-- 9.5) 销售人员拓展所属区域：改为从表存储（参考渠道拓展"覆盖地市"结构）
+--     所属区域为多选下拉，每个选中项存为一行（省/市），
+--     关联 crm_sales_expansion(id)，on delete cascade。
+-- ---------------------------------------------------------------------
+
+create table if not exists crm_sales_expansion_coverage (
+  id bigserial primary key,
+  sales_expansion_id bigint not null references crm_sales_expansion(id) on delete cascade,
+  province varchar(100),
+  city varchar(100)
+);
+
+comment on table crm_sales_expansion_coverage is '销售人员拓展所属区域明细（每行一个区域项）';
+comment on column crm_sales_expansion_coverage.province is '所属省份（cnarea 一级区域名称，city 为空表示全省）';
+comment on column crm_sales_expansion_coverage.city is '所属市/区/县（cnarea 二级区域名称）';
+
+create index if not exists idx_csec_sales_expansion_id on crm_sales_expansion_coverage(sales_expansion_id);
+create index if not exists idx_csec_province on crm_sales_expansion_coverage(province);
+create index if not exists idx_csec_city on crm_sales_expansion_coverage(city);
+
+
+-- ---------------------------------------------------------------------
+-- 9) work_checkin.id 序列同步（打卡主键改为 identity 自动生成）
+--    背景：历史版本 insertCheckIn 使用 max(id)+1 显式主键，identity 序列
+--    从未推进；且历史遗留存在 work_checkin_id_seq / _seq1 双序列。
+--    现 insertCheckIn 已改为由 identity 自动生成主键，需将 identity 实际
+--    绑定的序列同步到表内 max(id)，避免后续插入主键冲突。
+--    使用 pg_get_serial_sequence 动态解析实际序列，避免对错序列。
+--    幂等：重复执行结果一致，可安全用于任意环境。
+-- ---------------------------------------------------------------------
+do $$
+declare
+    seq_name text;
+begin
+    select pg_get_serial_sequence('work_checkin', 'id') into seq_name;
+    if seq_name is not null then
+        execute format('select setval(%L, coalesce((select max(id) from work_checkin), 0) + 1, false)', seq_name);
+        raise notice 'work_checkin.id 序列 % 已同步', seq_name;
+    else
+        raise notice '未找到 work_checkin.id 的 identity 序列';
+    end if;
+end $$;
+
+
+-- ---------------------------------------------------------------------
+-- 10) 渠道拓展新增字段：注册资金
+--     需求：渠道拓展页面新增「注册资金」字段，必填，前端位置在「人员规模」
+--     字段之后。单位与年度营业额一致（万元），numeric(18,2)。
+--     幂等：add column if not exists，可安全用于任意环境。
+-- ---------------------------------------------------------------------
+
+alter table crm_channel_expansion
+  add column if not exists registered_capital numeric(18, 2);
+
+comment on column crm_channel_expansion.registered_capital is '注册资金（万元）';
+
+
+-- ---------------------------------------------------------------------
+-- 11) 渠道拓展联系人新增字段：工作职责 / 生日 / 是否加企业微信 / 特别说明
+--     需求：渠道联系人固定 6 行，工作职责不可编辑，固定为
+--       销售负责人、技术负责人、商务负责人、宣传负责人、
+--       订单通知接单人、汇智日常联络人。
+--     除生日选填外，其余联系人字段均必填（至少完整填写一行）。
+--     是否加企业微信使用系统「是否」字典（sys_is）：是(1) / 否(0)。
+--     工作职责为固定 6 项：销售负责人 / 技术负责人 / 商务负责人 /
+--       宣传负责人 / 订单通知接单人 / 汇智日常联络人。
+--     幂等：add column if not exists，可安全用于任意环境。
+-- ---------------------------------------------------------------------
+
+alter table crm_channel_expansion_contact
+  add column if not exists duty varchar(50);
+
+alter table crm_channel_expansion_contact
+  add column if not exists birthday date;
+
+alter table crm_channel_expansion_contact
+  add column if not exists wecom_added varchar(100);
+
+alter table crm_channel_expansion_contact
+  add column if not exists special_note text;
+
+comment on column crm_channel_expansion_contact.duty is '工作职责（固定6项之一：销售负责人/技术负责人/商务负责人/宣传负责人/订单通知接单人/汇智日常联络人）';
+comment on column crm_channel_expansion_contact.birthday is '生日';
+comment on column crm_channel_expansion_contact.wecom_added is '是否加企业微信（系统是否字典 sys_is：1是 / 0否）';
+comment on column crm_channel_expansion_contact.special_note is '特别说明';
+
+commit;
diff --git a/sql/20260828update.sql b/sql/20260828update.sql
new file mode 100644
index 00000000..45938b27
--- /dev/null
+++ b/sql/20260828update.sql
@@ -0,0 +1,128 @@
+-- =====================================================================
+-- 2026-08-28 商机阶段历史数据换算更新（CRM 码值更换）
+-- PostgreSQL 17
+-- =====================================================================
+-- 背景：
+--   CRM 商机阶段码值更换。当前数据库 crm_opportunity.stage 存的是 OMS 侧
+--   码值，需换算回新 CRM 码值。权威对应关系以 crm_oms_dict_mapping 表
+--   （dict_type='sj_xmjd'）为准：oms_value -> crm_value。
+--
+--     当前库映射表（已与字典 sys_dict_item/sj_xmjd 对齐）：
+--       OMS(当前库值)         -> CRM(新值)
+--       S0 -> S0   |  S1 -> S1   |  S2 -> S1   |  S3 -> S2
+--       S4A/S4B/S4C -> S3 |  S5 -> S4
+--       S6/S7A/S7B/S8 -> S5（已签单统一为 S5）
+--       L -> L
+--
+--   注意：原方案的「细分已签单」（S5/S6A/S6B/S7）与当前字典/映射表不符
+--   （字典当前为 S0/S1/S2/S3/S4/S5/L，无 S6A/S6B/S7），已废弃。本脚本
+--   一律以当前映射表为准，保证换算结果全部落在字典定义内。
+--
+-- 安全性说明（务必审阅后执行）：
+--   1) 前提：当前库 stage 全部为 OMS 码值（用户已确认）。
+--   2) 历史旧阶段（initial_contact/solution_discussion/bidding/
+--      business_negotiation/won/lost）不在此对应范围，保持不动；NULL 不处理。
+--   3) 脚本默认只读诊断（A/B/C），更新语句（E/D）已注释；确认后按
+--      「先 E 校正映射表，再 D 换算」顺序取消注释并整段重跑（事务内，可回滚）。
+--   4) 新环境部署：20260827.sql 第 7 节插入的是旧码映射种子，必须启用
+--      E 节将其校正为当前 S5 版，再执行 D 换算（对当前库 E 为幂等）。
+-- =====================================================================
+
+begin;
+
+set search_path to public;
+
+-- ---------------------------------------------------------------------
+-- A) 诊断：当前 crm_opportunity.stage 分布（全部值）
+-- ---------------------------------------------------------------------
+select stage, count(*) as cnt
+from crm_opportunity
+group by stage
+order by stage;
+
+-- ---------------------------------------------------------------------
+-- B) 诊断：按 crm_oms_dict_mapping 统计需换算的记录
+--    oms_value=当前库里值，crm_value=将换算成的新 CRM 码值
+-- ---------------------------------------------------------------------
+select m.oms_value as 当前_oms码值, m.crm_value as 目标_crm码值, count(*) as cnt
+from crm_opportunity op
+join crm_oms_dict_mapping m
+  on m.dict_type = 'sj_xmjd' and m.oms_value = op.stage
+where m.crm_value <> op.stage
+group by m.oms_value, m.crm_value
+order by m.oms_value;
+
+-- ---------------------------------------------------------------------
+-- C) 诊断：将被换算的具体行样例（id、商机编号、当前值、目标值）
+--    请核对命中记录确实为 OMS 语义的阶段，确认无误后再启用更新
+-- ---------------------------------------------------------------------
+select op.id, op.opportunity_code, op.stage as 当前_oms码值, m.crm_value as 目标_crm码值
+from crm_opportunity op
+join crm_oms_dict_mapping m
+  on m.dict_type = 'sj_xmjd' and m.oms_value = op.stage
+where m.crm_value <> op.stage
+order by op.id;
+
+-- ---------------------------------------------------------------------
+-- E) 校正 crm_oms_dict_mapping（sj_xmjd）为当前权威版本（S5 已签单统一）
+--    数据源：当前库实际映射表，与字典 sys_dict_item/sj_xmjd 对齐。
+--    默认注释。新环境（20260827.sql 旧码种子）必须启用；当前库为幂等。
+-- =====================================================================
+/*
+delete from crm_oms_dict_mapping where dict_type = 'sj_xmjd';
+
+insert into crm_oms_dict_mapping
+  (dict_type, crm_value, crm_label, oms_value, oms_label, is_default)
+values
+  ('sj_xmjd', 'S0',  'S0-配置报价',     'S0',  'S0-配置报价',        true),
+  ('sj_xmjd', 'S1',  'S1-深化设计',     'S1',  'S1-标前引导',        true),
+  ('sj_xmjd', 'S1',  'S1-深化设计',     'S2',  'S2-招投标签',        false),
+  ('sj_xmjd', 'S2',  'S2-招投标签',     'S3',  'S3-招投标签期',      true),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4A', 'S4A-中标未签(总包)', false),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4B', 'S4B-中标未签(省代)', false),
+  ('sj_xmjd', 'S3',  'S3-中标未下单',   'S4C', 'S4C-中标未签(汇智)', true),
+  ('sj_xmjd', 'S4',  'S4-下单未签单',   'S5',  'S5-订单合同签订期',   true),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S6',  'S6-订单合同已生效',  true),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S7A', 'S7A-订单部分发货',   false),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S7B', 'S7B-订单全部发货',   false),
+  ('sj_xmjd', 'S5',  'S5-已签单',       'S8',  'S8-已签收',          false),
+  ('sj_xmjd', 'L',   'L-已丢单',        'L',   'L-已丢单',           true)
+on conflict (dict_type, crm_value, oms_value) do update
+set crm_label = excluded.crm_label,
+    oms_label = excluded.oms_label,
+    is_default = excluded.is_default,
+    updated_at = now();
+*/
+
+-- ---------------------------------------------------------------------
+-- D) 执行更新：按 crm_oms_dict_mapping 把 OMS 码值换算回新 CRM 码值
+--    默认注释。确认 E（映射表校正）与上方诊断无误后，取消注释并整段重跑。
+-- =====================================================================
+/*
+-- 注意：这是单条 UPDATE，每行仅按执行前的原始 stage 匹配一次、SET 一次完成，
+-- 不会出现 S3->S2 之后再按 S2->S1 二次匹配的连环更新。
+-- 请勿将映射拆成多条顺序 UPDATE 执行，否则先 S3->S2 生成的 S2 会被
+-- 后续 S2->S1 语句误判为 OMS 原值再次转换。
+update crm_opportunity op
+set stage = m.crm_value,
+    updated_at = now()
+from crm_oms_dict_mapping m
+where m.dict_type = 'sj_xmjd'
+  and op.stage = m.oms_value
+  and op.stage <> m.crm_value;
+
+-- 核对本次受影响记录数
+select count(*) as updated_rows
+from crm_opportunity op
+join crm_oms_dict_mapping m
+  on m.dict_type = 'sj_xmjd' and m.oms_value = op.stage
+where m.crm_value <> op.stage;
+
+-- 核对更新后分布，确认已全部转为新 CRM 码值（应落在 S0/S1/S2/S3/S4/S5/L）
+select stage, count(*) as cnt
+from crm_opportunity
+group by stage
+order by stage;
+*/
+
+commit;
diff --git a/sql/20260903update.sql b/sql/20260903update.sql
new file mode 100644
index 00000000..27463896
--- /dev/null
+++ b/sql/20260903update.sql
@@ -0,0 +1,63 @@
+-- ---------------------------------------------------------------------
+-- 渠道拓展：汇智内部认证级别（字典 tz_rzjb）标签调整
+-- 需求：
+--   1) 省代        -> 汇智省代
+--   2) 金牌        -> 汇智金牌
+--   3) 非认证渠道  -> 潜力渠道
+--   4) 新增：汇智精英渠道（item_value = '05'，启用）
+--   5) 国代（'01'）不在新标签集内，改为停用（status = 0）
+-- 幂等：以 item_value 作为稳定键，UPDATE/INSERT 均可安全重复执行。
+-- ---------------------------------------------------------------------
+
+begin;
+
+-- 1) 省代 -> 汇智省代
+update sys_dict_item
+   set item_label = '汇智省代',
+       sort_order = 1,
+       status     = 1,
+       updated_at = now()
+ where type_code = 'tz_rzjb'
+   and item_value = '02'
+   and coalesce(is_deleted, 0) = 0;
+
+-- 2) 金牌 -> 汇智金牌
+update sys_dict_item
+   set item_label = '汇智金牌',
+       sort_order = 2,
+       status     = 1,
+       updated_at = now()
+ where type_code = 'tz_rzjb'
+   and item_value = '03'
+   and coalesce(is_deleted, 0) = 0;
+
+-- 3) 非认证渠道 -> 潜力渠道
+update sys_dict_item
+   set item_label = '潜力渠道',
+       sort_order = 4,
+       status     = 1,
+       updated_at = now()
+ where type_code = 'tz_rzjb'
+   and item_value = '04'
+   and coalesce(is_deleted, 0) = 0;
+
+-- 4) 国代不在新标签集内，改为停用
+update sys_dict_item
+   set status     = 0,
+       updated_at = now()
+ where type_code = 'tz_rzjb'
+   and item_value = '01'
+   and coalesce(is_deleted, 0) = 0;
+
+-- 5) 新增：汇智精英渠道（幂等，重复执行不会插入第二行）
+insert into sys_dict_item (type_code, item_label, item_value, sort_order, status, is_deleted, remark)
+select 'tz_rzjb', '汇智精英渠道', '05', 3, 1, 0, '认证级别'
+where not exists (
+  select 1
+  from sys_dict_item s
+  where s.type_code = 'tz_rzjb'
+    and s.item_value = '05'
+    and coalesce(s.is_deleted, 0) = 0
+);
+
+commit;
diff --git a/sql/init_full_pg17.sql b/sql/init_full_pg17.sql
index 95e9e5e2..87d210ac 100644
--- a/sql/init_full_pg17.sql
+++ b/sql/init_full_pg17.sql
@@ -244,7 +244,7 @@ create table if not exists crm_channel_expansion_contact (
 
 create table if not exists crm_expansion_followup (
   id bigint generated by default as identity primary key,
-  biz_type varchar(20) not null check (biz_type in ('sales', 'channel')),
+  biz_type varchar(20) not null check (biz_type in ('sales', 'channel', 'crm')),
   biz_id bigint not null,
   followup_time timestamptz not null,
   followup_type varchar(50) not null,
@@ -265,7 +265,7 @@ create table if not exists work_checkin (
   user_id bigint not null,
   checkin_date date not null,
   checkin_time timestamptz not null,
-  biz_type varchar(20) check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity')),
+  biz_type varchar(20) check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity', 'crm')),
   biz_id bigint,
   biz_name varchar(200),
   longitude numeric(10, 6),
@@ -316,7 +316,7 @@ create table if not exists work_report_message (
   receiver_user_id bigint not null,
   report_date date not null,
   line_index integer not null default 0,
-  biz_type varchar(20) check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity')),
+  biz_type varchar(20) check (biz_type is null or biz_type in ('sales', 'channel', 'opportunity', 'crm')),
   biz_id bigint,
   biz_name varchar(200),
   content text not null,
@@ -761,7 +761,7 @@ BEGIN
      ) THEN
     ALTER TABLE public.work_checkin
       ADD CONSTRAINT work_checkin_biz_type_check
-      CHECK (biz_type IS NULL OR biz_type IN ('sales', 'channel', 'opportunity'));
+      CHECK (biz_type IS NULL OR biz_type IN ('sales', 'channel', 'opportunity', 'crm'));
   END IF;
 END $$;
 
diff --git a/代码改动审计报告.md b/代码改动审计报告.md
new file mode 100644
index 00000000..bf268001
--- /dev/null
+++ b/代码改动审计报告.md
@@ -0,0 +1,172 @@
+# 代码改动审计报告
+
+> 审计对象：仓库 `unis_crm` 当前工作区所有未提交改动（含新增文件）
+> 审计方式：对后端/前端各模块 diff 逐一审查 + 关键高危点代码实读复核
+> 生成时间：2026-09-03
+
+## 一、概述
+
+本次改动范围很大，覆盖五大模块：
+
+| 模块 | 主要风险 |
+|------|---------|
+| 拓展模块（后端） | 渠道联系人必填收紧导致旧调用/回归+测试红；互移字段丢弃；并发唯一性 |
+| 拓展模块（前端） | 编辑旧渠道静默丢联系人；互移字段丢失；迁移校验阻断 |
+| 商机模块 | **列表缓存陈旧数据（高危数据错误）**；未签单导出遗漏禁用/非标准阶段 |
+| 工作/日报/打卡 | **存量库 CHECK 约束未含 `crm` 导致写入失败（高危部署问题）**；日报联动时间改为固定09:00 |
+| OMS/登录鉴权 | OMS回调硬编码弱token、核心逻辑未落地；Dashboard懒加载改动 |
+
+**审计结论一句话**：
+- 大部分功能需求（6行固定联系人、sys_is 字典企微、互移入口、阶段筛选动态获取、鉴权回归）**实现正确**；
+- 但有 **2 个高危问题**（商机列表缓存陈旧数据、存量库打卡`crm`约束）会直接影响线上功能，**强烈建议先修**；
+- 有 **4 个中危回归点**（渠道联系人必填收紧、互移字段丢失、日报联动时间、未签单导出遗漏）涉及数据一致性，建议按产品确认后修改；
+- 其余为低危/防御性项，可暂缓。
+
+---
+
+## 二、高危问题（建议优先处理）
+
+### H1. 商机列表 · Tab 内切换筛选后显示陈旧数据（数据正确性回归）
+- **文件**：[Opportunities.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Opportunities.tsx#L1676-1697)
+- **根因**：缓存 key 是 `archiveTab:keyword:filter:stageOptions.length`（按筛选粒度），但缓存**槽**却只有一个 `tabItemsCacheRef.current[archiveTab]`（按 tab 粒度）。同一 tab 内先选“S2”再切回“全部”时，`loadedTabKeysRef` 已在上次记录“全部”这个 key，于是命中缓存分支，直接回显**上一次 S2 筛选**的结果，而非重新请求“全部”。
+- **影响**：同一 tab 内切换筛选/关键字返回与筛选不匹配的商机列表，且不刷新不恢复，属于数据展示错误。
+- **修改建议**：缓存值按 `loadKey` 粒度存储（`Map<loadKey, items>`），命中已加载 key 时用对应 key 的数据，而不是当前槽位的值；或将 key 写入槽位时校验与当前 `loadKey` 一致，不一致则强制重新请求。
+
+### H2. 工作打卡 · 存量库 CHECK 约束未含 `crm` 类型 → 写入直接报错（部署级）
+- **文件**：[WorkCheckInSchemaInitializer.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java#L40-54)
+- **根因**：为支持打卡关联 CRM 拓展，`biz_type` 需新增 `'crm'` 值。但约束 `work_checkin_biz_type_check` 用 `if not exists(conname=...)` 判断，**已经部署过旧版库**里该约束已存在，升级后分支被跳过 → 约束值列表仍不含 `crm`。而本次改动的 `WorkServiceImpl.saveCheckIn` 已开放写入 `biz_type='crm'` → 存量库上写入 CRM 关联打卡/日报/跟进时触发 CHECK 违反，返回 500。
+- **影响**：CRM 拓展关联的外勤打卡、日报、跟进记录在所有已部署环境落库失败。
+- **修改建议**：改用“先 `DROP CONSTRAINT IF EXISTS` 再 `ADD CONSTRAINT`”的幂等方式重建约束（Java initializer 与 `sql/init_full_pg17.sql` 两处同步）；上线前在目标库执行一次 `ALTER TABLE ... DROP CONSTRAINT IF EXISTS work_checkin_biz_type_check; ALTER TABLE ... ADD CONSTRAINT ... check(biz_type is null or biz_type in ('sales','channel','opportunity','crm'));`。
+
+---
+
+## 三、中危问题（数据一致性/行为变更，需产品确认后修改）
+
+### M1. 渠道联系人必填收紧 → 旧调用方/单测被破坏（回归面）
+- **文件**：[ExpansionServiceImpl.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L906-943) ；[ExpansionServiceImplTest.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/test/java/com/unis/crm/service/impl/ExpansionServiceImplTest.java#L253-259)
+- **问题**：校验由“姓名/电话/职位必填”收紧为“行内任一字段有值时，**除生日外 wecomAdded、specialNote 也必填**”。① 既有单测 `buildContact()` 只填 name/mobile/title，必抛异常导致测试红；② 任何未升级、不传这两个字段的调用方新增/编辑渠道会被拒。
+- **修改建议**：同步补全 `buildContact()` 两个字段；确认所有渠道联系人调用方（`Expansion.tsx` 大改、`crmQuickCreate/shared.tsx`）已同步传参；若存在不可控旧客户端，后端可对这两个字段降级为可空并在展示层兜底。
+
+### M2. 渠道↔CRM 互移导致渠道联系人专有字段丢失（且回退路径必然报错）
+- **文件**：[ExpansionServiceImpl.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L1250-1284)
+- **问题**：
+  - 渠道→CRM：`toCrmContactRequests` 只保留 name/mobile/title，**职务、生日、是否加企业微信、特别说明被丢弃**，且迁回渠道也无法恢复（CRM 表无这些列）；
+  - CRM→渠道：`MoveCrmToChannelRequest.contacts` 为空时后端回退用源 CRM 联系人，但转换后 wecomAdded/specialNote 恒为 null，遇到 `normalizeRequiredContacts`（必填）必抛异常——前端即使留空想走“回退”也会失败。
+- **影响**：互移一次后核心联系信息丢失；回退路径不可用。
+- **修改建议**：若需保留，在 `crm_crm_expansion_contact` 补冗余列并双向迁移；否则在互移弹窗**显著提示**“生日/企微/特别说明将不被带入”，并在前端默认补默认值（如 wecomAdded="否"）规避报错。
+
+### M3. 未签单 tab 导出遗漏“禁用/非标准阶段码”商机（违反约束7）
+- **文件**：[Opportunities.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Opportunities.tsx#L2252-2279)
+- **问题**：把“列表可见商机的真实 stageCode 合并进默认导出阶段集合”的逻辑**只写在 `archived`（已签单）分支**；未签单（active）tab 的导出默认 `stageCodes` 仅字典启用项，若存在非 archived、非丢单但携带禁用/非标准阶段（如 S7A/S7B、S4A、OMS 同步值）的商机，会“列表可见但导出遗漏”，正违反既定约束7。
+- **修改建议**：把该合并逻辑抽成通用函数，对 `active` 与 `archived` 都套用。
+
+### M4. 日报联动跟进时间由“提交时刻”改为固定 09:00
+- **文件**：[WorkServiceImpl.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L2157-2159)
+- **问题**：`syncReportFollowUps` 的跟进时间 `followUpTime = reportDate.atTime(9:00)`，之前是取日报提交时间/当前时间。日报在 09:00 后提交时，跟进/提醒时间被回拨到当天早晨 09:00（可能已过期、排序提前）。
+- **修改建议**：若确为需求（统一营业开始时间）建议用 `max(提交时刻, 09:00)` 或下一工作日 09:00；否则恢复提交时间语义。**需产品确认是误改还是有意**。
+
+### M5. 注册资金（registeredCapital）被设为新增必填（行为变更）
+- **文件**：[Expansion.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Expansion.tsx#L983-985) 、`crmQuickCreate/shared.tsx`
+- **问题**：对无该字段历史的旧渠道，编辑保存会被强制补填；快速创建/迁移同样强制。
+- **修改建议**：若是新需求可保留；若为兼容旧数据，建议仅新记录必填、存量允许空。
+
+### M6. OMS 推送阶段改为经 `crm_oms_dict_mapping` 映射 + base-url 默认值变更
+- **文件**：[OmsClient.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/OmsClient.java#L115-117) 、[application.yml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application.yml)
+- **问题**：`projectStage` 由透传改为查映射表 `mapStageToOms`；若映射表迁移未入目标库会抛异常中断推送；`oms.base-url` 默认从 `192.168.4.78` 改为 `192.168.2.158`。
+- **修改建议**：确认映射表迁移为发布前置；OMS 地址改为环境配置而非提交内网 IP 默认值；映射查询失败降级为透传。
+
+### M7. 渠道联系人字段丢失/校验边界（前端）——展开
+- **文件**：[crmQuickCreate/shared.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/features/crmQuickCreate/shared.tsx#L64-146)
+- **问题**：
+  - `isEmptyChannelContact` 把“仅填生日”的行判为非空，再经 `isCompleteChannelContact`（要求 name/mobile/title/wecom/specialNote 全有）判为不完整 → **用户只给某行补个生日会被整体拦截提交**，与“生日选填、空行可留空”文案矛盾；
+  - 编辑旧渠道（>6 条/重复职责的历史数据）回填固定 6 行时，多余的被静默丢弃。
+- **修改建议**：判空排除 birthday（仅生日视为空行）；对重复职责/超 6 条给明确提示而非静默删除。
+
+### M8. ICU 关联：Dashboard 首页卡片改懒加载（向后兼容破坏）+ 潜在无限请求
+- **文件**：[DashboardAnalyticsConfigService.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/DashboardAnalyticsConfigService.java)、[Dashboard.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Dashboard.tsx)
+- **问题**：`getDashboardPanel` 由“真实计算卡片值”改为返回空 dataLoaded=false，需前端走新接口 `/api/dashboard/analytics-cards/data` 补齐；本仓库前端已适配，但其他消费者/缓存会拿到空值。懒加载若某 key 服务端过滤未返回，会反复触发请求且失败态无提示。
+- **修改建议**：确认无外部消费者则保留；请求侧记录已请求 key 去重，失败给卡片级错误态与重试。
+
+---
+
+## 四、低危/防御性问题（可暂缓）
+
+| # | 位置 | 问题 | 建议 |
+|---|------|------|------|
+| L1 | `OmsCallbackController.java` L25,51,63-71 | token 硬编码弱值、回调报文不打码、核心阶段回写仍是 TODO 却返回“成功” | token 配置化、脱敏日志、先落地幂等写入再上线 |
+| L2 | `ExpansionMapper.xml` `insertChannelCoverage/insertSalesRegion` | 整批拼单条 INSERT，数据极多时超限 | 分批或设上限 |
+| L3 | `crm_crm_expansion.end_user` 无唯一约束 | 应用层 count 校验有并发窗口 | 如“最终用户唯一”是诉求，加部分唯一索引 |
+| L4 | 渠道→CRM 互移 `clearOpportunityChannelExpansion`（`ExpansionServiceImpl.java` L448） | 商机与渠道关联清空且不指向新 CRM，不可追踪 | 如需追踪，新增来源映射列/记入商机备注 |
+| L5 | 渠道→CRM 互移未迁移覆盖地市（coverage） | 覆盖区域信息迁移后丢失 | 与产品确认处置 |
+| L6 | `OpportunityMapper.xml` L288-317 阶段值 | 历史遗留 `o.stage='lost'` 不满足 `not in('L')`，丢单列表/导出遗漏旧数据（改动前已存在） | SQL 层合并 legacy 值 `in ('L','lost')` |
+| L7 | `OpportunityServiceImpl.java` L64-65,944-974 | 集成反写强制 S5 在状态计算后执行可能导致 status/stage 不一致；`WON_STAGE_CODES` 未被使用 | 先定 stage 再算 status；移除/使用死代码 |
+| L8 | `Work.tsx` L1926,2269,4919 | 打卡/日报对象选择器默认类型由 `sales` 改为 `opportunity` | 若非有意，恢复 `"sales"` |
+| L9 | `SearchOrInputSelect.tsx` L115-122 | 选错后无“清除/取消”能力 | 补“不选择”项，valueId 置 0 |
+| L10 | `SearchableSelect.tsx` vs `SearchOrInputSelect` 选中比较 | 严格相等 vs `Number()` 宽松比较（当前同为 number，暂不影响） | 统一比较方式 |
+| L11 | `Opportunities.tsx` L1674-1725 | 切 tab 时 reset 与 load 时序错位，短暂脏列表/闪烁 | 用标志位跳过 stale 请求 |
+| L12 | 导出 `getOpportunityOverview(..., limit=null, includeDetails=true)` | 大商机量导出全量拉取+附加跟进，慢/占内存 | 确认导出列是否需跟进字段，必要时分批 |
+
+---
+
+## 五、建议处理顺序
+
+**第一优先级（影响线上数据正确性/可用性，建议本次发布前必须处理）：**
+1. 商机列表缓存陈旧数据（H1）
+2. 存量库打卡 `crm` CHECK 约束（H2）
+
+**第二优先级（数据一致性/明确回归，建议尽快确认修复）：**
+3. 渠道联系人必填收紧导致的单测红 + 旧调用回归（M1）
+4. 互移字段丢失 + 回退路径报错（M2/M7）
+5. 未签单导出遗漏禁用/非标准阶段（M3）
+6. 日报联动时间回拨（M4，先确认是否有意）
+7. 注册资金必填（M5，确认是否新需求）
+
+**第三优先级（防御性/待产品决策）：**
+8. OMS 回调安全 + 阶段回写落地（L1/M6）
+9. Dashboard 懒加载兼容性（M8）
+10. 其余低危项（L2–L12）
+
+---
+
+## 六、已核验无问题项（避免过度修改）
+
+- 商机阶段筛选动态获取字典、`IN/NOT IN` 绑定参数、切 tab 重置筛选 → 正确；
+- 渠道联系人固定 6 行、工作职责只读、`sys_is` 字典取值 → 正确；
+- 互移事务边界、`FOR UPDATE` 防重复迁移、NO ACTION 外键清理顺序 → 正确；
+- 鉴权（auth.ts）、路由（App.tsx 懒加载）、登录回归 → 未受影响；
+- ECharts 模块化注册齐全、Dashboard 单卡失败不拖垮、异常处理器只将未命中资源由 500 转 404 → 无回归。
+
+> 注：本报告基于对工作区未提交改动的静态审查。互移（moveChannelToCrm / moveCrmToChannel）路径目前**无单元测试覆盖**，如决定保留互移功能，建议补充测试后再上线。
+
+---
+
+## 附：《移至CRM拓展 / 移至渠道拓展》专项验证结果
+
+> 复核范围：两迁移动后端实现、mapper SQL、实时库表结构、前端两个移动弹窗（表单初始化 / 校验 / 联系人编辑器 / 提交 API 编码）。
+> 依据实时库确认：渠道联系人表 `crm_channel_expansion_contact` 含 `duty/birthday/wecom_added/special_note`；CRM 联系人表 `crm_crm_expansion_contact` **仅** name/mobile/title。
+
+### 已验证无问题的部分
+- 事务边界：两个移动方法均 `@Transactional`，任一失败整体回滚。
+- 并发防重：`selectChannelExpansionForMove` / `selectCrmExpansionForMove` 均 `FOR UPDATE` 行锁。
+- 引用迁移完整：`updateFollowUpBiz` / `updateCheckinBiz` / `updateReportMessageBiz` 双向把跟进/打卡/日报改挂到新记录，biz_type + biz_id 一起迁移。
+- 覆盖地市：`crm_channel_expansion_coverage.channel_id` 为 `ON DELETE CASCADE`，删渠道自动清理，无孤儿行。
+- 前台出错色 setter：channel→CRM 目标用 `invalidMoveCrmContactRows`、CRM→channel 用 `invalidMoveChannelContactRows`，命名反直觉但**未写反**，正确。
+- `extensionType`（多选数组）在前端 API `encodeExpansionMultiValue` 拼串后提交，后端为 String，正常；`channelAttribute` / `coverageProvince` 等同理。
+- 移动 API 携带 `coverageItems`（来自 `...rest`），后端 `replaceChannelCoverage` 正常写入。
+
+### 已确认的 Bug / 需落地的字段诉求（按影响排序）
+
+| 级别 | 编号 | 位置 | 问题 | 影响 / 建议 |
+|------|------|------|------|------------|
+| 高 | M-M1 | `selectChannelContactsForMove`([ExpansionMapper.xml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml#L1370)) + `toCrmContactRequests`([ExpansionServiceImpl.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L1250)) | 渠道→CRM 迁移时，渠道联系人的 `duty/birthday/wecom_added/special_note`（是否加企微/特别说明/生日等）被丢弃。列表查询 `selectChannelContacts`:988 明明会查出这些字段(dto 有)，迁移查询却只取 name/mobile/title | 迁移后渠道联系人的拓展字段**不可逆丢失**，且 CRM 联系人表无对应列可存。需产品确认：要么给 crm 联系人表加列并迁移带上字段，要么迁移前提示用户这些数据将不保留 |
+| 中 | M-M2 | `clearOpportunityChannelExpansion`([ExpansionMapper.xml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml#L1358)) | 渠道→CRM 迁移把 `crm_opportunity.channel_expansion_id` 置空；机会表无 CRM 关联列，商机不能挂到新 CRM | 原渠道下的商机迁移后失去渠道关联（business 记录仍在但被游离）。需产品确认是否要用销售/其它维度重新关联 |
+| 中 | M-M3 | `moveCrmToChannel` 仅接 endUser/industryAttr/purchaseDate/officeName→province，其余 CRM 独有字段不迁移；前端 `handleOpenMove` CRM 分支完全重置为空白 | CRM→渠道迁移业务数据几乎全丢失（软件点数/扩容机会/进货商/新华三/在线情况/过保时间等），且弹窗无任何预填，等于重填一份 | 结构性（渠道表无这些列）但无任何提示。建议弹窗明示「部分字段无法迁移需重新填写」，避免误以为迁移完整 |
+| 中 | M-M4 | `deleteChannelExpansion` 上级联删覆盖，CRM→渠道 覆盖写入正常 | 渠道→CRM 迁移后，渠道的覆盖省/市被级联删除且不转入 CRM（CRM 无覆盖字段） | 属设计取舍但无提示，容易误判。建议在弹窗提示覆盖地市将不迁移 |
+| 低 | M-M5 | `clearCrmSupplierRefs`([ExpansionMapper.xml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml#L1364)) 只置 `supplier_id=null`，不清 `supplier_name` | 其它 CRM 把被迁渠道当进货商时，迁移后 supplier_id 空但 supplier_name 残留 | 详情显示名称但跳转/关联失效。建议连 name 一起清或回退 JOIN |
+| 低 | M-M6 | `resolveChannelProvince`([ExpansionServiceImpl.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L1301)) 反查失败时返回 office_name 原文 | CRM→渠道 若 office_name 非字典码，province 会存成「代表处名」而非省份，与 city(cnarea) 不一致 | 违反「省市区严格对应」的既定约束，建议失败时回退到字典 label 或允许前端补选省份 |
+| 低 | M-M7 | `handleOpenMove`:3479 渠道→CRM | 把渠道「成立时间」自动作为「采购时间」预填、并自动 +3 年当过保时间 | 用户不手改时采购/过保可能不符实际。建议采购时间不强预填，或仅作可删的占位 |
+| 低 | M-M8 | `moveCrmToChannel` 弹窗不暴露 stage/landedFlag | 迁移后渠道 stage 恒为 initial_contact、landedFlag 恒 false | 无法体现 CRM 侧真实状态；属字段语义取舍，需产品确认 |
+
+### 与上一轮已修复问题的关系
+- 大雪花 id 经前端 `Number(id)` 精度丢失导致 「移至 CRM 拓展」FK 违反（`fk_crm_crm_expansion_h3c_contact`），以及下拉「全部被勾选」——两者同源，本轮已确认修复（[SearchOrInputSelect.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/components/SearchOrInputSelect.tsx) 比较改 String；[Expansion.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Expansion.tsx) onChange 不再 `Number()`）。
+- 建议：M-M1/M-M2/M-M3 为产品级取舍，上线前需与需求方对齐；M-M5/M-M6 为低成本可改项；互移路径仍缺单元测试，建议优先补。
\ No newline at end of file
diff --git a/系统审计分析报告.md b/系统审计分析报告.md
new file mode 100644
index 00000000..d1630f38
--- /dev/null
+++ b/系统审计分析报告.md
@@ -0,0 +1,143 @@
+# UNIS CRM 系统全量审计分析报告
+
+- 审计日期：2026-09-01
+- 审计范围：后端（Spring Boot + MyBatis）、前端（frontend / frontend1 两个 React 工程）、SQL 脚本、Docker/Nginx 部署配置
+- 审计方式：静态代码审查（未改动任何代码）
+- 结论概览：商机/渠道/CRM 拓展互移、商机 tab 阶段筛选导出等核心业务逻辑**正确**；但存在 **2 个越权类安全漏洞、1 个前端业务阻断缺陷、1 个全新部署致命缺口** 及若干配置/一致性问题，建议按优先级修复。
+
+---
+
+## 一、严重问题（建议优先修复）
+
+### 1. 打卡照片 / 日报附件下载接口存在越权访问（IDOR）
+- 位置：
+  - [WorkController.java#L152-L159](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/controller/WorkController.java#L152-L159)（`GET /api/work/checkin-photos/{fileName}`）
+  - [WorkController.java#L169-L176](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/controller/WorkController.java#L169-L176)（`GET /api/work/report-attachments/{fileName}`）
+  - [WorkServiceImpl.java#L468-L476](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L468-L476)、[WorkServiceImpl.java#L506-L514](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L506-L514)
+- 问题：两个下载接口不接收 `X-User-Id`，服务层仅做了「目录穿越」校验（拒绝 `..`、`/`、`\`），**未校验文件属主/数据权限**。文件名格式为 `{userId}-{uuid}.{ext}`（见 [WorkServiceImpl.java#L462](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L462)、[WorkServiceImpl.java#L495](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L495)）。任何已登录用户只要拿到/猜到他人文件名（文件名含 userId 前缀，可枚举）即可下载其打卡照片和日报附件。
+- 建议：下载时校验文件前缀 userId 与当前登录用户一致，或通过数据权限服务校验归属。
+
+### 2. 生产配置硬编码大量敏感凭据，且 jwt-secret 使用默认值
+- 位置：[application.yml#L4-L10、L20-L29、L53、L78、L88](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application.yml#L4-L10)、[application-prod.yml#L51](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application-prod.yml#L51)
+- 问题：
+  - MinIO（`admin/Admin@123456`）、PostgreSQL（`unis@123`）、Redis（`zghz@123`）、企微 secret、OMS api-key 全部明文写入仓库。
+  - 两个 profile 的 `jwt-secret` 均为默认值 `change-me-please-change-me-32bytes`，且 docker-compose 未通过环境变量覆盖（[docker-compose.yml#L14-L16](file:///Users/kangwenjing/Downloads/crm/unis_crm/docker-compose.yml#L14-L16) 仅传 `TZ` 与 `SPRING_PROFILES_ACTIVE`）。一旦使用默认值，攻击者可伪造任意用户/租户的 access token。
+- 建议：改为注入环境变量/密钥管理，强制覆盖 `jwt-secret`。
+
+### 3. 日报提交失败后前端永久锁死，需刷新页面才能恢复
+- 位置：[Work.tsx#L2175-L2226](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Work.tsx#L2175-L2226)
+- 问题：`reportSubmitInFlightRef.current = true` 与 `setReportSubmitLocked(true)` 在 [L2205-L2206](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Work.tsx#L2205-L2206) 设置，但只在**成功路径**（L2214-L2215）复位。一旦 `saveWorkDailyReport` 抛错（网络异常、后端校验失败、401 等），两个标记永久保持 `true`，提交按钮被守卫 [L2176](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Work.tsx#L2176) 永久禁用，提示「提交未确认，请刷新后重试」。当日已填写的整份日报（行项/附件/明日计划）必须刷新页面才能再次提交，丢失风险高。
+- 建议：将两个标记的复位移入 `catch` 或 `finally`（与 `setSubmittingReport(false)` 一起）。
+
+### 4. 全新安装脚本 `init_full_pg17.sql` 缺少 4 张运行时依赖表
+- 位置：[init_full_pg17.sql](file:///Users/kangwenjing/Downloads/crm/unis_crm/sql/init_full_pg17.sql)（自声明为全新环境权威初始化入口）
+- 问题：该脚本**没有**创建以下后端实际依赖的表：
+  - `crm_crm_expansion` / `crm_crm_expansion_contact`（CRM 拓展主/从表，见 [CrmExpansionMapper.xml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/CrmExpansionMapper.xml)）
+  - `crm_oms_dict_mapping`（OMS 字典映射，见 [CrmOmsDictMappingMapper.xml](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/CrmOmsDictMappingMapper.xml)）
+  - `crm_channel_expansion_coverage`（覆盖地市从表，见 [ExpansionMapper.xml#L106-L119](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml#L106-L119)）
+- 这 4 张表只存在于增量脚本 [20260827.sql#L45、L77、L92、L142](file:///Users/kangwenjing/Downloads/crm/unis_crm/sql/20260827.sql#L45)；已核实 8 个启动期 SchemaInitializer **均未补建**（[common/](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/common/) 下只有 dashboard/日历/日报提醒/语音/数据权限等表）。
+- 影响：全新库只跑 `init_full_pg17.sql` 时，CRM 拓展模块、商机 OMS 推送/回传、渠道覆盖地市会在运行时抛 `relation does not exist`。生产库（已执行 20260827.sql）不受影响，但属部署链路硬缺口。
+- 建议：在 `init_full_pg17.sql` 中补齐这 4 张表（可直接并入 20260827.sql 的定义）。
+
+### 5. OMS 集成回写的阶段/状态校验与新阶段码不一致（残留死代码，不阻断实际同步）
+- 位置：[OpportunityServiceImpl.java#L920-L925](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java#L920-L925)、[OpportunityServiceImpl.java#L944-L974](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java#L944-L974)
+- 已确认（用户核实）：OMS 反写只根据 `archived` 字段触发「已签约」，**不下发 `status=won/lost`**。因此 `archived=true → 强制 stage=S5` 路径（[L922-L925](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java#L922-L925)）实际可正常同步「已签单」，**不构成阻断**。
+- 残留问题（低危）：
+  - `resolveIntegrationStatus` 仅识别字面量 `"won"`/`"lost"` 阶段，但阶段经 `mapStageToCrm` 映射后为 `S5`/`L`，这两个分支是**死代码**；`WON_STAGE_CODES = Set.of("won","S6")`（[L65](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java#L65)）定义后从未使用，且 `S6` 实为 OMS 码，佐证旧逻辑未随阶段码迁移同步更新。
+  - 若 OMS 未来开始下发 `status=won/lost`，仍会走到 `switch` 的 `case "won","lost"` 抛错；若 OMS 下发 `stage`（如 `L`）但不带 status，商机 `status` 会落为 `active`（语义不符，但 `crm_opportunity.status` 允许 `active`，不报错）。
+- 建议：后续可在 `resolveIntegrationStatus` 中按映射后新码（S5→won、L→lost）推导 status，并清理死代码 `WON_STAGE_CODES`；非阻塞，可留作低优先维护项。
+
+---
+
+## 二、业务逻辑问题
+
+### 6. 打卡可重复提交（当日无去重）
+- 位置：[WorkServiceImpl.java#L324-L355](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L324-L355)
+- 问题：`saveCheckIn` 每次直接 `insertCheckIn`，未先查当日是否已有记录；`updateCheckIn`（[WorkMapper.java#L94](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/mapper/WorkMapper.java#L94)）为从未调用的死代码；打卡表当日索引非唯一（[WorkCheckInSchemaInitializer.java#L37](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/common/WorkCheckInSchemaInitializer.java#L37)）。双击/重试会产生多条当日打卡，统计重复。
+
+### 7. 日报导出按「业务类型」筛选在 5000 条截断之后执行
+- 位置：[WorkServiceImpl.java#L316-L321](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L316-L321)
+- 问题：`exportDailyReports` 先合并去重并 `limit(EXPORT_LIMIT=5000)`，再用内存 `hasReportLineOfType` 过滤；而打卡导出的 `bizType` 是在 SQL 内过滤（[WorkMapper.xml#L35-L37](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/work/WorkMapper.xml#L35-L37)）。日期区间大、其它类型行数多时，目标类型日报会被 5000 上限截断，导出结果偏少/为空。
+
+### 8. 打卡日期边界使用 DB `current_date`，与日报 Asia/Shanghai 口径不一致
+- 位置：[WorkMapper.xml#L96、L720、L744](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/work/WorkMapper.xml#L96)
+- 问题：打卡按 `checkin_date = current_date`（依赖 DB 会话时区），日报统一用 Asia/Shanghai（[WorkServiceImpl.java#L372-L373](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L372-L373)）。若 DB 服务器时区非上海，北京时间凌晨 0-8 点打卡的归属日期会错位。
+
+### 9. Dashboard「当前阶段」硬编码旧枚举，与商机/拓展新阶段码不一致
+- 位置：[DashboardMapper.xml#L186-L194（商机）、L247-L254（销售）、L307-L314（渠道）](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/dashboard/DashboardMapper.xml#L186-L194)
+- 问题：`case o.stage when 'initial_contact'...'won'/'lost'` 已与新版字典码值（S0/S1/S2/S3/S4/S5/L，见 [20260828update.sql](file:///Users/kangwenjing/Downloads/crm/unis_crm/sql/20260828update.sql)）脱节，首页动态会直接显示原始码（如 `S5`、`L`）。建议改为动态 join `sys_dict_item/sj_xmjd`。
+
+### 10. 跟进记录新增接口返回的 ID 是「影响行数」而非真实主键
+- 位置：[OpportunityServiceImpl.java#L315-L327](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/OpportunityServiceImpl.java#L315-L327)、[ExpansionServiceImpl.java#L497-L506](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L497-L506)
+- 问题：`insertOpportunityFollowUp` / `insertExpansionFollowUp` 未配置 `useGeneratedKeys`，`inserted` 恒为 1，接口返回的 `Long` 实际是行数而非跟进记录 ID。前端当前未依赖该 ID，影响较低，但属错误返回值。
+
+### 11. 商机导出采用「全量拉取 + 前端过滤」
+- 位置：[Opportunities.tsx#L2255](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Opportunities.tsx#L2255)
+- 问题：导出调用 `getOpportunityOverview("", undefined, false, null, ...)`，`limit=null` 一次性拉取租户内全部商机再在客户端过滤。商机规模大时单次请求体量大、耗时长，存在超时/内存风险。建议改为服务端筛选或分批拉取。
+
+### 12. 语音识别配置页缺少「未选租户」防护
+- 位置：[speech-recognition-settings/index.tsx#L156、L201-L217](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend1/src/features/speech-recognition/pages/speech-recognition-settings/index.tsx#L156)
+- 问题：未选租户时保存会落到全局租户（0），静默改写全局配置；而日报提醒页有 `isTenantUnselected` 拦截（[report-reminder-settings/index.tsx](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend1/src/features/report-reminder/pages/report-reminder-settings/index.tsx)）。行为不一致。
+
+### 13. 前端 `request()` 与 `fetchWithAuth()` 对 401 处理不一致
+- 位置：[auth.ts#L1259-L1271](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/auth.ts#L1259-L1271) vs [auth.ts#L1298-L1311](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/auth.ts#L1298-L1311)
+- 问题：`request()` 遇 401 直接 `handleUnauthorizedResponse()`（清登录态跳登录页），不做「刷新+重试」；`fetchWithAuth()` 会先刷新再重试。token 被提前吊销或服务端判定失效但本地未过期时，用户会在操作中被直接登出并丢失已输入内容。
+
+### 14. 附件上传走 XHR 但未做 token 主动刷新
+- 位置：[auth.ts#L1668-L1723](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/auth.ts#L1668-L1723)
+- 问题：`uploadWorkReportAttachment` 直接读 `localStorage.accessToken` 发 XHR，不经过 `ensureFreshAccessToken`。长时间编辑后 token 到期，上传 401 → 直接登出，正在填写的日报/打卡表单数据丢失。建议上传前先刷新 token。
+
+---
+
+## 三、潜在风险 / 代码规范
+
+| # | 问题 | 位置 |
+|---|------|------|
+| 15 | 生产环境 MyBatis `log-impl: StdOutImpl` 打印全部 SQL 与绑定参数（含敏感数据） | [application.yml#L36](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application.yml#L36) |
+| 16 | 语音转写整文件读入内存、无独立大小限制；打卡照片无大小限制（依赖全局 500MB），可致 OOM/存储膨胀 | [WorkServiceImpl.java#L516-L573](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L516-L573)、[WorkServiceImpl.java#L448-L465](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L448-L465) |
+| 17 | 定时任务共享默认单线程调度器，`ReportReminderScheduler`（每分钟）与 `BusinessCalendarAutoSync`（每日 3:15）可能相互阻塞，且无分布式锁 | [ReportReminderScheduler.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/ReportReminderScheduler.java)、[BusinessCalendarAutoSync.java](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/BusinessCalendarAutoSync.java) |
+| 18 | 数据权限完全依赖 unisbase 插件在 SQL 上动态注入，SQL 本身无兜底条件；插件缺失/非 Web 上下文可能返回全库数据 | [WorkMapper.java#L32-L72](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/mapper/WorkMapper.java#L32) |
+| 19 | 前端权限判断 fail-open：权限码列表为空时全部放行（`if (!codes.length) return true`），权限拉取失败时 UI 虚假放行 | [auth.ts#L1469-L1483](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/auth.ts#L1469-L1483) |
+| 20 | `20260828update.sql` 的 `UPDATE ... FROM crm_oms_dict_mapping` 依赖 `oms_value` 唯一，但表唯一约束为 `(dict_type, crm_value, oms_value)`，未约束 `(dict_type, oms_value)` 唯一，后续新增映射可能产生非确定性更新 | [20260828update.sql#L106-L112](file:///Users/kangwenjing/Downloads/crm/unis_crm/sql/20260828update.sql#L106-L112)、[20260827.sql#L104](file:///Users/kangwenjing/Downloads/crm/unis_crm/sql/20260827.sql#L104) |
+| 21 | 生产 profile 企微默认 `enabled:false`，与 SSO 期望（redirect-uri 指向 crm.unissense.top）不一致；`/api/wecom/sso/**`、`/api/opportunities/integration/**` 为 permit-all | [application-prod.yml#L72-L82](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application-prod.yml#L72-L82) |
+| 22 | frontend1 `http.ts` 鉴权白名单用 `url.includes(path)` 子串匹配，路径匹配过度放宽 | [http.ts#L14、L68-L70](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend1/src/api/http.ts#L14) |
+| 23 | 生产 MinIO `endpoint` 为 `https://miniodown.nex.unisspace.com` 但 `use_ssl: false`，可能连接异常 | [application-prod.yml#L5-L10](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/application-prod.yml#L5-L10) |
+| 24 | 后端 Dockerfile 复制 `target/unis-crm-backend-1.0.0-SNAPSHOT.jar`，但仓库内 jar 位于 `backend/` 根目录（非 target/），依赖 CI 先执行 `mvn package`，否则 `docker compose build` 会失败 | [backend/Dockerfile#L7](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/Dockerfile#L7) |
+| 25 | 打卡/日报元数据使用字符串内嵌标记（`[[CHECKIN_PHOTOS]]`、`[[WORK_REPORT_LINES]]` 等）拼入 remark 字段，解析依赖精确格式，健壮性差 | [WorkServiceImpl.java#L91-L102](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L91-L102) |
+| 26 | `ActionDialog` 确认回调 `void onConfirm()` 未捕获 rejection | [ActionDialog.tsx#L150](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/components/ActionDialog.tsx#L150) |
+| 27 | 腾讯地图生产 Key 硬编码进前端源码作兜底 | [tencentMap.ts#L1](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/tencentMap.ts#L1) |
+| 28 | 移动端多选下拉点击遮罩关闭不「回滚」已勾选项，与常规确定/取消交互不一致，易误改覆盖省市 | [AdaptiveSelect.tsx#L204-L216](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/components/AdaptiveSelect.tsx#L204-L216) |
+| 29 | 浏览器定位最坏路径约 33s，弱信号下用户易误以为卡死 | [tencentMap.ts#L145-L176](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/lib/tencentMap.ts#L145-L176) |
+| 30 | Dashboard 权限/消息加载静默吞异常，问题被掩盖 | [DashboardServiceImpl.java#L171-L207](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/DashboardServiceImpl.java#L171-L207) |
+
+---
+
+## 四、已核对且判定为正常的重点项
+
+1. **商机 tab 阶段筛选/导出约束（与项目硬约束一致）**
+   - 未签单 tab：`excludeStageCodes=lostStageCodes`（排除 L-已丢单）✓（[Opportunities.tsx#L2254](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Opportunities.tsx#L2254)、后端 [OpportunityMapper.xml#L288-L294](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/opportunity/OpportunityMapper.xml#L288-L294)）
+   - 已丢单 tab：仅 `stageCodes=lostStageCodes` ✓
+   - 切换 tab 重置阶段筛选 ✓（[Opportunities.tsx#L1718-L1725](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/src/pages/Opportunities.tsx#L1718-L1725)）
+   - 阶段选项动态取自 `sys_dict_item/sj_xmjd`，未硬编码 ✓
+2. **渠道拓展/CRM 拓展互移流程**：属主校验、字段映射（覆盖省市/办公地址/联系人）、跟进/签到/日报消息的 biz_type 迁移、旧记录清理均正确（[ExpansionServiceImpl.java#L398-L495](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/ExpansionServiceImpl.java#L398-L495)），与前端弹窗字段、校验一致。
+3. **覆盖地市存储模型**：后端读写 `crm_channel_expansion_coverage` 从表（[ExpansionMapper.xml#L106-L119](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/resources/mapper/expansion/ExpansionMapper.xml#L106-L119)），`insertChannelExpansion` 不引用废弃的 coverage 列，与 20260827.sql 的设计一致 ✓
+4. **商机集成 archived→S5 强制**：已实现并通过单测（[OpportunityServiceImplTest.java#L211-L228](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/test/java/com/unis/crm/service/impl/OpportunityServiceImplTest.java#L211-L228)）；且经确认 OMS 反写仅用 `archived` 字段触发「已签约」（不下发 `status=won/lost`），实际同步正常 ✓
+5. **SQL 增量脚本幂等性**：`create table if not exists`、`drop constraint if exists`、`on conflict do nothing/update` 均正确；20260828update.sql 的换算用单条 UPDATE 避免连环转换 ✓
+6. **前后端字段一致性**：`MoveCrmToChannelRequest`（coverageProvince/coverageCity/coverageItems）、`CreateOpportunityRequest` 与前端序列化一致；confidencePct 正则与前端兜底一致 ✓
+7. **Nginx 延迟解析**：两个前端 nginx 均使用 `resolver + set $backend_host` 延迟解析域名，符合约束 ✓（[default.conf.template#L8、L16-L19](file:///Users/kangwenjing/Downloads/crm/unis_crm/frontend/nginx/default.conf.template#L8)）
+8. **前端 Dockerfile/.dockerignore**：`.dockerignore` 已排除 node_modules、.git、系统目录，多阶段构建合理 ✓
+9. **日报保存逻辑**：「当日重复提交→更新」「北京时间 10 点前归属前一天」「提醒在事务提交后触发」均正确（[WorkServiceImpl.java#L357-L415](file:///Users/kangwenjing/Downloads/crm/unis_crm/backend/src/main/java/com/unis/crm/service/impl/WorkServiceImpl.java#L357-L415)）
+
+---
+
+## 五、修复优先级建议
+
+| 优先级 | 问题编号 | 理由 |
+|--------|---------|------|
+| P0 | #1、#2 | 越权与凭据泄露，安全风险最高 |
+| P0 | #4 | 全新部署直接功能瘫痪 |
+| P1 | #3 | 前端业务阻断，日报当天无法提交 |
+| P2 | #6、#7、#8、#9、#11、#13、#14 | 数据正确性与一致性 |
+| P3 | #5 及其余 | #5 已确认不阻断实际同步（OMS 仅用 archived 反写），降为低危维护项 |
+
+> 说明：本报告仅做静态审计，未运行代码；部分结论（如 #5 是否实际触发、#11 的量级、#8 的时区）建议结合运行时数据/日志复核后再修复。
diff --git a/系统测试报告-20260903.md b/系统测试报告-20260903.md
new file mode 100644
index 00000000..318dc03f
--- /dev/null
+++ b/系统测试报告-20260903.md
@@ -0,0 +1,141 @@
+# UNIS CRM 系统测试报告
+
+- **测试日期**：2026-09-03
+- **测试环境**：本机开发环境（后端 127.0.0.1:8080，CRM 前端 3000/3002，数据库/Redis 192.168.124.202）
+- **测试账号**：管理员 admin_crm (userId=19)、普通账号 13752913297/周瑾·部门领导 (userId=20)
+- **测试方式**：API 全量扫描 + 越权/安全专项测试 + 后端单元测试 + 前端构建验证
+
+---
+
+## 一、总体结论
+
+系统**核心业务功能基本正常**（登录/刷新、工作台、商机管理、渠道拓展、归属转移、签到/日报、经营分析、导出等主流程均可跑通，错误提示友好，前端两个工程均可成功构建），但存在 **2 个严重安全问题、若干高危缺陷**，建议在上线前优先修复。
+
+| 等级 | 数量 | 概述 |
+|---|---|---|
+| 🔴 严重 | 2 | X-User-Id 伪造身份越权；管理配置接口无鉴权（含密钥泄露、可被任意用户改写） |
+| 🟠 高 | 2 | 全局异常处理缺陷（大量 500）；JWT 密钥使用仓库默认值 |
+| 🟡 中 | 3 | CORS 全开；单测失败 2 例；验证码禁用无防爆破 |
+| ⚪ 低 | 4 | OMS 回调占位 token；中英文报错混杂；密钥硬编码；设计确认项 |
+
+---
+
+## 二、正常功能清单（已验证通过 ✅）
+
+| 模块 | 验证内容 | 结果 |
+|---|---|---|
+| 认证 | 登录、错误密码统一提示、token 刷新、刷新后旧 token 失效（会话轮换）、伪造/篡改 token 被会话绑定校验拦截 | ✅ |
+| 工作台 | /api/dashboard/home（欢迎信息/统计/待办/动态）、待办完成、消息已读 | ✅ |
+| 经营分析 | 卡片列表数据、单卡片详情、管理端配置读取与预览 | ✅ |
+| 商机管理 | meta/overview（2102条）/详情/oms售前选项、创建（含逐步字段校验）、编辑、跟进记录、删除不存在的资源有正确报错 | ✅ |
+| 渠道拓展 | meta/城市级联（含无效省份返回空）/overview/form-options/crm-overview、表单校验 | ✅ |
+| 归属转移 | target-users、preview（普通接口强制"原归属人=当前账号"✅）、管理接口有权限码校验 | ✅ |
+| 工作日报 | 签到（需关联对象+现场照片+定位）、照片上传(MinIO)、日报提交、历史查询、导出、逆地理编码（腾讯地图，含越界/非数字校验） | ✅ |
+| 权限隔离（正常路径） | 语音识别配置、数据授权配置对普通用户正确返回"无权"；商机创建有 opportunity:create 权限校验 | ✅ |
+| 内部集成接口 | /api/opportunities/integration/update 的 X-Internal-Secret 校验有效 | ✅ |
+| 企业微信 SSO | /api/wecom/sso/entry 正确 302 到企业微信 OAuth | ✅ |
+| 构建 | frontend（vite build ✅）、frontend1（vite build ✅）、后端编译 ✅ | ✅ |
+
+---
+
+## 三、缺陷清单
+
+### 🔴 BUG-01【严重】后端完全信任客户端 `X-User-Id` 请求头，任意登录用户可冒充其他用户
+
+- **位置**：所有 `/api/*` 业务 Controller（如 `OpportunityController`、`DashboardController` 等）通过 `@RequestHeader("X-User-Id")` 获取当前用户，`CurrentUserUtils.requireCurrentUserId()` 只校验非空，不校验与 token 身份一致
+- **复现**（普通用户 token + 管理员 userId 即可读到管理员数据）：
+  ```bash
+  curl -H "Authorization: Bearer <普通用户token>" -H "X-User-Id: 19" \
+       http://127.0.0.1:8080/api/dashboard/home
+  # 返回 crm管理员 的首页数据（userId=19, realName=crm管理员）
+  ```
+- **影响**：横向/纵向越权——查看他人首页、个人概览、商机、日报、导出他人签到/日报数据；配合数据权限体系被整体绕过（周瑾本人已配置全量可见，但任何低权限用户均可伪造 19/43/… 任意 userId）
+- **建议**：在安全过滤器中以 JWT claims 覆盖/校验 `X-User-Id`（不一致即 403），或改为从 SecurityContext 取当前用户
+
+### 🔴 BUG-02【严重】`/sys/api/admin` 多个管理配置接口无任何权限校验（可读可写、密钥明文泄露、跨租户）
+
+- **位置**：`ReportReminderAdminController`、`DashboardAnalyticsAdminController`（控制器与 Service 层均无 admin 校验）
+- **受影响接口**（普通用户 token 直接访问，全部返回 200）：
+  - `GET/PUT /sys/api/admin/wecom-app-config` —— **企微 corpId/agentId/secret 明文返回**；PUT 无字段校验，`{}` 即可清空配置（已实测并当场恢复）；`?tenantId=1` 可跨租户读取
+  - `GET/PUT /sys/api/admin/report-reminder-config`、`POST /sys/api/admin/report-reminder-config/test`（test 接口可被滥用向员工发企微消息）
+  - `GET/PUT /sys/api/admin/dashboard-analytics-config`（及 preview、calendar/sync-current-year）
+  - `GET /sys/api/admin/wecom-config-status`、`GET /sys/api/admin/report-reminder-calendar-status`
+- **对照**：同目录下 `speech-recognition-config`、`user-data-scope/*` 有 Service 层权限校验（普通用户 401"无权查看"）✅，说明这是部分接口遗漏
+- **建议**：为上述接口统一增加与 speech/user-data-scope 相同的权限校验；企微 secret 不应明文回显（脱敏显示）
+
+### 🟠 BUG-03【高】全局异常处理缺陷：参数缺失 / JSON 解析错误 / 类型不匹配 一律返回 500
+
+- **位置**：`CrmGlobalExceptionHandler` 未覆盖 `MissingServletRequestParameterException`、`HttpMessageNotReadableException`、`MethodArgumentTypeMismatchException` 等
+- **复现实例**（全部返回 500"系统内部错误"，应为 400 + 明确提示）：
+  - `GET /api/dashboard/analytics-cards/data`（缺 cardKeys）
+  - `GET /api/expansion/areas/cities`（缺 provinceName）
+  - `GET /api/owner-transfer/preview`（缺 fromUserId/toUserId，曾因传错参数名 sourceUserId 触发）
+  - `GET /sys/api/admin/user-data-scope/assignment`（缺参数）
+  - `POST /sys/auth/refresh`（无效 refreshToken）
+  - `POST /api/opportunities`（`{"amount":"abc"}` 或非法 JSON）
+  - `POST /api/wecom/sso/exchange`（伪造 ticket）、`GET /api/wecom/sso/js-sdk-config`（缺 url）
+- **建议**：补充对应 @ExceptionHandler，返回 400 与字段级错误信息，避免前端展示"系统内部错误"
+
+### 🟠 BUG-04【高】运行环境使用仓库内默认 JWT 密钥
+
+- **证据**：用 `application.yml` 中的默认值 `change-me-please-change-me-32bytes` 签发的 token，签名校验**通过**（返回"Login expired"会话校验失败，而非"Invalid token"签名失败）——证明当前 8080 实例就是用该默认密钥签发 token
+- **现状缓解**：unisbase 框架有 sessionId↔userId 的 Redis 会话绑定校验，单纯伪造 payload 会被拦截；但任何拿到源码的人已具备签名能力，一旦会话校验有任何绕过即全面失守
+- **建议**：立即更换为强随机密钥并走环境变量注入（prod 配置里同为此默认值）
+
+### 🟡 BUG-05【中】CORS 配置全开
+
+- **证据**：任意 `Origin: http://evil.example.com` 都被反射为 `Access-Control-Allow-Origin`，且 `Access-Control-Allow-Credentials: true`
+- **影响**：结合 BUG-01/02，恶意站点可借用户浏览器凭证发起跨域读操作
+- **建议**：CORS 白名单化，仅允许已知前端域名
+
+### 🟡 BUG-06【中】后端单元测试 2/113 失败
+
+- `ExpansionServiceImplTest.createChannelExpansion_shouldRejectDuplicateChannelName`：期望"渠道重复…"，实际先抛"请完整填写渠道联系人的姓名、职务…"
+- `ExpansionServiceImplTest.updateChannelExpansion_shouldCheckDuplicateChannelNameExcludingSelf`：同类错误
+- **原因**：联系人必填校验（`normalizeRequiredContacts`）先于渠道重名校验执行，且测试夹具未包含完整联系人信息——**测试与最新校验逻辑未同步**（或校验顺序需调整：重名提示应优先于字段完整性）
+- **建议**：补齐测试数据或调整校验顺序后修复用例
+
+### 🟡 BUG-07【中】登录验证码被禁用，无防爆破机制
+
+- `GET /sys/auth/captcha` 返回 `500 "Captcha disabled"`，登录接口不校验验证码，也无失败锁定（配置中 max-attempts: 5 未生效）
+- **建议**：生产环境启用验证码或登录失败限流（Redis 计数）
+
+### ⚪ BUG-08【低】OMS 回调接口为占位实现且不可用
+
+- `OmsCallbackController`：硬编码占位 token `your_secret_token_here`；该路径未加入 permit-all，先被全局过滤器 401 拦截（实际调不通）；处理逻辑为 TODO 空壳
+- **建议**：要么实现（配置化 token + 加入 permit-all + 白名单），要么移除
+
+### ⚪ BUG-09【低】报错文案中英文混杂
+
+- 会话失效时框架层返回英文 `"Login expired"`，业务层返回中文"登录已失效，请重新登录"；前端需同时兼容两种文案
+- **建议**：统一国际化
+
+### ⚪ BUG-10【低】敏感信息硬编码入库
+
+- `application.yml` / `application-prod.yml` 中明文包含：数据库/Redis/MinIO 密码、企微 secret、内部集成 secret、OMS apiKey、腾讯地图 key（prod 与 dev 相同）
+- **建议**：全部改环境变量注入，并轮换已泄露密钥
+
+### ❓ CONFIRM-01【设计确认】普通账号数据权限为全租户
+
+- 周瑾（部门领导，userId=20）可见全部 2102 条商机（与其他用户数据一致）、全量经营分析卡片、全员签到/日报导出。数据授权表（sys_user_data_scope_user）中她无任何显式授权，推测来自 unisbase DataScope 的角色规则
+- **请确认**：部门领导是否应具有全租户数据可见权；经营分析（全公司金额 46478 万）是否应对普通员工开放
+
+---
+
+## 四、测试遗留数据（均可识别、可清理）
+
+| 类型 | ID | 归属 | 标识 |
+|---|---|---|---|
+| 商机 | 2228 | 周瑾(20) | 【自动化测试】请勿使用-权限验证 |
+| 商机 | 2229 | admin(19) | 【自动化测试】请勿使用-权限验证 |
+| 签到 | 1025 | 周瑾(20) | 地点前缀【自动化测试】 |
+| 日报 | 999 | 周瑾(20) | 内容前缀【自动化测试】 |
+| 签到照片 | 20-20d874400111404ebe2aa48fad846576.jpg | MinIO | — |
+
+> 注：测试中曾意外清空租户 4 企微应用配置（BUG-02 复现所致），**已当场用原值恢复并二次验证一致**。商机 2229 曾被改名/改金额用于越权验证，已恢复。
+
+## 五、修复优先级建议
+
+1. **立即**：BUG-01（X-User-Id 校验）、BUG-02（admin 接口鉴权 + secret 脱敏）、BUG-04（更换 JWT 密钥）
+2. **本周**：BUG-03（异常处理器补齐）、BUG-05（CORS 白名单）、BUG-06（修复单测）
+3. **排期**：BUG-07/08/09/10 及 CONFIRM-01 设计确认