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

package/dist/chunk-TLDTBCT6.js

@@ -1,98 +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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Tag.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className: "h-3 w-3",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: _tigercatcore.icon24ViewBox,
-    stroke: "currentColor",
-    strokeWidth: _tigercatcore.icon24StrokeWidth,
-    "aria-hidden": "true",
-    focusable: "false",
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        strokeLinecap: _tigercatcore.icon24PathStrokeLinecap,
-        strokeLinejoin: _tigercatcore.icon24PathStrokeLinejoin,
-        d: _tigercatcore.tagCloseIconPath
-      }
-    )
-  }
-);
-var Tag = ({
-  locale,
-  variant = "default",
-  size = "md",
-  closable = false,
-  closeAriaLabel,
-  onClose,
-  children,
-  className,
-  ...props
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
-    [config.locale, locale]
-  );
-  _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", props);
-  const [isVisible, setIsVisible] = _react.useState.call(void 0, true);
-  const tagClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.tagBaseClasses, _tigercatcore.getTagVariantClasses.call(void 0, variant), _tigercatcore.tagSizeClasses[size], className),
-    [variant, size, className]
-  );
-  const closeButtonClasses = _react.useMemo.call(void 0, () => {
-    const scheme = _tigercatcore.defaultTagThemeColors[variant];
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
-  }, [variant]);
-  const handleClose = (event) => {
-    event.stopPropagation();
-    _optionalChain([onClose, 'optionalCall', _ => _(event)]);
-    if (!event.defaultPrevented) {
-      setIsVisible(false);
-    }
-  };
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: tagClasses, role: "status", ...props, children: [
-    children != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children }),
-    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        className: closeButtonClasses,
-        onClick: handleClose,
-        "aria-label": _nullishCoalesce(closeAriaLabel, () => ( labels.tagCloseAriaLabel)),
-        type: "button",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})
-      }
-    )
-  ] });
-};
-
-
-
-exports.Tag = Tag;

package/dist/chunk-TN7GMDME.js

@@ -1,102 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }// src/components/FloatButton.tsx
-var _react = require('react');
-var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var FloatButtonGroupContext = _react.createContext.call(void 0, null);
-var FloatButton = ({
-  shape,
-  size = "md",
-  type = "primary",
-  tooltip,
-  disabled = false,
-  ariaLabel,
-  className,
-  children,
-  onClick,
-  ...props
-}) => {
-  const group = _react.useContext.call(void 0, FloatButtonGroupContext);
-  const resolvedShape = _nullishCoalesce(_nullishCoalesce(shape, () => ( _optionalChain([group, 'optionalAccess', _ => _.shape]))), () => ( "circle"));
-  const classes = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.floatButtonBaseClasses,
-      _tigercatcore.floatButtonShapeClasses[resolvedShape],
-      _tigercatcore.floatButtonSizeClasses[size],
-      _tigercatcore.floatButtonTypeClasses[type],
-      disabled && _tigercatcore.floatButtonDisabledClasses,
-      className
-    ),
-    [resolvedShape, size, type, disabled, className]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      className: classes,
-      type: "button",
-      disabled,
-      "aria-label": _nullishCoalesce(ariaLabel, () => ( tooltip)),
-      title: tooltip,
-      onClick: disabled ? void 0 : onClick,
-      ...props,
-      children
-    }
-  );
-};
-var FloatButtonGroup = ({
-  shape: groupShape,
-  trigger = "click",
-  open: controlledOpen,
-  triggerNode,
-  children,
-  className,
-  onOpenChange,
-  ...props
-}) => {
-  const groupContextValue = _react.useMemo.call(void 0, () => ({ shape: groupShape }), [groupShape]);
-  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
-  const toggle = _react.useCallback.call(void 0, () => {
-    const next = !isOpen;
-    setInternalOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(next)]);
-  }, [isOpen, onOpenChange]);
-  const handleMouseEnter = _react.useCallback.call(void 0, () => {
-    setInternalOpen(true);
-    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(true)]);
-  }, [onOpenChange]);
-  const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    setInternalOpen(false);
-    _optionalChain([onOpenChange, 'optionalCall', _4 => _4(false)]);
-  }, [onOpenChange]);
-  const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
-  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FloatButtonGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: groupClasses,
-      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
-      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
-      ...props,
-      children: [
-        triggerNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
-        isOpen && children
-      ]
-    }
-  ) });
-  return _reactdom2.default.createPortal(content, document.body);
-};
-
-
-
-
-exports.FloatButton = FloatButton; exports.FloatButtonGroup = FloatButtonGroup;

package/dist/chunk-TO4SSBAJ.js

@@ -1,193 +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 _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
-
-
-var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// src/components/Input.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Input = ({
-  size,
-  type = "text",
-  status = "default",
-  errorMessage,
-  _shakeTrigger,
-  prefix,
-  suffix,
-  value,
-  defaultValue,
-  placeholder = "",
-  disabled = false,
-  readonly = false,
-  required = false,
-  maxLength,
-  minLength,
-  name,
-  id,
-  autoComplete,
-  autoFocus = false,
-  clearable = false,
-  showPassword = false,
-  showCount = false,
-  onInput,
-  onChange,
-  onFocus,
-  onBlur,
-  onClear,
-  className,
-  style,
-  ...props
-}) => {
-  _tigercatcore.injectShakeStyle.call(void 0, );
-  const inputGroup = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
-  const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const inputRef = _react.useRef.call(void 0, null);
-  const reactId = _react.useId.call(void 0, );
-  const errorMsgId = `tiger-input-error-${reactId}`;
-  const [inputValue, setInputValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, _nullishCoalesce(defaultValue, () => ( "")));
-  const [passwordVisible, setPasswordVisible] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (status === "error" && wrapperRef.current) {
-      const el = wrapperRef.current;
-      el.classList.remove(_tigercatcore.SHAKE_CLASS);
-      void el.offsetWidth;
-      el.classList.add(_tigercatcore.SHAKE_CLASS);
-    }
-  }, [status, _shakeTrigger]);
-  const handleAnimationEnd = _react.useCallback.call(void 0, () => {
-    _optionalChain([wrapperRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.classList, 'access', _4 => _4.remove, 'call', _5 => _5(_tigercatcore.SHAKE_CLASS)]);
-  }, []);
-  const currentValStr = String(inputValue);
-  const handleInput = (event) => {
-    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    _optionalChain([onInput, 'optionalCall', _6 => _6(event)]);
-  };
-  const handleChange = (event) => {
-    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    _optionalChain([onChange, 'optionalCall', _7 => _7(event)]);
-  };
-  const handleClear = () => {
-    setInputValue("");
-    _optionalChain([onClear, 'optionalCall', _8 => _8()]);
-    _optionalChain([inputRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
-  };
-  const togglePasswordVisibility = () => {
-    setPasswordVisible((v) => !v);
-  };
-  const hasPrefix = !!prefix;
-  const hasSuffix = !!suffix || clearable || showPassword;
-  const activeError = status === "error" && !!errorMessage;
-  const showClear = clearable && !disabled && !readonly && currentValStr.length > 0;
-  const showPasswordToggle = showPassword && type === "password" && !disabled;
-  const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
-  const inputClasses = _tigercatcore.getInputClasses.call(void 0, {
-    size: effectiveSize,
-    status,
-    hasPrefix,
-    hasSuffix
-  });
-  const renderSuffix = () => {
-    if (activeError) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: errorMsgId, className: _tigercatcore.getInputErrorClasses.call(void 0, effectiveSize), children: errorMessage });
-    }
-    if (showClear) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getInputClearButtonClasses.call(void 0, effectiveSize),
-          onClick: handleClear,
-          "aria-label": "Clear input",
-          tabIndex: -1,
-          children: "\u2715"
-        }
-      );
-    }
-    if (showPasswordToggle) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, effectiveSize),
-          onClick: togglePasswordVisibility,
-          "aria-label": passwordVisible ? "Hide password" : "Show password",
-          tabIndex: -1,
-          children: passwordVisible ? "\u{1F648}" : "\u{1F441}"
-        }
-      );
-    }
-    if (suffix) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", effectiveSize), children: suffix });
-    }
-    return null;
-  };
-  const wrapperNode = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: wrapperRef,
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.getInputWrapperClasses.call(void 0, ), className),
-      style,
-      onAnimationEnd: handleAnimationEnd,
-      children: [
-        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", effectiveSize), children: prefix }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            ...props,
-            ref: inputRef,
-            className: inputClasses,
-            type: effectiveType,
-            value: inputValue,
-            placeholder,
-            disabled,
-            readOnly: readonly,
-            required,
-            maxLength,
-            minLength,
-            name,
-            id,
-            autoComplete,
-            autoFocus,
-            ...status === "error" ? { "aria-invalid": true } : {},
-            ...activeError ? { "aria-describedby": errorMsgId } : {},
-            onInput: handleInput,
-            onChange: handleChange,
-            onFocus,
-            onBlur
-          }
-        ),
-        renderSuffix()
-      ]
-    }
-  );
-  if (showCount) {
-    const count = currentValStr.length;
-    const isOver = maxLength !== void 0 && count > maxLength;
-    const countText = maxLength !== void 0 ? `${count} / ${maxLength}` : `${count}`;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      wrapperNode,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputCountClasses.call(void 0, isOver), children: countText })
-    ] });
-  }
-  return wrapperNode;
-};
-
-
-
-exports.Input = Input;

package/dist/chunk-TPU6S7G7.js

@@ -1,278 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk24NDLFPKjs = require('./chunk-24NDLFPK.js');
-
-// src/components/FormItem.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-function hasRequiredRule(maybeRules) {
-  if (!maybeRules) return false;
-  const ruleArr = Array.isArray(maybeRules) ? maybeRules : [maybeRules];
-  return ruleArr.some((rule) => !!rule && typeof rule === "object" && !!rule.required);
-}
-function mergeAriaDescribedBy(existing, next) {
-  if (!existing) return next;
-  if (!next) return existing;
-  const parts = new Set(
-    `${existing} ${next}`.split(" ").map((s) => s.trim()).filter(Boolean)
-  );
-  return Array.from(parts).join(" ");
-}
-var FIELD_CLASSES = _tigercatcore.getFormItemFieldClasses.call(void 0, );
-var ASTERISK_CLASSES = _tigercatcore.getFormItemAsteriskClasses.call(void 0, );
-var FormItem = ({
-  name,
-  label,
-  labelWidth,
-  required,
-  rules,
-  error: controlledError,
-  showMessage = true,
-  errorDisplayMode = "inline",
-  size,
-  children,
-  className,
-  condition
-}) => {
-  const formContext = _chunk24NDLFPKjs.useFormContext.call(void 0, );
-  const [errorMessage, setErrorMessage] = _react.useState.call(void 0, "");
-  const [shakeTrigger, setShakeTrigger] = _react.useState.call(void 0, 0);
-  const prevFormErrorRef = _react.useRef.call(void 0, "");
-  const reactId = _react.useId.call(void 0, );
-  const baseId = `tiger-form-item-${reactId}`;
-  const labelId = `${baseId}-label`;
-  const fieldId = `${baseId}-field`;
-  const errorId = `${baseId}-error`;
-  const actualSize = size || _optionalChain([formContext, 'optionalAccess', _ => _.size]) || "md";
-  const labelPosition = _optionalChain([formContext, 'optionalAccess', _2 => _2.labelPosition]) || "right";
-  const labelAlign = _optionalChain([formContext, 'optionalAccess', _3 => _3.labelAlign]) || "right";
-  const conditionState = _react.useMemo.call(void 0, () => {
-    if (!name || !formContext) {
-      return { shown: true, disabled: false, required: false };
-    }
-    return formContext.getFieldConditionState(name, condition);
-  }, [name, formContext, condition]);
-  const actualLabelWidth = _react.useMemo.call(void 0, () => {
-    const width = labelWidth || _optionalChain([formContext, 'optionalAccess', _4 => _4.labelWidth]);
-    if (typeof width === "number") {
-      return `${width}px`;
-    }
-    return width;
-  }, [labelWidth, _optionalChain([formContext, 'optionalAccess', _5 => _5.labelWidth])]);
-  const showRequiredAsterisk = _react.useMemo.call(void 0, () => {
-    if (required !== void 0) {
-      return required;
-    }
-    if (rules) {
-      return hasRequiredRule(rules);
-    }
-    if (name && _optionalChain([formContext, 'optionalAccess', _6 => _6.rules])) {
-      const fieldRules = formContext.rules[name];
-      if (fieldRules) {
-        return hasRequiredRule(fieldRules);
-      }
-    }
-    return false;
-  }, [required, rules, name, _optionalChain([formContext, 'optionalAccess', _7 => _7.rules])]);
-  const isRequired = _react.useMemo.call(void 0, 
-    () => (showRequiredAsterisk || conditionState.required) && (_nullishCoalesce(_optionalChain([formContext, 'optionalAccess', _8 => _8.showRequiredAsterisk]), () => ( true))),
-    [showRequiredAsterisk, conditionState.required, _optionalChain([formContext, 'optionalAccess', _9 => _9.showRequiredAsterisk])]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (name && _optionalChain([formContext, 'optionalAccess', _10 => _10.errorsByField])) {
-      const error = formContext.errorsByField[name] || "";
-      setErrorMessage(error);
-      if (error && error !== prevFormErrorRef.current) {
-        setShakeTrigger((prev) => prev + 1);
-      }
-      prevFormErrorRef.current = error;
-    }
-  }, [name, _optionalChain([formContext, 'optionalAccess', _11 => _11.errorsByField])]);
-  _react.useEffect.call(void 0, () => {
-    if (controlledError !== void 0) {
-      setErrorMessage(controlledError);
-    }
-  }, [controlledError]);
-  _react.useEffect.call(void 0, () => {
-    if (!name || !formContext) {
-      return;
-    }
-    if (rules) {
-      formContext.registerFieldRules(name, rules);
-    }
-    formContext.registerFieldCondition(name, condition);
-    return () => {
-      formContext.registerFieldRules(name, void 0);
-      formContext.registerFieldCondition(name, void 0);
-    };
-  }, [name, rules, condition, formContext]);
-  const handleBlur = _react.useCallback.call(void 0, () => {
-    if (name && formContext) {
-      formContext.validateField(name, rules, "blur");
-    }
-  }, [name, formContext, rules]);
-  const handleChange = _react.useCallback.call(void 0, () => {
-    if (name && formContext) {
-      formContext.validateField(name, rules, "change");
-    }
-  }, [name, formContext, rules]);
-  const hasError = !!errorMessage;
-  const describedById = _react.useMemo.call(void 0, 
-    () => showMessage && hasError ? errorId : void 0,
-    [showMessage, hasError, errorId]
-  );
-  const onlyChild = _react.useMemo.call(void 0, () => {
-    const count = _react2.default.Children.count(children);
-    if (count !== 1) {
-      return null;
-    }
-    return _nullishCoalesce(_react2.default.Children.toArray(children)[0], () => ( null));
-  }, [children]);
-  const isClonableChild = _react2.default.isValidElement(onlyChild);
-  const isNativeElement = isClonableChild && typeof onlyChild.type === "string";
-  const childId = isClonableChild ? onlyChild.props.id : void 0;
-  const effectiveFieldId = _nullishCoalesce(childId, () => ( fieldId));
-  const enhancedChild = _react.useMemo.call(void 0, () => {
-    if (!isClonableChild) {
-      return children;
-    }
-    const nextProps = {
-      id: effectiveFieldId,
-      "aria-invalid": hasError ? true : onlyChild.props["aria-invalid"],
-      "aria-required": isRequired ? true : onlyChild.props["aria-required"],
-      disabled: conditionState.disabled || _optionalChain([formContext, 'optionalAccess', _12 => _12.disabled]) ? true : onlyChild.props.disabled,
-      "aria-describedby": mergeAriaDescribedBy(onlyChild.props["aria-describedby"], describedById),
-      onBlur: (event) => {
-        _optionalChain([onlyChild, 'access', _13 => _13.props, 'access', _14 => _14.onBlur, 'optionalCall', _15 => _15(event)]);
-        handleBlur();
-      },
-      onChange: (event) => {
-        _optionalChain([onlyChild, 'access', _16 => _16.props, 'access', _17 => _17.onChange, 'optionalCall', _18 => _18(event)]);
-        handleChange();
-      }
-    };
-    if (!isNativeElement) {
-      nextProps.status = hasError ? "error" : onlyChild.props.status;
-      nextProps.errorMessage = hasError && !showMessage ? errorMessage : onlyChild.props.errorMessage;
-      nextProps._shakeTrigger = hasError ? shakeTrigger : void 0;
-    }
-    return _react2.default.cloneElement(onlyChild, nextProps);
-  }, [
-    isClonableChild,
-    children,
-    onlyChild,
-    effectiveFieldId,
-    hasError,
-    errorMessage,
-    showMessage,
-    shakeTrigger,
-    isRequired,
-    conditionState.disabled,
-    _optionalChain([formContext, 'optionalAccess', _19 => _19.disabled]),
-    isNativeElement,
-    describedById,
-    handleBlur,
-    handleChange
-  ]);
-  const formItemClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getFormItemClasses.call(void 0, {
-        size: actualSize,
-        labelPosition,
-        hasError,
-        disabled: _optionalChain([formContext, 'optionalAccess', _20 => _20.disabled]) || conditionState.disabled
-      }),
-      className
-    ),
-    [actualSize, labelPosition, hasError, _optionalChain([formContext, 'optionalAccess', _21 => _21.disabled]), conditionState.disabled, className]
-  );
-  const labelClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getFormItemLabelClasses.call(void 0, {
-      size: actualSize,
-      labelAlign,
-      labelPosition,
-      isRequired
-    }),
-    [actualSize, labelAlign, labelPosition, isRequired]
-  );
-  const labelStyles = _react.useMemo.call(void 0, () => {
-    if (labelPosition === "top") {
-      return {};
-    }
-    return actualLabelWidth ? { width: actualLabelWidth } : {};
-  }, [labelPosition, actualLabelWidth]);
-  const errorClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getFormItemErrorClasses.call(void 0, actualSize), hasError && "opacity-100"),
-    [actualSize, hasError]
-  );
-  const contentClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getFormItemContentClasses.call(void 0, labelPosition),
-      errorDisplayMode === "popup" && "relative"
-    ),
-    [labelPosition, errorDisplayMode]
-  );
-  if (!conditionState.shown) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: formItemClasses, children: [
-    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "label",
-      {
-        id: labelId,
-        className: labelClasses,
-        style: labelStyles,
-        htmlFor: isClonableChild ? effectiveFieldId : void 0,
-        children: [
-          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: ASTERISK_CLASSES, children: "*" }),
-          label
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: contentClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: FIELD_CLASSES,
-          role: "group",
-          "aria-labelledby": label ? labelId : void 0,
-          "aria-describedby": describedById,
-          "aria-invalid": hasError ? true : void 0,
-          onBlur: isClonableChild ? void 0 : handleBlur,
-          onChange: isClonableChild ? void 0 : handleChange,
-          children: enhancedChild
-        }
-      ),
-      showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          id: hasError ? errorId : void 0,
-          role: hasError ? "alert" : void 0,
-          className: errorDisplayMode === "block" ? _tigercatcore.classNames.call(void 0, 
-            "mt-1 p-2 rounded bg-red-50 border border-red-200 text-red-600 text-sm",
-            !hasError && "hidden"
-          ) : errorDisplayMode === "popup" ? _tigercatcore.classNames.call(void 0, 
-            "absolute z-10 mt-1 px-2 py-1 rounded bg-red-600 text-white text-xs shadow-lg",
-            !hasError && "hidden"
-          ) : errorClasses,
-          "aria-hidden": hasError ? void 0 : true,
-          children: hasError ? errorMessage : ""
-        }
-      )
-    ] })
-  ] });
-};
-FormItem.displayName = "TigerFormItem";
-
-
-
-exports.FormItem = FormItem;