@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-BRA3PO53.js

@@ -1,497 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Upload.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
-var Upload = ({
-  accept,
-  multiple = false,
-  limit,
-  maxSize,
-  disabled = false,
-  drag = false,
-  listType = "text",
-  fileList: controlledFileList,
-  showFileList = true,
-  autoUpload = true,
-  queue = false,
-  maxConcurrent = 2,
-  chunkSize,
-  resumable = false,
-  customRequest,
-  onQueueChange,
-  onChunkProgress,
-  onChange,
-  onRemove,
-  onPreview,
-  beforeUpload,
-  onProgress,
-  onSuccess,
-  onError,
-  onExceed,
-  locale,
-  labels: labelsOverrides,
-  children,
-  className,
-  style,
-  ...divProps
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getUploadLabels.call(void 0, mergedLocale, labelsOverrides),
-    [mergedLocale, labelsOverrides]
-  );
-  const inputRef = _react.useRef.call(void 0, null);
-  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
-  const [fileList, setFileList] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledFileList, []);
-  const updateFileList = _react.useCallback.call(void 0, 
-    (newFileList) => {
-      setFileList(newFileList);
-    },
-    [setFileList]
-  );
-  const handleClick = () => {
-    if (disabled) return;
-    _optionalChain([inputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
-  };
-  const handleFileChange = async (event) => {
-    const files = Array.from(event.target.files || []);
-    await processFiles(files);
-    if (event.target) {
-      event.target.value = "";
-    }
-  };
-  const processFiles = async (incomingFiles) => {
-    if (incomingFiles.length === 0) return;
-    const prepared = await _tigercatcore.prepareUploadFiles.call(void 0, {
-      currentCount: fileList.length,
-      incomingFiles,
-      limit,
-      accept,
-      maxSize,
-      beforeUpload
-    });
-    if (prepared.rejectedExceedFiles.length > 0) {
-      _optionalChain([onExceed, 'optionalCall', _4 => _4(prepared.rejectedExceedFiles, fileList)]);
-    }
-    let nextFileList = [...fileList];
-    for (const file of prepared.acceptedFiles) {
-      const uploadFile = _tigercatcore.fileToUploadFile.call(void 0, file);
-      nextFileList = [...nextFileList, uploadFile];
-      updateFileList(nextFileList);
-      if (onChange) {
-        onChange(uploadFile, nextFileList);
-      }
-      if (autoUpload && !queue) {
-        await uploadOne(file, uploadFile, () => updateFileList([...nextFileList]));
-      }
-    }
-    if (autoUpload && queue) {
-      const queueItems = prepared.acceptedFiles.map(
-        (file) => _tigercatcore.createUploadQueueItem.call(void 0, file, _optionalChain([nextFileList, 'access', _5 => _5.find, 'call', _6 => _6((item) => item.file === file), 'optionalAccess', _7 => _7.uid]), chunkSize)
-      );
-      _optionalChain([onQueueChange, 'optionalCall', _8 => _8(queueItems)]);
-      await _tigercatcore.runUploadQueue.call(void 0, 
-        queueItems,
-        async (item) => {
-          const uploadFile = nextFileList.find((candidate) => candidate.uid === item.id);
-          if (!uploadFile) return;
-          await uploadOne(item.file, uploadFile, () => updateFileList([...nextFileList]));
-        },
-        { concurrency: maxConcurrent, onChange: onQueueChange }
-      );
-    }
-  };
-  const uploadOne = async (file, uploadFile, notify) => {
-    uploadFile.status = "uploading";
-    notify();
-    if (!customRequest) {
-      uploadFile.progress = 100;
-      uploadFile.status = "success";
-      notify();
-      return;
-    }
-    const chunks = chunkSize ? _tigercatcore.createUploadChunks.call(void 0, file, chunkSize) : [];
-    const resumeKey = resumable ? _tigercatcore.getUploadResumeKey.call(void 0, file) : void 0;
-    if (chunks.length <= 1) {
-      await requestUpload(file, uploadFile, notify, { resumeKey });
-      return;
-    }
-    for (const chunk of chunks) {
-      const chunkFile = new File([chunk.blob], file.name, {
-        type: file.type,
-        lastModified: file.lastModified
-      });
-      await requestUpload(chunkFile, uploadFile, notify, {
-        originalFile: file,
-        chunk,
-        totalChunks: chunks.length,
-        resumeKey
-      });
-    }
-    uploadFile.progress = 100;
-    uploadFile.status = "success";
-    _optionalChain([onSuccess, 'optionalCall', _9 => _9({ chunks: chunks.length, resumeKey }, uploadFile)]);
-    notify();
-  };
-  const requestUpload = (file, uploadFile, notify, options) => {
-    return new Promise((resolve, reject) => {
-      _optionalChain([customRequest, 'optionalCall', _10 => _10({
-        file,
-        originalFile: options.originalFile,
-        chunk: options.chunk,
-        chunkIndex: _optionalChain([options, 'access', _11 => _11.chunk, 'optionalAccess', _12 => _12.index]),
-        totalChunks: options.totalChunks,
-        resumeKey: options.resumeKey,
-        onProgress: (progress) => {
-          const nextProgress = options.chunk ? Math.round(
-            (options.chunk.index + progress / 100) / (_nullishCoalesce(options.totalChunks, () => ( 1))) * 100
-          ) : progress;
-          uploadFile.progress = nextProgress;
-          if (options.chunk) {
-            _optionalChain([onChunkProgress, 'optionalCall', _13 => _13(options.chunk, progress, uploadFile)]);
-          }
-          _optionalChain([onProgress, 'optionalCall', _14 => _14(nextProgress, uploadFile)]);
-          notify();
-        },
-        onSuccess: (response) => {
-          if (!options.chunk) {
-            uploadFile.status = "success";
-            uploadFile.progress = 100;
-            _optionalChain([onSuccess, 'optionalCall', _15 => _15(response, uploadFile)]);
-            notify();
-          }
-          resolve();
-        },
-        onError: (error) => {
-          uploadFile.status = "error";
-          uploadFile.error = error.message;
-          _optionalChain([onError, 'optionalCall', _16 => _16(error, uploadFile)]);
-          notify();
-          reject(error);
-        }
-      })]);
-    });
-  };
-  const handleRemove = (file) => {
-    const newFileList = fileList.filter((f) => f.uid !== file.uid);
-    const removeResult = _optionalChain([onRemove, 'optionalCall', _17 => _17(file, newFileList)]);
-    if (removeResult === false) return;
-    updateFileList(newFileList);
-    _optionalChain([onChange, 'optionalCall', _18 => _18(file, newFileList)]);
-  };
-  const handlePreview = (file) => {
-    _optionalChain([onPreview, 'optionalCall', _19 => _19(file)]);
-  };
-  const handleDragOver = (event) => {
-    const result = _tigercatcore.handleUploadDragOver.call(void 0, event, disabled);
-    if (!result.handled) return;
-    setIsDragging(result.isDragging);
-  };
-  const handleDragKeyDown = (event) => {
-    if (disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleClick();
-    }
-  };
-  const handleDragLeave = (event) => {
-    const result = _tigercatcore.handleUploadDragLeave.call(void 0, event, disabled);
-    if (!result.handled) return;
-    setIsDragging(result.isDragging);
-  };
-  const handleDrop = async (event) => {
-    const result = _tigercatcore.handleUploadDrop.call(void 0, event, disabled);
-    if (!result.handled) return;
-    setIsDragging(result.isDragging);
-    await processFiles(result.files);
-  };
-  const renderUploadButton = () => {
-    if (drag) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.getDragAreaClasses.call(void 0, isDragging, disabled),
-          onClick: handleClick,
-          onKeyDown: handleDragKeyDown,
-          onDragOver: handleDragOver,
-          onDragLeave: handleDragLeave,
-          onDrop: handleDrop,
-          role: "button",
-          tabIndex: disabled ? -1 : 0,
-          "aria-disabled": disabled,
-          "aria-label": labels.dragAreaAriaLabel,
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                className: "w-12 h-12 mb-3 text-gray-400",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "mb-2 text-sm", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-semibold", children: labels.clickToUploadText }),
-              " ",
-              labels.dragAndDropText
-            ] }),
-            accept && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.interpolateUploadLabel.call(void 0, labels.acceptInfoText, { accept }) }),
-            maxSize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.interpolateUploadLabel.call(void 0, labels.maxSizeInfoText, {
-              maxSize: _tigercatcore.formatFileSize.call(void 0, maxSize)
-            }) })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getUploadButtonClasses.call(void 0, disabled),
-        onClick: handleClick,
-        disabled,
-        "aria-label": labels.buttonAriaLabel,
-        children: children || labels.selectFileText
-      }
-    );
-  };
-  const renderFileList = () => {
-    if (!showFileList || fileList.length === 0) {
-      return null;
-    }
-    if (listType === "picture-card") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2 mt-4", children: fileList.map((file) => renderPictureCard(file)) });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "mt-4 space-y-2", role: "list", "aria-label": labels.uploadedFilesAriaLabel, children: fileList.map((file) => renderFileItem(file)) });
-  };
-  const renderFileItem = (file) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: _tigercatcore.getFileListItemClasses.call(void 0, file.status), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center flex-1 min-w-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: "w-5 h-5 mr-2 flex-shrink-0",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium truncate", children: file.name }),
-          file.size && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.formatFileSize.call(void 0, file.size) })
-        ] })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-2 ml-4", children: [
-        file.status === "success" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "success", "sm"),
-            fill: "currentColor",
-            viewBox: _tigercatcore.icon20ViewBox,
-            "aria-label": labels.successAriaLabel,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.successCircleSolidIcon20PathD, clipRule: "evenodd" })
-          }
-        ),
-        file.status === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "error", "sm"),
-            fill: "currentColor",
-            viewBox: _tigercatcore.icon20ViewBox,
-            "aria-label": labels.errorAriaLabel,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.errorCircleSolidIcon20PathD, clipRule: "evenodd" })
-          }
-        ),
-        file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "sm", {
-              spinning: true
-            }),
-            fill: "none",
-            viewBox: spinnerSvg.viewBox,
-            "aria-label": labels.uploadingAriaLabel,
-            children: spinnerSvg.elements.map((el, index) => {
-              if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
-              if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
-              return null;
-            })
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            className: "text-gray-400 hover:text-red-500 transition-colors",
-            onClick: () => handleRemove(file),
-            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.removeFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-5 h-5", fill: "currentColor", viewBox: _tigercatcore.icon20ViewBox, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" }) })
-          }
-        )
-      ] })
-    ] }, file.uid);
-  };
-  const renderPictureCard = (file) => {
-    const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getPictureCardClasses.call(void 0, file.status), children: [
-      imageUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            className: "text-white hover:text-blue-200 transition-colors",
-            onClick: () => handlePreview(file),
-            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.previewFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                className: "w-6 h-6",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            className: "text-white hover:text-red-200 transition-colors",
-            onClick: () => handleRemove(file),
-            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.removeFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",
-                clipRule: "evenodd"
-              }
-            ) })
-          }
-        )
-      ] }),
-      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "svg",
-        {
-          className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "lg", {
-            spinning: true
-          }),
-          fill: "none",
-          viewBox: spinnerSvg.viewBox,
-          children: spinnerSvg.elements.map((el, index) => {
-            if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
-            if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
-            return null;
-          })
-        }
-      ) })
-    ] }, file.uid);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...divProps, className: _tigercatcore.classNames.call(void 0, "tiger-upload", className), style, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        multiple,
-        disabled,
-        style: { display: "none" },
-        onChange: handleFileChange,
-        "aria-hidden": "true"
-      }
-    ),
-    renderUploadButton(),
-    renderFileList()
-  ] });
-};
-
-
-
-exports.Upload = Upload;

package/dist/chunk-BROIZ266.js

@@ -1,185 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Steps.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var StepsContext = _react.createContext.call(void 0, null);
-function useStepsContext() {
-  return _react.useContext.call(void 0, StepsContext);
-}
-var StepsItem = ({
-  title,
-  description,
-  icon,
-  status: customStatus,
-  disabled = false,
-  stepIndex = 0,
-  isLast = false,
-  className,
-  style,
-  ...props
-}) => {
-  const stepsContext = useStepsContext() || {
-    current: 0,
-    status: "process",
-    direction: "horizontal",
-    size: "default",
-    simple: false,
-    clickable: false
-  };
-  const stepStatus = _tigercatcore.calculateStepStatus.call(void 0, 
-    stepIndex,
-    stepsContext.current,
-    stepsContext.status,
-    customStatus
-  );
-  const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getStepItemClasses.call(void 0, stepsContext.direction, isLast), className);
-  const iconClasses = _tigercatcore.getStepIconClasses.call(void 0, stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = _tigercatcore.getStepTailClasses.call(void 0, 
-    stepsContext.direction,
-    stepStatus,
-    isLast,
-    stepsContext.size,
-    stepsContext.simple
-  );
-  const contentClasses = _tigercatcore.getStepContentClasses.call(void 0, stepsContext.direction);
-  const titleClasses = _tigercatcore.getStepTitleClasses.call(void 0, stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = _tigercatcore.getStepDescriptionClasses.call(void 0, stepStatus, stepsContext.size);
-  const handleClick = () => {
-    if (!isClickable) return;
-    _optionalChain([stepsContext, 'access', _ => _.handleStepClick, 'optionalCall', _2 => _2(stepIndex)]);
-  };
-  const renderIcon = () => {
-    if (icon) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon });
-    }
-    if (stepStatus === "finish") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "svg",
-        {
-          className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "3",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" })
-        }
-      ) });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: stepIndex + 1 });
-  };
-  const renderContent = () => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: titleClasses,
-          onClick: handleClick,
-          disabled: !isClickable,
-          "aria-disabled": disabled || void 0,
-          children: title
-        }
-      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: descriptionClasses, children: description })
-    ] });
-  };
-  if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "li",
-      {
-        ...props,
-        className: itemClasses,
-        style,
-        "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-        "aria-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-            renderIcon(),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses })
-          ] }),
-          renderContent()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "li",
-    {
-      ...props,
-      className: itemClasses,
-      style,
-      "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        renderIcon(),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses }),
-        renderContent()
-      ]
-    }
-  );
-};
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getStepsContainerClasses.call(void 0, direction), className),
-    [direction, className]
-  );
-  const handleStepClick = _react.useCallback.call(void 0, 
-    (index) => {
-      if (!clickable) return;
-      _optionalChain([onChange, 'optionalCall', _3 => _3(index)]);
-    },
-    [clickable, onChange]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      current,
-      status,
-      direction,
-      size,
-      simple,
-      clickable,
-      handleStepClick: clickable ? handleStepClick : void 0
-    }),
-    [current, status, direction, size, simple, clickable, handleStepClick]
-  );
-  const totalCount = _react2.default.Children.count(children);
-  const stepsWithProps = _react2.default.Children.map(children, (child, index) => {
-    if (_react2.default.isValidElement(child) && child.type === StepsItem) {
-      return _react2.default.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
-};
-
-
-
-
-
-exports.useStepsContext = useStepsContext; exports.StepsItem = StepsItem; exports.Steps = Steps;