donar 0.0.1

package/.cspell/custom-dictionary.txt

@@ -0,0 +1,5 @@
+Behaviour
+oxfmt
+sonion
+Tonar
+Uncapitalize

package/.github/actions/base-check/action.yaml

@@ -0,0 +1,27 @@
+name: Common Checks
+description: 运行 TypeScript 编译检查和 ESLint 检查
+
+runs:
+  using: composite
+  steps:
+    # TypeScript 编译检查
+    - name: TypeScript 检查
+      shell: bash
+      run: |
+        echo "运行 tsc 检查..."
+        pnpm exec tsc --noEmit
+        echo "tsc 检查通过 ✅"
+
+    # Lint 检查
+    - name: ESLint 检查
+      shell: bash
+      run: |
+        echo "运行 ESLint 检查..."
+        pnpm run lint
+        echo "Lint 检查通过 ✅"
+    - name: Oxfmt 检查
+      shell: bash
+      run: |
+        echo "运行 Oxfmt 检查..."
+        pnpm run fmt:check
+        echo "Oxfmt 检查通过 ✅"

package/.github/actions/env-setup/action.yaml

@@ -0,0 +1,74 @@
+name: Common Environment Setup
+description: 配置 Node.js 环境和 pnpm 安装项目依赖
+
+runs:
+  using: composite
+  steps:
+    - name: Print Current Workflow Trigger Info # 打印 当前触发工作流的引用和提交 SHA
+      shell: bash
+      run: |
+        echo "当前触发工作流的引用: $GITHUB_REF"
+        echo "当前触发工作流的提交 SHA: $GITHUB_SHA"
+
+    # 检查并安装 jq（如果不存在）
+    - name: Check and install jq
+      shell: bash
+      run: |
+        if ! command -v jq &> /dev/null; then
+          echo "jq 未找到，开始安装..."
+          apt-get update && apt-get install -y jq
+          echo "jq 安装完成"
+        else
+          echo "jq 已存在，版本: $(jq --version)"
+        fi
+
+    # 获取 pnpm 版本（来自 package.json engines）
+    - name: 读取 pnpm 版本
+      id: read-pnpm-version
+      shell: bash
+      run: |
+        PNPM_VERSION=$(jq -r '.engines.pnpm' package.json | grep -oE '[0-9]+(\.[0-9]+)*' | head -n1)
+        echo "pnpm-version=$PNPM_VERSION" >> $GITHUB_OUTPUT
+
+    - name: 全局安装 pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        run_install: false # 不运行 pnpm install
+        # version: ^10.28.2 # 不写version会读取package.json 的 packageManager
+        version: ${{ steps.read-pnpm-version.outputs.pnpm-version }}
+
+    - name: 安装 Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version-file: '.node-version'
+        # node-version: 24.13.0 # 建议用 LTS 版本，稳定性更好
+        registry-url: 'https://registry.npmjs.org/'
+        cache: 'pnpm'
+
+    # 调试 Node 环境（新增）
+    - name: 调试 Node.js 环境
+      shell: bash
+      run: |
+        echo "👉 Node.js 路径: $(which node)"
+        echo "👉 Node.js 版本: $(node -v)"
+        echo "👉 npm 路径: $(which npm)"
+        echo "👉 npm 版本: $(npm -v)"
+        echo "👉 NODE_PATH: $NODE_PATH"
+        echo "👉 PATH: $PATH"
+
+    # 调试 pnpm 环境
+    - name: 调试 pnpm 环境
+      shell: bash
+      run: |
+        echo "👉 pnpm 路径: $(which pnpm)"
+        echo "👉 pnpm 版本: $(pnpm -v)"
+        echo "👉 pnpm 全局路径: $(pnpm root -g)"
+        echo "👉 PATH: $PATH"
+
+    # 使用 pnpm 安装依赖 等价于 npm ci
+    - name: 安装依赖（使用 pnpm）
+      shell: bash
+      run: |
+        echo "开始安装依赖..."
+        pnpm install --frozen-lockfile --verbose
+        echo "依赖安装完成 ✅"

package/.github/workflows/pr-check.yaml

@@ -0,0 +1,33 @@
+name: PR Check
+description: 运行 PR 检查
+
+on:
+  pull_request:
+    branches:
+      - main
+      - dev
+
+permissions:
+  contents: read
+
+jobs:
+  pr-checks:
+    runs-on: ubuntu-latest
+    steps:
+      # 使用本地 composite action 前需要先 checkout 代码
+      # 否则，GitHub Actions 无法找到本地的 action.yml 文件
+      - name: Checkout
+        uses: actions/checkout@v4 # 拉取触发工作流的 tag 对应 commit
+        with:
+          fetch-depth: 0 # 拉取完整历史。当仓库历史多时可能变慢，可考虑用 GitHub API compare 优化
+      - name: 准备环境
+        uses: ./.github/actions/env-setup # 引入 环境准备
+      - name: 基础检查
+        uses: ./.github/actions/base-check # 引入 基础检查
+
+      # Commitlint 检查（检查 PR 中所有 commits）
+      - name: Commitlint 检查
+        run: |
+          echo "运行 Commitlint 检查..."
+          pnpm exec commitlint --from=${{ github.event.pull_request.base.sha }} --to=${{ github.event.pull_request.head.sha }}
+          echo "Commitlint 检查通过 ✅"

package/.github/workflows/release.yaml

@@ -0,0 +1,112 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - "v*.*.*" # 例如 v1.2.3
+
+# Trusted Publisher 权限
+permissions:
+  id-token: write # Required for OIDC
+  contents: write # Required for Release
+
+jobs:
+  build-and-publish:
+    if: github.ref_type == 'tag' && startsWith(github.ref, 'refs/tags/v') && github.event.base_ref == 'refs/heads/main'
+    runs-on: ubuntu-latest # 使用最新的 Ubuntu Runner
+    # environment: production-publish-npm # 指定环境名
+
+    steps:
+      # 使用本地 composite action 前需要先 checkout 代码
+      # 否则，GitHub Actions 无法找到本地的 action.yml 文件
+      - name: Checkout
+        uses: actions/checkout@v4 # 拉取触发工作流的 tag 对应 commit
+        with:
+          fetch-depth: 0 # 拉取完整历史。当仓库历史多时可能变慢，可考虑用 GitHub API compare 优化
+
+      - name: 准备环境
+        uses: ./.github/actions/env-setup # 引入 环境准备
+      - name: 基础检查
+        uses: ./.github/actions/base-check # 引入 基础检查
+
+      # 找到上一个 tag
+      - name: 获取上一个 Tag
+        id: prev-tag
+        run: |
+          # 获取当前 tag
+          CURRENT_TAG=${GITHUB_REF#refs/tags/}
+          echo "当前 tag: $CURRENT_TAG"
+
+          # 找到上一个 tag（按时间排序）
+          # 如果当前 tag 是第一个 tag，则检查所有 commit
+          PREV_TAG=$(git describe --tags --abbrev=0 ${CURRENT_TAG}^ 2>/dev/null || echo "")
+
+          if [ -z "$PREV_TAG" ]; then
+            echo "当前是第一个 tag，将检查所有 commit"
+            echo "prev_tag=" >> $GITHUB_OUTPUT
+          else
+            echo "上一个 tag: $PREV_TAG"
+            echo "prev_tag=$PREV_TAG" >> $GITHUB_OUTPUT
+          fi
+
+      # Commitlint 检查（从上一个 tag 到当前 tag）
+      - name: Commit 提交信息检查
+        run: |
+          echo "运行 Commitlint 检查..."
+
+          # 如果 prev_tag 为空（第一个 tag），则检查所有 commit
+          if [ -z "${{ steps.prev-tag.outputs.prev_tag }}" ]; then
+            pnpm exec commitlint --from=$(git rev-list --max-parents=0 HEAD) --to=${GITHUB_SHA}
+          else
+            pnpm exec commitlint --from=$(git rev-list -n 1 ${{ steps.prev-tag.outputs.prev_tag }}) --to=${GITHUB_SHA}
+          fi
+          echo "Commitlint 检查通过 ✅"
+
+      # tag 同步 package.json 版本 依赖jq
+      - name: 同步 Tag 为 package.json 版本
+        run: |
+          set -e
+          TAG=${GITHUB_REF#refs/tags/}
+          VERSION=${TAG#v}
+          echo "当前 Tag: $TAG，提取版本号: $VERSION"
+          if [ -z "$VERSION" ]; then
+            echo "错误：版本号为空，请检查 Tag 格式（应为 vX.Y.Z）"
+            exit 1
+          fi
+          jq ".version = \"$VERSION\"" package.json > package.json.tmp
+          mv package.json.tmp package.json
+          echo "更新后 package.json 版本: $(cat package.json | grep version)"
+
+      - name: 编译
+        run: |
+          echo "开始构建..."
+          pnpm run build
+          echo "构建完成 ✅"
+
+      # 打印将要发布的文件列表，避免误发布
+      - name: 打印发布文件列表
+        run: npm pack --dry-run
+
+      # 发布到 npm registry - 只在标签触发时执行
+      - name: Publish 到 npm
+        run: |
+          echo "开始发布到 npm..."
+          npm publish --access public --verbose
+          echo "发布成功 ✅"
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.PUBLISH_TOKEN }} # 首次发布需要
+
+      # 只有发布成功后才生成 GitHub Release
+      - name: 创建 GitHub Release 记录
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref_name }}
+          release_name: Release ${{ github.ref_name }}
+          body: |
+            🎉 自动生成的 Release
+            - 发布版本: ${{ github.ref_name }}
+            - 提交 SHA: ${{ github.sha }}
+          draft: false
+          prerelease: false

package/.gitignore

@@ -0,0 +1,41 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Dependency directories
+node_modules
+dist
+dist-ssr
+
+# Editor directories and files
+.vscode/*
+!.vscode/settings.json
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# typescript
+*.tsbuildinfo
+
+# Git
+.git
+
+# OS
+.DS_Store
+# windows 缩略图缓存
+.Thumbs.db
+
+# Misc
+*.local
+*.tmp
+*.cache
+

package/.node-version

@@ -0,0 +1 @@
+24.14.0

package/.npmignore

@@ -0,0 +1,7 @@
+node_modules
+# 发布 不忽略 dist 目录
+!dist
+# 不生效
+!.gitignore
+# 不生效
+!.npmignore

package/.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  // 推荐安装的插件
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "oxc.oxc-vscode",
+    "streetsidesoftware.code-spell-checker"
+  ]
+  // 不希望安装的插件
+  // "unwantedRecommendations": ["some.extension.you.dont.want"]
+}

package/.vscode/settings.json

@@ -0,0 +1,44 @@
+{
+  // 保存时自动格式化
+  "editor.formatOnSave": true,
+  // 格式化配置
+  "oxc.fmt.configPath": "oxfmt.config.ts",
+  // 必须用 per-language 指定，否则会被用户级设置中的 defaultFormatter 覆盖
+  // Cmd+Shift+P → Preferences: Open User Settings (JSON) 可查看用户级设置
+  // 工作区 per-language > 用户 per-language > 工作区 全局 > 用户 全局
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+
+  // 保存时自动修复 eslint 错误
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  // 需要检查的文件类型
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+
+  // JSDoc 注释配置
+  "fileheader.configObj": {
+    "colon": [" ", " "],
+    "functionParamsShape": ["", ""],
+    "functionTypeSymbol": ""
+  }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 sonion
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,160 @@
+# Tonar
+
+**Tonar** 是一个现代前端工具库，提供常用的 **工具函数 (Utils)**、**React 钩子函数 (Hooks)** 和 **React 组件 (Components)**。
+
+- ✅ 支持 **React 18+**
+- ✅ 支持 **TypeScript**
+- ✅ 仅支持 **ESM（不支持 CommonJS）**
+- ✅ 支持 **Tree-shaking**
+
+Tonar is a modern frontend library that provides **utility functions**, **React hooks**, and **React components**.
+
+- ✅ Supports **React 18+**
+- ✅ Supports **TypeScript**
+- ✅ Only supports **ESM (does not support CommonJS)**
+- ✅ Supports **Tree-shaking**
+
+---
+
+## 📦 Installation / 安装
+
+```bash
+npm install tonar@latest
+pnpm add tonar@latest
+yarn add tonar@latest
+```
+
+## 🚀 Usage / 使用方法
+
+#### 📥 Unified Import（统一导入：utils、hooks、components）
+
+```ts
+import {
+  Carousel,
+  useDistinctState,
+  rAfInterval,
+  type RAfIntervalReturn,
+  // ...other components、hooks、utils
+} from 'tonar';
+```
+
+#### 🧩 Components / 组件
+
+- Carousel （轮播组件，支持轮播项宽度小于容器宽度）
+- CustomShow （条件展示组件）
+- AsyncCustomShow （异步条件展示组件）
+- ErrorBoundary （错误边界组件）
+
+```js
+import {
+  Carousel,
+  CustomShow,
+  // ...other components
+} from 'tonar/components';
+```
+
+#### 🔗 Hooks / 钩子函数
+
+- useDistinctState （差异才更新的状态，支持onChange事件和自定义差异对比函数）
+- useStaticState （静态属性，不触发react更新）
+- useCreateSafeRef （安全引用，相同不更新，改变可触发更新, 支持自定义差异对比函数）
+- useLatestCallback （保持稳定的最新回调，稳定引用函数与闭包获取新值不可兼得的问题）
+- useAsyncActionLock （异步操作锁，根据传入异步函数确定是否可再触发，并提供运行中状态）
+- useIntersectionObserver （交叉观察器）
+- useMutationObserver （节点变化观察器）
+- useResizeObserver （尺寸变化观察器）
+- useInterval （定时器）
+- useRAfInterval （RAf 定时器）
+- useStorage （支持事件的本地存储）
+
+```js
+import {
+  useCreateSafeRef,
+  useDistinctState,
+  // ...other hooks
+} from 'tonar/hooks';
+```
+
+#### 🛠️ Utils / 工具函数
+
+- singleton （创建单例类，不可通过原型链绕过）
+- ConcurrencyController （并发控制器）
+- safeAwait （安全 await，通过返回状态处理 reject 情况，避免 try-catch 嵌套）
+- fetchXHR （基于 XMLHttpRequest 的 fetch 实现，支持超时、取消请求、进度回调）
+- EventEmitter （事件中心。支持自定义调度器、API对齐原生事件、类型安全，支持 “事件类型/事件参数” 泛型）
+- createMicroQueueScheduler （创建微队列调度器，同一个同步执行阶段中的所有任务合并到一个微任务中执行）
+- RecordTypedMap （Record类型化Map，键和值的类型一一对应。通过对象类型定义）
+- retryAsync （重试任务，支持重试次数、动态间隔时间，可指数退避 或 线性递增）
+- isDeepPlainEqual （深度比较两个未知类型的值是否相等。引用不同，值相等返回 true）
+- convertSnake2Camel （对象属性名，蛇形命名转小驼峰命名）
+- convertCamel2Snake （对象属性名，小驼峰命名转蛇形命名）
+- convertPascal2Camel （对象属性名，大驼峰命名转小驼峰命名）
+- convertCamel2Pascal （对象属性名，小驼峰命名转大驼峰命名）
+- deepClone （深拷贝，支持Set、Map、ExpReg、Date、循环引用）
+- debounce （防抖）
+- stringToHash （字符串转哈希值）
+- browserNativeDownload （浏览器原生下载，支持检测是否被浏览器拦截）
+- blobDownload （Blob 下载）
+- rAfInterval （RAf 定时器）
+- clearRAfInterval （清除 RAf 定时器）
+
+```js
+import {
+  debounce,
+  ConcurrencyController,
+  // ...other utils
+} from 'tonar/utils';
+```
+
+## 📖 Example / 示例
+
+#### 一个简单的 React 页面同时使用 Carousel 组件、Hook 和 Utils：
+
+```tsx
+import React from 'react';
+import { Carousel, ErrorBoundary } from 'tonar/components';
+import { useDistinctState } from 'tonar/hooks';
+import { debounce } from 'tonar/utils';
+
+export default function App() {
+  // 支持onChange事件和自定义差异对比函数
+  const [count, setCount] = useDistinctState({ initialValue: 0 });
+
+  const handleClick = debounce(() => {
+    setCount(count + 1); // 仅值不相等时更新
+  }, 300);
+
+  return (
+    <ErrorBoundary fallback={<div>Something went wrong</div>}>
+      <h1>Tonar Demo</h1>
+      <button onClick={handleClick}>Click Me ({count})</button>
+      <Carousel cardWidth={200} cardHeight={120}>
+        <div style={{ background: 'lightblue' }}>Slide 1</div>
+        <div style={{ background: 'lightgreen' }}>Slide 2</div>
+        <div style={{ background: 'lightpink' }}>Slide 3</div>
+      </Carousel>
+    </ErrorBoundary>
+  );
+}
+```
+
+## 📚 TypeScript tips / 类型导入提示
+
+#### 从包根目录直接导入类型（例如组件 Props）：
+
+```ts
+import { type CarouselProps } from 'tonar';
+```
+
+#### 或按子路径导入（如果你更喜欢明确的来源）：
+
+```ts
+import type { CarouselProps } from 'tonar/components';
+```
+
+## 📝 License / 许可证
+
+MIT © Sonion
+
+欢迎 [Pull Requests](https://github.com/sonion028/tonar/pulls) 和 [Issues](https://github.com/sonion028/tonar/issues)  
+源码仓库：[https://github.com/sonion028/tonar](https://github.com/sonion028/tonar)

package/commitlint.config.ts

@@ -0,0 +1,3 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+};

package/cspell.json

@@ -0,0 +1,27 @@
+{
+  // "import": ["@cspell/dict-lorem-ipsum/cspell-ext.json"], // 导入 乱数假文插件 字典
+  "caseSensitive": false, // 不区分大小写
+  "dictionaries": ["custom-dictionary"], // 自定义字典
+  "dictionaryDefinitions": [
+    {
+      "name": "custom-dictionary", // 自定义字典名称
+      "path": "./.cspell/custom-dictionary.txt", // 自定义字典文件路径
+      "addWords": true // 允许添加新单词到字典
+    }
+  ],
+  "ignorePaths": [
+    "**/node_modules/**",
+    "**/dist/**",
+    "**/build/**",
+    "**/public/**",
+    "**/lib/**",
+    "**/docs/**",
+    "**/vendor/**",
+    "**/static/**",
+    "**/out/**",
+    "**/tmp/**",
+    "**/stats.html",
+    "cspell.json",
+    ".cspell"
+  ]
+}

package/dist/components.esm.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "./js/components.nFDoAkCq.js";
+export { t as AsyncCustomShow, e as Carousel, n as CustomShow, r as ErrorBoundary };

package/dist/css/components.C24nnsjt.css

@@ -0,0 +1 @@
+._carousel_1ryaf_1{width:100%;height:100%;position:relative;overflow:hidden}._carousel_1ryaf_1[style*=--wrapperWidth]{width:calc(var(--wrapperWidth) * 1px)}._carousel_1ryaf_1[style*=--wrapperHeight]{height:calc(var(--wrapperHeight) * 1px)}._carousel_1ryaf_1:not([style*=--cardHeight]) ._wrapper_1ryaf_13 ._inner_1ryaf_13{height:100%}._carousel_1ryaf_1[style*=--cardWidth] ._wrapper_1ryaf_13{width:calc(var(--cardWidth) * 1px)}._carousel_1ryaf_1[style*=--cardWidth] ._wrapper_1ryaf_13 ._inner_1ryaf_13{transform:translateX(calc(var(--index) * (var(--cardWidth) + var(--gapSize,0)) * -1px))}._carousel_1ryaf_1[style*=--cardWidth] ._wrapper_1ryaf_13 ._inner_1ryaf_13>*{flex:0 0 calc(var(--cardWidth) * 1px);height:100%}._carousel_1ryaf_1:not([style*=--cardWidth]) ._wrapper_1ryaf_13{width:100%}._carousel_1ryaf_1:not([style*=--cardWidth]) ._wrapper_1ryaf_13 ._inner_1ryaf_13{transform:translateX(calc((-100% + var(--gapSize,0) * -1px) * var(--index)))}._carousel_1ryaf_1:not([style*=--cardWidth]) ._wrapper_1ryaf_13 ._inner_1ryaf_13>*{flex:0 0 100%;height:100%}._carousel_1ryaf_1:hover>._arrow_1ryaf_36.hover{display:block}._carousel_1ryaf_1>._arrow_1ryaf_36.hover,._carousel_1ryaf_1>._arrow_1ryaf_36.none{display:none}._carousel_1ryaf_1>._arrow_1ryaf_36.always,._carousel_1ryaf_1>._arrow_1ryaf_36.auto{display:block}._carousel_1ryaf_1>._arrow_1ryaf_36 ._left_1ryaf_48,._carousel_1ryaf_1>._arrow_1ryaf_36 ._right_1ryaf_49{z-index:9;cursor:pointer;background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRvd24iPgo8cGF0aCBpZD0iVW5pb24iIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi43OTE4MiA1Ljc2ODY1QzYuNDAyNzMgNS4zNzk1NiA2LjQwMjczIDQuNzQ4NzEgNi43OTE4MiA0LjM1OTYyTDcuNDk2MzQgMy42NTUxQzcuODg1NDMgMy4yNjYwMSA4LjUxNjI4IDMuMjY2MDEgOC45MDUzNyAzLjY1NTFMMTQuNTQxNSA5LjI5MTI0QzE0LjczNzEgOS40ODY4MyAxNC44MzQ0IDkuNzQzNSAxNC44MzMzIDkuOTk5ODVDMTQuODM0NCAxMC4yNTYyIDE0LjczNzEgMTAuNTEyOSAxNC41NDE1IDEwLjcwODVMOC45MDUzNyAxNi4zNDQ2QzguNTE2MjggMTYuNzMzNyA3Ljg4NTQzIDE2LjczMzcgNy40OTYzNCAxNi4zNDQ2TDYuNzkxODIgMTUuNjQwMUM2LjQwMjczIDE1LjI1MSA2LjQwMjczIDE0LjYyMDEgNi43OTE4MiAxNC4yMzExTDExLjAyMyA5Ljk5OTg1TDYuNzkxODIgNS43Njg2NVoiIGZpbGw9IiMwMDY2RkMiLz4KPC9nPgo8L3N2Zz4K) 50%/contain no-repeat content-box border-box;border:1px solid #dde2e9;border-radius:50%;width:20px;height:20px;padding:14px;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 15px 35px -2px #0000000d,0 5px 15px #0000000d}._carousel_1ryaf_1>._arrow_1ryaf_36>.show{display:block}._carousel_1ryaf_1>._arrow_1ryaf_36 ._left_1ryaf_48{left:12px;transform:translateY(-50%)rotate(180deg)}._carousel_1ryaf_1>._arrow_1ryaf_36 ._right_1ryaf_49{right:12px}._carousel_1ryaf_1 ._wrapper_1ryaf_13{height:100%}._carousel_1ryaf_1 ._wrapper_1ryaf_13 ._inner_1ryaf_13{gap:calc(var(--gapSize) * 1px);height:calc(var(--cardHeight) * 1px);transition:transform .3s;display:flex}._indicator_1ryaf_85{z-index:9;border-radius:8px;gap:8px;display:flex;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}._indicator_1ryaf_85.none{display:none}._indicator_1ryaf_85.line>i{background-color:var(--Gray-3,#e5e8ef);cursor:pointer;border-radius:8px;width:40px;height:5px}._indicator_1ryaf_85.line>i.active{background:var(--byte-plus-blue-brand-primary-60,#0066fc)}._indicator_1ryaf_85.dot>i{background-color:var(--Gray-3,#e5e8ef);cursor:pointer;border-radius:50%;width:6px;height:6px}._indicator_1ryaf_85.dot>i.active{background:var(--byte-plus-blue-brand-primary-60,#0066fc)}