@rainbow-oh/yee-c 0.2.0 → 0.4.0

package/dist/cjs/Tag/style/index.less

@@ -5,47 +5,131 @@
   align-items: center;
   box-sizing: content-box;
   max-width: 100%;
+  white-space: nowrap;
   height: var(--yee-tag-height);
   padding: var(--yee-tag-padding);
-  color: var(--yee-tag-color);
   font-size: var(--yee-tag-font-size);
   line-height: var(--yee-tag-line-height);
-  background-color: var(--yee-tag-item-bg-color);
   background-clip: padding-box;
   border: var(--yee-tag-border-width) solid var(--yee-tag-border-color);
   border-radius: var(--yee-tag-border-radius);
 
-  &-info {
-    color: var(--yee-tag-info-color);
-    background-color: var(--yee-tag-info-bg-color);
-    border-color: var(--yee-tag-info-border-color);
-  }
+  // ============ 变体 variant ============
+  // filled：浅色底 + 彩色字（默认）
+  &-filled {
+    color: var(--yee-tag-color);
+    background-color: var(--yee-tag-item-bg-color);
+    border-color: var(--yee-tag-border-color);
 
-  &-success {
-    color: var(--yee-tag-success-color);
-    background-color: var(--yee-tag-success-bg-color);
-    border-color: var(--yee-tag-success-border-color);
-  }
+    &@{pls}-info {
+      color: var(--yee-tag-info-color);
+      background-color: var(--yee-tag-info-bg-color);
+      border-color: var(--yee-tag-info-border-color);
+    }
+
+    &@{pls}-success {
+      color: var(--yee-tag-success-color);
+      background-color: var(--yee-tag-success-bg-color);
+      border-color: var(--yee-tag-success-border-color);
+    }
+
+    &@{pls}-warning {
+      color: var(--yee-tag-warning-color);
+      background-color: var(--yee-tag-warning-bg-color);
+      border-color: var(--yee-tag-warning-border-color);
+    }
 
-  &-warning {
-    color: var(--yee-tag-warning-color);
-    background-color: var(--yee-tag-warning-bg-color);
-    border-color: var(--yee-tag-warning-border-color);
+    &@{pls}-error {
+      color: var(--yee-tag-error-color);
+      background-color: var(--yee-tag-error-bg-color);
+      border-color: var(--yee-tag-error-border-color);
+    }
+
+    &@{pls}-disabled {
+      color: var(--yee-tag-disabled-color);
+      background-color: var(--yee-tag-disabled-bg-color);
+      border-color: var(--yee-tag-disabled-border-color);
+      cursor: not-allowed;
+    }
   }
 
-  &-error {
-    color: var(--yee-tag-error-color);
-    background-color: var(--yee-tag-error-bg-color);
-    border-color: var(--yee-tag-error-border-color);
+  // solid：纯色底 + 白字
+  &-solid {
+    color: var(--yee-tag-solid-color, #fff);
+    background-color: var(--yee-tag-color);
+    border-color: transparent;
+
+    &@{pls}-info {
+      color: var(--yee-tag-solid-color, #fff);
+      background-color: var(--yee-tag-info-color);
+      border-color: transparent;
+    }
+
+    &@{pls}-success {
+      color: var(--yee-tag-solid-color, #fff);
+      background-color: var(--yee-tag-success-color);
+      border-color: transparent;
+    }
+
+    &@{pls}-warning {
+      color: var(--yee-tag-solid-color, #fff);
+      background-color: var(--yee-tag-warning-color);
+      border-color: transparent;
+    }
+
+    &@{pls}-error {
+      color: var(--yee-tag-solid-color, #fff);
+      background-color: var(--yee-tag-error-color);
+      border-color: transparent;
+    }
+
+    &@{pls}-disabled {
+      color: var(--yee-tag-solid-color, #fff);
+      background-color: var(--yee-tag-disabled-color);
+      border-color: transparent;
+      cursor: not-allowed;
+    }
   }
 
-  &-disabled {
-    color: var(--yee-tag-disabled-color);
-    background-color: var(--yee-tag-disabled-bg-color);
-    border-color: var(--yee-tag-disabled-border-color);
-    cursor: not-allowed;
+  // outlined：透明底 + 彩色字 + 彩色描边
+  &-outlined {
+    color: var(--yee-tag-color);
+    background-color: transparent;
+    border-color: var(--yee-tag-border-color);
+
+    &@{pls}-info {
+      color: var(--yee-tag-info-color);
+      background-color: transparent;
+      border-color: var(--yee-tag-info-color);
+    }
+
+    &@{pls}-success {
+      color: var(--yee-tag-success-color);
+      background-color: transparent;
+      border-color: var(--yee-tag-success-color);
+    }
+
+    &@{pls}-warning {
+      color: var(--yee-tag-warning-color);
+      background-color: transparent;
+      border-color: var(--yee-tag-warning-color);
+    }
+
+    &@{pls}-error {
+      color: var(--yee-tag-error-color);
+      background-color: transparent;
+      border-color: var(--yee-tag-error-color);
+    }
+
+    &@{pls}-disabled {
+      color: var(--yee-tag-disabled-color);
+      background-color: transparent;
+      border-color: var(--yee-tag-disabled-color);
+      cursor: not-allowed;
+    }
   }
 
+  // ============ 其他修饰 ============
   &-dashed {
     background-color: var(--yee-tag-item-dashed-bg-color);
     border-style: dashed;

package/dist/cjs/Tag/tag.js

@@ -85,6 +85,7 @@ var Tag = (0, import_react.forwardRef)(
       icon,
       classNames,
       styles,
+      variant = "filled",
       onClose,
       onChange
     } = _a, rest = __objRest(_a, [
@@ -100,6 +101,7 @@ var Tag = (0, import_react.forwardRef)(
       "icon",
       "classNames",
       "styles",
+      "variant",
       "onClose",
       "onChange"
     ]);
@@ -110,6 +112,7 @@ var Tag = (0, import_react.forwardRef)(
     };
     const cls = (0, import_clsx.default)(
       prefixCls,
+      [`${prefixCls}-${variant}`],
       {
         [`${prefixCls}-${status}`]: status,
         [`${prefixCls}-dashed`]: dashed,

package/dist/cjs/Tour/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/basic.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/basic.tsx
+var basic_exports = {};
+__export(basic_exports, {
+  default: () => basic_default
+});
+module.exports = __toCommonJS(basic_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var basic_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const startRef = (0, import_react.useRef)(null);
+  const midRef = (0, import_react.useRef)(null);
+  const endRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: startRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始引导")), /* @__PURE__ */ import_react.default.createElement("div", { ref: midRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "导出")), /* @__PURE__ */ import_react.default.createElement("div", { ref: endRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "设置"))), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      steps: [
+        {
+          target: () => startRef.current,
+          title: "欢迎使用",
+          description: "点击此处开始你的操作流程。"
+        },
+        {
+          target: () => midRef.current,
+          title: "导出数据",
+          description: "在这里可以将数据导出为文件。",
+          placement: "bottom"
+        },
+        {
+          target: () => endRef.current,
+          title: "系统设置",
+          description: "配置系统参数。点击「完成」结束引导。",
+          placement: "left"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/indicators.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/indicators.js

@@ -0,0 +1,76 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/indicators.tsx
+var indicators_exports = {};
+__export(indicators_exports, {
+  default: () => indicators_default
+});
+module.exports = __toCommonJS(indicators_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var indicators_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const aRef = (0, import_react.useRef)(null);
+  const bRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: aRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "导入")), /* @__PURE__ */ import_react.default.createElement("div", { ref: bRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "筛选")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      indicatorsRender: (current, total) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, Array.from({ length: total }).map((_, i) => /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          key: i,
+          style: {
+            display: "inline-block",
+            width: 8,
+            height: 8,
+            marginInlineEnd: 4,
+            borderRadius: "50%",
+            background: i === current ? "var(--yee-primary-color)" : "var(--yee-border-color)",
+            transition: "background 0.2s"
+          }
+        }
+      ))),
+      steps: [
+        {
+          target: () => aRef.current,
+          title: "导入",
+          description: "点击此处导入数据文件。"
+        },
+        {
+          target: () => bRef.current,
+          title: "筛选",
+          description: "在这里筛选你需要的数据。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/placement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/placement.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/placement.tsx
+var placement_exports = {};
+__export(placement_exports, {
+  default: () => placement_default
+});
+module.exports = __toCommonJS(placement_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var placements = ["top", "right", "bottom", "left"];
+var placement_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [p, setP] = (0, import_react.useState)("top");
+  const targetRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, placements.map((pl) => /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Button,
+    {
+      key: pl,
+      type: p === pl ? "primary" : "default",
+      onClick: () => {
+        setP(pl);
+        setOpen(true);
+      }
+    },
+    pl
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: targetRef,
+      style: {
+        display: "inline-block",
+        padding: "16px 24px",
+        border: "1px dashed var(--yee-border-color)",
+        borderRadius: 6
+      }
+    },
+    "目标元素"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      placement: p,
+      onClose: () => setOpen(false),
+      steps: [
+        {
+          target: () => targetRef.current,
+          title: `placement: ${p}`,
+          description: "气泡卡片相对目标元素的位置；靠近视口边缘时会自动翻转。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/scroll.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/scroll.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/scroll.tsx
+var scroll_exports = {};
+__export(scroll_exports, {
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var scroll_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const farRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical", style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始引导（自动滚动定位）"), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        height: 600,
+        padding: 24,
+        background: "var(--yee-color-bg-layout)",
+        borderRadius: 8,
+        color: "#999"
+      }
+    },
+    "↓ 目标在下方，切换步骤时引导会自动滚动定位"
+  ), /* @__PURE__ */ import_react.default.createElement("div", { ref: farRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "远处的目标")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      steps: [
+        {
+          target: () => farRef.current,
+          title: "滚动定位",
+          description: "切换到这一步时，目标会自动滚动到视口内。"
+        },
+        {
+          target: "#tour-nonexistent-target",
+          title: "目标不存在",
+          description: "找不到目标元素时，卡片居中显示（无高亮）。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/index.d.ts

@@ -0,0 +1,3 @@
+import InternalTour from './tour';
+export type { TourProps, TourStep, TourTarget, TourSemanticDOM, } from './interface';
+export default InternalTour;

package/dist/cjs/Tour/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/index.ts
+var Tour_exports = {};
+__export(Tour_exports, {
+  default: () => Tour_default
+});
+module.exports = __toCommonJS(Tour_exports);
+var import_tour = __toESM(require("./tour"));
+var Tour_default = import_tour.default;

package/dist/cjs/Tour/interface.d.ts

@@ -0,0 +1,118 @@
+/// <reference types="react" />
+import type { Placement } from '../Trigger/interface';
+import type { DataAttributeProps } from '../utils/types';
+export type TourTarget = (() => HTMLElement | null) | string | HTMLElement;
+export type TourSemanticDOM = 'highlight' | 'content' | 'header' | 'body' | 'footer';
+export interface TourStep {
+    /**
+     * The element to highlight, supports a finder function, a CSS selector string, or an HTMLElement
+     */
+    target: TourTarget;
+    /**
+     * Card title
+     */
+    title?: React.ReactNode;
+    /**
+     * Card description
+     */
+    description?: React.ReactNode;
+    /**
+     * Card placement relative to the highlighted target
+     * @default 'bottom'
+     */
+    placement?: Placement;
+    /**
+     * Whether to show the card arrow
+     */
+    arrow?: boolean;
+    /**
+     * Custom step class name
+     */
+    className?: string;
+}
+export interface TourProps extends DataAttributeProps {
+    /**
+     * Custom prefix class name
+     */
+    prefixCls?: string;
+    /**
+     * Custom root class name
+     */
+    className?: string;
+    /**
+     * Custom root style
+     */
+    style?: React.CSSProperties;
+    /**
+     * Semantic structure class names
+     */
+    classNames?: Partial<Record<TourSemanticDOM, string>>;
+    /**
+     * Semantic structure styles
+     */
+    styles?: Partial<Record<TourSemanticDOM, React.CSSProperties>>;
+    /**
+     * Whether the tour is visible (controlled)
+     */
+    open: boolean;
+    /**
+     * Tour steps
+     */
+    steps: TourStep[];
+    /**
+     * Controlled current step index
+     */
+    current?: number;
+    /**
+     * Default current step index
+     */
+    defaultCurrent?: number;
+    /**
+     * Callback when the tour is closed / skipped
+     */
+    onClose?: () => void;
+    /**
+     * Callback when all steps are finished
+     */
+    onFinish?: () => void;
+    /**
+     * Callback when current step changes
+     */
+    onChange?: (current: number) => void;
+    /**
+     * Default card placement relative to the highlighted target
+     * @default 'bottom'
+     */
+    placement?: Placement;
+    /**
+     * Whether to show the card arrow by default
+     */
+    arrow?: boolean;
+    /**
+     * Whether to show the mask layer (highlight cutout + click lock)
+     * @default true
+     */
+    mask?: boolean;
+    /**
+     * Whether the close button is shown at the top-right of the card
+     * @default true
+     */
+    closable?: boolean;
+    /**
+     * Custom close icon
+     */
+    closeIcon?: React.ReactNode;
+    /**
+     * Whether clicking the mask closes the tour
+     * @default false
+     */
+    maskClosable?: boolean;
+    /**
+     * Custom step indicators renderer, receives (current, total)
+     */
+    indicatorsRender?: (current: number, total: number) => React.ReactNode;
+    /**
+     * Options passed to target.scrollIntoView on each step
+     */
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+}

package/dist/cjs/Tour/interface.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/interface.ts
+var interface_exports = {};
+module.exports = __toCommonJS(interface_exports);