@pisell/private-materials 6.6.7 → 6.6.9

package/dist/es/plus/saasRegister/index.less

@@ -0,0 +1,218 @@
+.pisell-saas-register-container {
+  width: 360px;
+  max-width: 360px;
+  min-width: 266px;
+  margin: 0 20px;
+  overflow-x: hidden;
+
+  // Logo样式
+  .pisell-saas-register-logo {
+    width: fit-content;
+    height: 48px;
+    border-radius: 8px;
+
+    &.left {
+      margin-right: auto;
+      margin-left: 0;
+    }
+
+    &.center {
+      margin: 0 auto;
+    }
+
+    &.right {
+      margin-left: auto;
+      margin-right: 0;
+    }
+
+    img {
+      height: 48px;
+      object-fit: contain;
+    }
+  }
+
+  .pisell-saas-register-welcome-message {
+    margin-top: 10px;
+    color: #101828;
+    text-align: center;
+    font-size: 20px;
+    font-weight: 500;
+  }
+
+  .pisell-saas-register-title {
+    margin-top: 24px;
+    font-size: 30px;
+    font-weight: 600;
+    color: #101828;
+  }
+
+  .pisell-saas-register-subtitle {
+    margin-top: 12px;
+    font-size: 16px;
+    color: #475467;
+    font-weight: 400;
+  }
+
+  // 表单区域样式
+  .pisell-saas-register-form {
+    margin-top: 32px;
+    margin-bottom: 16px;
+
+    // 表单项标题
+    .form-item-label {
+      font-size: 14px;
+      font-weight: 500;
+      color: #344054;
+      margin-bottom: 6px;
+      text-align: left;
+    }
+
+    // 输入框样式
+    .pisell-saas-register-input {
+      height: 44px;
+      border-radius: 8px;
+      border: 1px solid #d0d5dd;
+      background: #fff;
+
+      &:hover {
+        border-color: var(--theme-color);
+      }
+
+      &:focus {
+        border-color: var(--theme-color);
+        box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
+      }
+
+      &.ant-input-password {
+        padding: 4px 11px;
+
+        .ant-input {
+          height: 34px;
+        }
+      }
+    }
+
+    // 登录按钮样式
+    .pisell-saas-register-button {
+      height: 44px;
+      border-radius: 8px;
+      background: var(--theme-color);
+      border: none;
+      font-weight: 500;
+
+      &:hover {
+        background: #6941c6;
+      }
+
+      &:focus {
+        background: var(--theme-color);
+        box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
+      }
+
+      &.margin-top-32 {
+        margin-top: 32px;
+      }
+    }
+  }
+
+  .pisell-saas-register-form-main {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .pisell-saas-register-form-title {
+    color: #101828;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;
+  }
+
+  .pisell-saas-register-form-subtitle {
+    color: #475467;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .pisell-saas-register-form-email {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #475467;
+    font-size: 14px;
+    font-weight: 400;
+
+    &-icon {
+      font-size: 20px;
+      margin-left: 10px;
+      cursor: pointer;
+      color: #6941c6;
+    }
+  }
+
+  // 页脚样式
+  .pisell-saas-register-action {
+    margin-top: 32px;
+    margin-bottom: 16px;
+    font-size: 14px;
+    color: #475467;
+    font-weight: 400;
+
+    a {
+      margin-left: 4px;
+      cursor: pointer;
+      color: #6941c6;
+      font-size: 14px;
+      font-weight: 600;
+
+      &:hover {
+        color: #6941c6;
+      }
+    }
+
+    .pisell-saas-register-link-button {
+      padding: 0;
+      margin: 0;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .pisell-saas-register-divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 24px 0;
+
+    .pisell-saas-register-divider-text {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      color: #475467;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 500;
+
+      &::before,
+      &::after {
+        content: '';
+        flex: 1;
+        height: 1px;
+        background-color: #eaecf0;
+      }
+
+      &::before {
+        margin-right: 8px;
+      }
+
+      &::after {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  .pisell-lowcode-form-item {
+    margin-bottom: 16px;
+  }
+}

package/dist/es/plus/saasRegister/locales.js

@@ -0,0 +1,120 @@
+//#region src/plus/saasRegister/locales.ts
+var locales_default = {
+	en: {
+		"pisell-saas-register-welcome-message": "Welcome to",
+		"pisell-saas-register-title": "Create account",
+		"pisell-saas-register-subtitle": "Welcome back! Please enter your details.",
+		"pisell-saas-register-email-label": "Email Address",
+		"pisell-saas-register-email-placeholder": "Enter your email",
+		"pisell-saas-register-email-error": "Please input your email!",
+		"pisell-saas-register-email-error-valid": "Please enter a valid email!",
+		"pisell-saas-register-button": "Continue",
+		"pisell-saas-register-login-text": "Already have an account?",
+		"pisell-saas-register-login-link-text": "Log in",
+		"pisell-saas-register-failed-button-text": "Back to Registration",
+		"pisell-saas-register-failed-email-registered-title": "This email is already registered. Please log in or use a different email",
+		"pisell-saas-register-verify-email-title": "Verify your email",
+		"pisell-saas-register-verify-email-subtitle": "Use the verification link sent to your email address",
+		"pisell-saas-register-resend-text": "Didn't receive a link? ",
+		"pisell-saas-register-resend-button-text": "Resend",
+		"pisell-saas-register-verifying-email-title": "Verifying your email...",
+		"pisell-saas-register-failed-link-expired-title": "Verification link expired",
+		"pisell-saas-register-failed-link-expired-subtitle": "Your verification link has expired. Please request a new verification email to continue.",
+		"pisell-saas-register-failed-link-invalid-title": "Invalid verification link",
+		"pisell-saas-register-failed-link-invalid-subtitle": "The verification link is invalid. Please start the registration process again.",
+		"pisell-saas-register-failed-link-email-registered-title": "Already registered",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "This email is already registered. Please log in.",
+		"pisell-saas-register-failed-link-email-registered-button-text": "Log in",
+		"pisell-saas-register-password-label": "Password",
+		"pisell-saas-register-password-placeholder": "Enter your password",
+		"pisell-saas-register-password-required": "Please input your password!",
+		"pisell-saas-register-divider-text": "Your Information",
+		"pisell-saas-register-first-name-label": "First Name",
+		"pisell-saas-register-first-name-placeholder": "Enter your first name",
+		"pisell-saas-register-last-name-label": "Last Name",
+		"pisell-saas-register-last-name-placeholder": "Enter your last name",
+		"pisell-saas-register-entry-info-title": "Set Password",
+		"pisell-saas-register-entry-info-subtitle": "Your email has been verified. Please set your password and provide your personal information.",
+		"pisell-saas-register-entry-info-document-title": "Account Setup",
+		"pisell-saas-register-entry-info-document-description": "Your email has been verified. Please set your password and provide your personal information."
+	},
+	"zh-CN": {
+		"pisell-saas-register-welcome-message": "欢迎使用",
+		"pisell-saas-register-title": "创建账号",
+		"pisell-saas-register-subtitle": "欢迎回来！请输入您的详细信息。",
+		"pisell-saas-register-email-label": "邮箱地址",
+		"pisell-saas-register-email-placeholder": "输入您的邮箱",
+		"pisell-saas-register-email-error": "请输入您的邮箱！",
+		"pisell-saas-register-email-error-valid": "请输入有效的邮箱！",
+		"pisell-saas-register-button": "继续",
+		"pisell-saas-register-login-text": "已有账号？",
+		"pisell-saas-register-login-link-text": "立即登录",
+		"pisell-saas-register-failed-button-text": "返回注册页面",
+		"pisell-saas-register-failed-email-registered-title": "该邮箱已注册，请登录或使用其他邮箱",
+		"pisell-saas-register-verify-email-title": "验证您的邮箱",
+		"pisell-saas-register-verify-email-subtitle": "请使用发送到您邮箱的验证链接",
+		"pisell-saas-register-resend-text": "没有收到链接？",
+		"pisell-saas-register-resend-button-text": "重新发送",
+		"pisell-saas-register-verifying-email-title": "正在验证您的邮箱...",
+		"pisell-saas-register-failed-link-expired-title": "验证链接已过期",
+		"pisell-saas-register-failed-link-expired-subtitle": "您的验证链接已过期。请重新申请验证邮件以继续。",
+		"pisell-saas-register-failed-link-invalid-title": "无效的验证链接",
+		"pisell-saas-register-failed-link-invalid-subtitle": "验证链接无效。请重新开始注册流程。",
+		"pisell-saas-register-failed-link-email-registered-title": "已注册",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "该邮箱已注册，请登录",
+		"pisell-saas-register-failed-link-email-registered-button-text": "登录",
+		"pisell-saas-register-password-label": "密码",
+		"pisell-saas-register-password-placeholder": "输入您的密码",
+		"pisell-saas-register-password-required": "请输入您的密码！",
+		"pisell-saas-register-divider-text": "您的信息",
+		"pisell-saas-register-first-name-label": "名",
+		"pisell-saas-register-first-name-placeholder": "输入您的名",
+		"pisell-saas-register-last-name-label": "姓",
+		"pisell-saas-register-last-name-placeholder": "输入您的姓",
+		"pisell-saas-register-entry-info-title": "设置密码",
+		"pisell-saas-register-entry-info-subtitle": "邮箱已验证，请设置密码并填写个人信息。",
+		"pisell-saas-register-entry-info-document-title": "账户设置",
+		"pisell-saas-register-entry-info-document-description": "邮箱已验证，请设置密码并填写个人信息。"
+	},
+	"zh-HK": {
+		"pisell-saas-register-welcome-message": "歡迎使用",
+		"pisell-saas-register-title": "創建帳號",
+		"pisell-saas-register-subtitle": "歡迎回來！請輸入您的詳細信息。",
+		"pisell-saas-register-email-label": "電郵地址",
+		"pisell-saas-register-email-placeholder": "輸入您的電子郵件",
+		"pisell-saas-register-email-error": "請輸入您的電子郵件！",
+		"pisell-saas-register-email-error-valid": "請輸入有效的電子郵件！",
+		"pisell-saas-register-button": "繼續",
+		"pisell-saas-register-login-text": "已有帳號？",
+		"pisell-saas-register-login-link-text": "立即登入",
+		"pisell-saas-register-failed-button-text": "返回註冊頁面",
+		"pisell-saas-register-failed-email-registered-title": "該電郵已註冊，請登入或使用其他電郵",
+		"pisell-saas-register-verify-email-title": "驗證您的電郵",
+		"pisell-saas-register-verify-email-subtitle": "請使用發送到您郵箱的驗證鏈接",
+		"pisell-saas-register-resend-text": "沒有收到鏈接？",
+		"pisell-saas-register-resend-button-text": "重新發送",
+		"pisell-saas-register-verifying-email-title": "正在驗證您的電郵...",
+		"pisell-saas-register-failed-link-expired-title": "驗證鏈接已過期",
+		"pisell-saas-register-failed-link-expired-subtitle": "您的驗證鏈接已過期。請重新申請驗證郵件以繼續。",
+		"pisell-saas-register-failed-link-invalid-title": "無效的驗證鏈接",
+		"pisell-saas-register-failed-link-invalid-subtitle": "驗證鏈接無效。請重新開始註冊流程。",
+		"pisell-saas-register-failed-link-email-registered-title": "已註冊",
+		"pisell-saas-register-failed-link-email-registered-subtitle": "該電郵已註冊，請登入",
+		"pisell-saas-register-failed-link-email-registered-button-text": "登入",
+		"pisell-saas-register-password-label": "密碼",
+		"pisell-saas-register-password-placeholder": "輸入您的密碼",
+		"pisell-saas-register-password-required": "請輸入您的密碼！",
+		"pisell-saas-register-divider-text": "您的信息",
+		"pisell-saas-register-first-name-label": "名",
+		"pisell-saas-register-first-name-placeholder": "輸入您的名",
+		"pisell-saas-register-last-name-label": "姓",
+		"pisell-saas-register-last-name-placeholder": "輸入您的姓",
+		"pisell-saas-register-entry-info-title": "設定密碼",
+		"pisell-saas-register-entry-info-subtitle": "郵箱已驗證，請設定密碼並填寫個人資訊。",
+		"pisell-saas-register-entry-info-document-title": "帳戶設定",
+		"pisell-saas-register-entry-info-document-description": "郵箱已驗證，請設定密碼並填寫個人資訊。"
+	}
+};
+
+//#endregion
+export { locales_default as default };

package/dist/es/plus/saasRegister/types.d.ts

@@ -0,0 +1,107 @@
+//#region src/plus/saasRegister/types.d.ts
+declare enum SRStepStatus {
+  /** 邮箱已被注册 */
+  FAILED_EMAIL_REGISTERED = "failed_email_registered",
+  /** 链接过期 */
+  FAILED_LINK_EXPIRED = "failed_link_expired",
+  /** 链接无效 */
+  FAILED_LINK_INVALID = "failed_link_invalid",
+  /** 链接中邮箱已被注册 */
+  FAILED_LINK_EMAIL_REGISTERED = "failed_link_email_registered",
+}
+declare enum SRStepKey {
+  /** 输入邮箱 */
+  ENTRY_EMAIL = "entry_email",
+  /** 邮箱等待验证 */
+  WAIT_VERIFY_EMAIL = "wait_verify_email",
+  /** 邮箱验证中 */
+  VERIFYING_EMAIL = "verifying_email",
+  /** 录入信息 */
+  ENTRY_INFO = "entry_info",
+  /** 验证失败 */
+  VERIFY_FAILED = "verify_failed",
+}
+interface SRStep {
+  key: SRStepKey;
+  status?: SRStepStatus;
+  params?: {
+    [key: string]: any;
+  };
+}
+interface SRProps {
+  /** 是否显示Logo */
+  showLogo?: boolean;
+  /** Logo图片地址 */
+  logo?: string;
+  /** Logo位置 */
+  logoPosition?: 'left' | 'center' | 'right';
+  /** Logo尺寸 */
+  logoSize?: {
+    width?: number;
+    height?: number;
+  };
+  /** 是否显示欢迎语 */
+  showWelcomeMessage?: boolean;
+  /** 欢迎语 */
+  welcomeMessage?: string;
+  /** 欢迎语对齐方式 */
+  welcomeMessageAlign?: 'left' | 'center' | 'right';
+  /** 是否显示标题 */
+  showTitle?: boolean;
+  /** 标题 */
+  title?: string;
+  /** 标题对齐方式 */
+  titleAlign?: 'left' | 'center' | 'right';
+  /** 副标题 */
+  subtitle?: string;
+  /** 是否显示副标题 */
+  showSubtitle?: boolean;
+  /** 副标题对齐方式 */
+  subtitleAlign?: 'left' | 'center' | 'right';
+  /** 邮箱输入框标题 */
+  emailLabel?: string;
+  /** 邮箱输入框占位符 */
+  emailPlaceholder?: string;
+  /** 按钮文本 */
+  buttonText?: string;
+  /** 密码输入框标题 */
+  passwordLabel?: string;
+  /** 密码输入框占位符 */
+  passwordPlaceholder?: string;
+  /** 是否显示分割线 */
+  showDivider?: boolean;
+  /** 分割线文案 */
+  dividerText?: string;
+  /** 是否显示名字 */
+  showFirstName?: boolean;
+  /** 是否显示姓氏 */
+  showLastName?: boolean;
+  /** 是否显示去登录入口 */
+  showLogin?: boolean;
+  /** 去登录入口对齐方式 */
+  loginAlign?: 'left' | 'center' | 'right';
+  /** 是否显示去登录入口文本 */
+  showLoginText?: boolean;
+  /** 去登录入口文本 */
+  loginText?: string;
+  /** 是否显示去登录入口链接文本 */
+  showLoginLinkText?: boolean;
+  /** 去登录入口链接文本 */
+  loginLinkText?: string;
+  /** 邮箱验证回调 */
+  onVerifyEmail?: (email: string) => Promise<boolean>;
+  /** 重新发送验证码回调 */
+  onSendEmail?: (email: string) => Promise<void>;
+  /** 去登录入口点击回调 */
+  onGoLogin?: () => void;
+  /** 验证链接回调 */
+  onVerifyLink?: (emailToken: string) => Promise<{
+    code: number;
+  }>;
+  /** 信息录入回调 */
+  onEntryInfo?: (info: any) => Promise<void>;
+  /** step 变化回调 */
+  onStepChange?: (step: SRStep) => void;
+}
+//#endregion
+export { SRProps };

package/dist/es/plus/saasRegister/types.js

@@ -0,0 +1,39 @@
+//#region src/plus/saasRegister/types.ts
+let SRStepStatus = /* @__PURE__ */ function(SRStepStatus$1) {
+	/** 邮箱已被注册 */
+	SRStepStatus$1["FAILED_EMAIL_REGISTERED"] = "failed_email_registered";
+	/** 链接过期 */
+	SRStepStatus$1["FAILED_LINK_EXPIRED"] = "failed_link_expired";
+	/** 链接无效 */
+	SRStepStatus$1["FAILED_LINK_INVALID"] = "failed_link_invalid";
+	/** 链接中邮箱已被注册 */
+	SRStepStatus$1["FAILED_LINK_EMAIL_REGISTERED"] = "failed_link_email_registered";
+	return SRStepStatus$1;
+}({});
+let SRStepKey = /* @__PURE__ */ function(SRStepKey$1) {
+	/** 输入邮箱 */
+	SRStepKey$1["ENTRY_EMAIL"] = "entry_email";
+	/** 邮箱等待验证 */
+	SRStepKey$1["WAIT_VERIFY_EMAIL"] = "wait_verify_email";
+	/** 邮箱验证中 */
+	SRStepKey$1["VERIFYING_EMAIL"] = "verifying_email";
+	/** 录入信息 */
+	SRStepKey$1["ENTRY_INFO"] = "entry_info";
+	/** 验证失败 */
+	SRStepKey$1["VERIFY_FAILED"] = "verify_failed";
+	return SRStepKey$1;
+}({});
+let SRVerifyCode = /* @__PURE__ */ function(SRVerifyCode$1) {
+	/** 成功 */
+	SRVerifyCode$1[SRVerifyCode$1["SUCCESS"] = 200] = "SUCCESS";
+	/** 链接已过期 */
+	SRVerifyCode$1[SRVerifyCode$1["LINK_EXPIRED"] = 601e3] = "LINK_EXPIRED";
+	/** 邮箱已被注册 */
+	SRVerifyCode$1[SRVerifyCode$1["EMAIL_REGISTERED"] = 601001] = "EMAIL_REGISTERED";
+	/** 链接无效 */
+	SRVerifyCode$1[SRVerifyCode$1["LINK_INVALID"] = 601002] = "LINK_INVALID";
+	return SRVerifyCode$1;
+}({});
+
+//#endregion
+export { SRStepKey, SRStepStatus, SRVerifyCode };

package/dist/es/pro/NumericStepper/index.js

@@ -0,0 +1,164 @@
+import * as React$1 from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import classNames from "classnames";
+import "./index.less";
+
+//#region src/pro/NumericStepper/index.tsx
+const NumericStepper = ({ value, defaultValue = 0, min = 0, max = Infinity, step = 1, disabled = false, onChange, className, styles, size = "middle", shape = "round", showInput = false, minusIcon, plusIcon }) => {
+	const [internalValue, setInternalValue] = useState(value !== void 0 ? value : defaultValue);
+	const [inputDisplayValue, setInputDisplayValue] = useState("");
+	const currentValue = value !== void 0 ? value : internalValue;
+	useEffect(() => {
+		if (value !== void 0) setInternalValue(value);
+	}, [value]);
+	useEffect(() => {
+		setInputDisplayValue(currentValue.toString());
+	}, [currentValue]);
+	const handleValueChange = useCallback((newValue) => {
+		const clampedValue = Math.max(min, Math.min(max, newValue));
+		if (value === void 0) setInternalValue(clampedValue);
+		onChange?.(clampedValue);
+	}, [
+		min,
+		max,
+		value,
+		onChange
+	]);
+	const handleDecrease = useCallback(() => {
+		if (disabled) return;
+		const newValue = currentValue - step;
+		if (newValue >= min) handleValueChange(newValue);
+	}, [
+		currentValue,
+		step,
+		min,
+		disabled,
+		handleValueChange
+	]);
+	const handleIncrease = useCallback(() => {
+		if (disabled) return;
+		if (currentValue < min) {
+			handleValueChange(min);
+			return;
+		}
+		const newValue = currentValue + step;
+		if (newValue <= max) handleValueChange(newValue);
+	}, [
+		currentValue,
+		step,
+		min,
+		max,
+		disabled,
+		handleValueChange
+	]);
+	const handleInputChange = useCallback((e) => {
+		const inputValue = e.target.value;
+		setInputDisplayValue(inputValue);
+		const trimmedValue = inputValue.trim();
+		if (trimmedValue !== "") {
+			const numValue = parseFloat(trimmedValue);
+			if (!isNaN(numValue) && numValue >= min && numValue <= max) handleValueChange(numValue);
+		}
+	}, [
+		min,
+		max,
+		handleValueChange
+	]);
+	const processInputValue = useCallback((inputValue) => {
+		const trimmedValue = inputValue.trim();
+		if (trimmedValue === "") {
+			setInputDisplayValue(currentValue.toString());
+			return;
+		}
+		const numValue = parseFloat(trimmedValue);
+		if (!isNaN(numValue)) if (numValue >= min && numValue <= max) setInputDisplayValue(numValue.toString());
+		else {
+			const clampedValue = Math.max(min, Math.min(max, numValue));
+			handleValueChange(clampedValue);
+			setInputDisplayValue(clampedValue.toString());
+		}
+		else setInputDisplayValue(currentValue.toString());
+	}, [
+		min,
+		max,
+		currentValue,
+		handleValueChange
+	]);
+	const handleInputBlur = useCallback((e) => {
+		processInputValue(e.target.value);
+	}, [processInputValue]);
+	const handleInputKeyDown = useCallback((e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			e.currentTarget.blur();
+		} else if (e.key === "Escape") {
+			e.preventDefault();
+			setInputDisplayValue(currentValue.toString());
+			e.currentTarget.blur();
+		}
+	}, [currentValue]);
+	const isDecreaseDisabled = disabled || currentValue <= min;
+	const isIncreaseDisabled = disabled || currentValue >= max;
+	const outOfRange = useMemo(() => {
+		return currentValue < min || currentValue > max;
+	}, [
+		currentValue,
+		min,
+		max
+	]);
+	const stepperClasses = classNames("numeric-stepper", `numeric-stepper-${size}`, `numeric-stepper-${shape}`, {
+		"numeric-stepper-disabled": disabled,
+		"numeric-stepper-with-input": showInput,
+		"numeric-stepper-simple": currentValue === 0 || currentValue === void 0,
+		"numeric-stepper-out-of-range": outOfRange
+	}, className);
+	const isSimpleMode = currentValue === 0 || currentValue === void 0;
+	return /* @__PURE__ */ React$1.createElement("div", {
+		className: stepperClasses,
+		style: styles?.container,
+		onClick: (e) => e.stopPropagation()
+	}, !isSimpleMode && /* @__PURE__ */ React$1.createElement("button", {
+		type: "button",
+		className: classNames("numeric-stepper-button", "numeric-stepper-minus", { "numeric-stepper-button-disabled": isDecreaseDisabled }),
+		disabled: isDecreaseDisabled,
+		onClick: handleDecrease
+	}, minusIcon || /* @__PURE__ */ React$1.createElement("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none"
+	}, /* @__PURE__ */ React$1.createElement("path", {
+		d: "M3 8h10",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round"
+	}))), !isSimpleMode && (showInput ? /* @__PURE__ */ React$1.createElement("input", {
+		type: "text",
+		className: classNames("numeric-stepper-input"),
+		value: inputDisplayValue,
+		onChange: handleInputChange,
+		onBlur: handleInputBlur,
+		onKeyDown: handleInputKeyDown,
+		disabled,
+		placeholder: currentValue.toString()
+	}) : /* @__PURE__ */ React$1.createElement("span", { className: classNames("numeric-stepper-display") }, currentValue)), /* @__PURE__ */ React$1.createElement("button", {
+		type: "button",
+		className: classNames("numeric-stepper-button", "numeric-stepper-plus", { "numeric-stepper-button-disabled": isIncreaseDisabled }),
+		disabled: isIncreaseDisabled,
+		onClick: handleIncrease
+	}, plusIcon || /* @__PURE__ */ React$1.createElement("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none"
+	}, /* @__PURE__ */ React$1.createElement("path", {
+		d: "M8 3v10M3 8h10",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round"
+	}))));
+};
+var NumericStepper_default = NumericStepper;
+
+//#endregion
+export { NumericStepper_default as default };