@pnkx-lib/ui 1.9.470 → 1.9.472

package/es/chunks/{index.esm-AaUjBMaK.js → index.esm-Dr5ZHcf7.js}

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import React__default from 'react';
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
@@ -39,12 +38,9 @@ function cloneObject(data) {
     if (data instanceof Date) {
         copy = new Date(data);
     }
-    else if (data instanceof Set) {
-        copy = new Set(data);
-    }
     else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
         (isArray || isObject(data))) {
-        copy = isArray ? [] : {};
+        copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
         if (!isArray && !isPlainObject(data)) {
             copy = data;
         }
@@ -184,7 +180,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
 
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
@@ -256,12 +252,51 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
         return get(formValues, names, defaultValue);
     }
     if (Array.isArray(names)) {
-        return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
+        return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),
+            get(formValues, fieldName)));
     }
     isGlobal && (_names.watchAll = true);
     return formValues;
 };
 
+var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
+
+function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
+    if (isPrimitive(object1) || isPrimitive(object2)) {
+        return object1 === object2;
+    }
+    if (isDateObject(object1) && isDateObject(object2)) {
+        return object1.getTime() === object2.getTime();
+    }
+    const keys1 = Object.keys(object1);
+    const keys2 = Object.keys(object2);
+    if (keys1.length !== keys2.length) {
+        return false;
+    }
+    if (_internal_visited.has(object1) || _internal_visited.has(object2)) {
+        return true;
+    }
+    _internal_visited.add(object1);
+    _internal_visited.add(object2);
+    for (const key of keys1) {
+        const val1 = object1[key];
+        if (!keys2.includes(key)) {
+            return false;
+        }
+        if (key !== 'ref') {
+            const val2 = object2[key];
+            if ((isDateObject(val1) && isDateObject(val2)) ||
+                (isObject(val1) && isObject(val2)) ||
+                (Array.isArray(val1) && Array.isArray(val2))
+                ? !deepEqual(val1, val2, _internal_visited)
+                : val1 !== val2) {
+                return false;
+            }
+        }
+    }
+    return true;
+}
+
 /**
  * Custom hook to subscribe to field change and isolate re-rendering at the component level.
  *
@@ -280,18 +315,35 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
  */
 function useWatch(props) {
     const methods = useFormContext();
-    const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
+    const { control = methods.control, name, defaultValue, disabled, exact, compute, } = props || {};
     const _defaultValue = React__default.useRef(defaultValue);
-    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
+    const _compute = React__default.useRef(compute);
+    const _computeFormValues = React__default.useRef(undefined);
+    _compute.current = compute;
+    const defaultValueMemo = React__default.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
+    const [value, updateValue] = React__default.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
     useIsomorphicLayoutEffect(() => control._subscribe({
         name,
         formState: {
             values: true,
         },
         exact,
-        callback: (formState) => !disabled &&
-            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
-    }), [name, control, disabled, exact]);
+        callback: (formState) => {
+            if (!disabled) {
+                const formValues = generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current);
+                if (_compute.current) {
+                    const computedFormValues = _compute.current(formValues);
+                    if (!deepEqual(computedFormValues, _computeFormValues.current)) {
+                        updateValue(computedFormValues);
+                        _computeFormValues.current = computedFormValues;
+                    }
+                }
+                else {
+                    updateValue(formValues);
+                }
+            }
+        },
+    }), [control, disabled, name, exact]);
     React__default.useEffect(() => control._removeUnmounted());
     return value;
 }
@@ -322,12 +374,13 @@ function useWatch(props) {
  */
 function useController(props) {
     const methods = useFormContext();
-    const { name, disabled, control = methods.control, shouldUnregister } = props;
+    const { name, disabled, control = methods.control, shouldUnregister, defaultValue, } = props;
     const isArrayField = isNameInFieldArray(control._names.array, name);
+    const defaultValueMemo = React__default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
     const value = useWatch({
         control,
         name,
-        defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
+        defaultValue: defaultValueMemo,
         exact: true,
     });
     const formState = useFormState({
@@ -341,6 +394,7 @@ function useController(props) {
         value,
         ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
     }));
+    _props.current = props;
     const fieldState = React__default.useMemo(() => Object.defineProperties({}, {
         invalid: {
             enumerable: true,
@@ -526,39 +580,6 @@ var createSubject = () => {
     };
 };
 
-var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-
-function deepEqual(object1, object2) {
-    if (isPrimitive(object1) || isPrimitive(object2)) {
-        return object1 === object2;
-    }
-    if (isDateObject(object1) && isDateObject(object2)) {
-        return object1.getTime() === object2.getTime();
-    }
-    const keys1 = Object.keys(object1);
-    const keys2 = Object.keys(object2);
-    if (keys1.length !== keys2.length) {
-        return false;
-    }
-    for (const key of keys1) {
-        const val1 = object1[key];
-        if (!keys2.includes(key)) {
-            return false;
-        }
-        if (key !== 'ref') {
-            const val2 = object2[key];
-            if ((isDateObject(val1) && isDateObject(val2)) ||
-                (isObject(val1) && isObject(val2)) ||
-                (Array.isArray(val1) && Array.isArray(val2))
-                ? !deepEqual(val1, val2)
-                : val1 !== val2) {
-                return false;
-            }
-        }
-    }
-    return true;
-}
-
 var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
 
 var isFileInput = (element) => element.type === 'file';
@@ -1126,7 +1147,7 @@ function createFormControl(props = {}) {
         errors: _options.errors || {},
         disabled: _options.disabled || false,
     };
-    const _fields = {};
+    let _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
         ? cloneObject(_options.defaultValues || _options.values) || {}
         : {};
@@ -1510,7 +1531,7 @@ function createFormControl(props = {}) {
                 ? setValues(name, cloneValue, options)
                 : setFieldValue(name, cloneValue, options);
         }
-        isWatched(name, _names) && _subjects.state.next({ ..._formState });
+        isWatched(name, _names) && _subjects.state.next({ ..._formState, name });
         _subjects.state.next({
             name: _state.mount ? name : undefined,
             values: cloneObject(_formValues),
@@ -1545,8 +1566,10 @@ function createFormControl(props = {}) {
             const watched = isWatched(name, _names, isBlurEvent);
             set(_formValues, name, fieldValue);
             if (isBlurEvent) {
-                field._f.onBlur && field._f.onBlur(event);
-                delayErrorCallback && delayErrorCallback(0);
+                if (!target || !target.readOnly) {
+                    field._f.onBlur && field._f.onBlur(event);
+                    delayErrorCallback && delayErrorCallback(0);
+                }
             }
             else if (field._f.onChange) {
                 field._f.onChange(event);
@@ -1692,7 +1715,8 @@ function createFormControl(props = {}) {
     };
     const watch = (name, defaultValue) => isFunction(name)
         ? _subjects.state.subscribe({
-            next: (payload) => name(_getWatch(undefined, defaultValue), payload),
+            next: (payload) => 'values' in payload &&
+                name(_getWatch(undefined, defaultValue), payload),
         })
         : _getWatch(name, defaultValue, true);
     const _subscribe = (props) => _subjects.state.subscribe({
@@ -1703,6 +1727,7 @@ function createFormControl(props = {}) {
                     values: { ..._formValues },
                     ..._formState,
                     ...formState,
+                    defaultValues: _defaultValues,
                 });
             }
         },
@@ -1869,14 +1894,14 @@ function createFormControl(props = {}) {
         if (_options.resolver) {
             const { errors, values } = await _runSchema();
             _formState.errors = errors;
-            fieldValues = values;
+            fieldValues = cloneObject(values);
         }
         else {
             await executeBuiltInValidation(_fields);
         }
         if (_names.disabled.size) {
             for (const name of _names.disabled) {
-                set(fieldValues, name, undefined);
+                unset(fieldValues, name);
             }
         }
         unset(_formState.errors, 'root');
@@ -1972,11 +1997,20 @@ function createFormControl(props = {}) {
                         }
                     }
                 }
-                for (const fieldName of _names.mount) {
-                    setValue(fieldName, get(values, fieldName));
+                if (keepStateOptions.keepFieldsRef) {
+                    for (const fieldName of _names.mount) {
+                        setValue(fieldName, get(values, fieldName));
+                    }
+                }
+                else {
+                    _fields = {};
                 }
             }
-            _formValues = cloneObject(values);
+            _formValues = _options.shouldUnregister
+                ? keepStateOptions.keepDefaultValues
+                    ? cloneObject(_defaultValues)
+                    : {}
+                : cloneObject(values);
             _subjects.array.next({
                 values: { ...values },
             });
@@ -2030,6 +2064,7 @@ function createFormControl(props = {}) {
                 ? _formState.isSubmitSuccessful
                 : false,
             isSubmitting: false,
+            defaultValues: _defaultValues,
         });
     };
     const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues)
@@ -2258,7 +2293,10 @@ function useForm(props = {}) {
     }, [control, formState.isDirty]);
     React__default.useEffect(() => {
         if (props.values && !deepEqual(props.values, _values.current)) {
-            control._reset(props.values, control._options.resetOptions);
+            control._reset(props.values, {
+                keepFieldsRef: true,
+                ...control._options.resetOptions,
+            });
             _values.current = props.values;
             updateFormState((state) => ({ ...state }));
         }

package/es/chunks/{toArray-B0TkRwYd.js → toArray-DA_RJdbk.js}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useContext, createContext } from 'react';
 import { a as _typeof, c as _arrayLikeToArray, _ as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CnMPreZi.js';
-import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$2, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon--fhhlrN2.js';
+import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$1, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon--fhhlrN2.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-DsoUqJ1E.js';
 
 function useMemo(getValue, condition, shouldUpdate) {
@@ -177,6 +177,7 @@ var Entity = /*#__PURE__*/function () {
     _defineProperty(this, "instanceId", void 0);
     /** @private Internal cache map. Do not access this directly */
     _defineProperty(this, "cache", new Map());
+    _defineProperty(this, "extracted", new Set());
     this.instanceId = instanceId;
   }
   _createClass(Entity, [{
@@ -435,7 +436,7 @@ var Theme = /*#__PURE__*/function () {
     this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
     this.id = uuid;
     if (derivatives.length === 0) {
-      warning$2(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
+      warning$1(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
     }
     uuid += 1;
   }
@@ -575,13 +576,12 @@ function unit$1(num) {
   return num;
 }
 function toStyleStr(style, tokenKey, styleId) {
-  var _objectSpread2$1;
   var customizeAttrs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var plain = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   if (plain) {
     return style;
   }
-  var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ATTR_TOKEN, tokenKey), _defineProperty(_objectSpread2$1, ATTR_MARK, styleId), _objectSpread2$1));
+  var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, _defineProperty(_defineProperty({}, ATTR_TOKEN, tokenKey), ATTR_MARK, styleId));
   var attrStr = Object.keys(attrs).map(function (attr) {
     var val = attrs[attr];
     return val ? "".concat(attr, "=\"").concat(val, "\"") : null;
@@ -693,7 +693,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
   function register(fn) {
     if (cleanupFlag) {
       if (process.env.NODE_ENV !== 'production') {
-        warning$2(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
+        warning$1(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
       }
       return;
     }
@@ -786,7 +786,6 @@ onCacheEffect) {
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [fullPathStr]
   /* eslint-enable */);
-
   var cacheEntity = globalCache.opGet(fullPathStr);
 
   // HMR clean the cache but not trigger `useMemo` again
@@ -866,14 +865,13 @@ var TOKEN_THRESHOLD = 0;
 // Remove will check current keys first
 function cleanTokenStyle(tokenKey, instanceId) {
   tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
-  var tokenKeyList = Array.from(tokenKeys.keys());
-  var cleanableKeyList = tokenKeyList.filter(function (key) {
-    var count = tokenKeys.get(key) || 0;
-    return count <= 0;
+  var cleanableKeyList = new Set();
+  tokenKeys.forEach(function (value, key) {
+    if (value <= 0) cleanableKeyList.add(key);
   });
 
   // Should keep tokens under threshold for not to insert style too often
-  if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {
+  if (tokenKeys.size - cleanableKeyList.size > TOKEN_THRESHOLD) {
     cleanableKeyList.forEach(function (key) {
       removeStyleTags(key, instanceId);
       tokenKeys.delete(key);
@@ -1954,7 +1952,8 @@ function useStyleRegister(info, styleFn) {
         styleId = _ref3[2];
       if ((fromHMR || autoClear) && isClientSide) {
         removeCSS(styleId, {
-          mark: ATTR_MARK
+          mark: ATTR_MARK,
+          attachTo: container
         });
       }
     },
@@ -2027,8 +2026,7 @@ function useStyleRegister(info, styleFn) {
     if (!ssrInline || isMergedClientSide || !defaultCache) {
       styleNode = /*#__PURE__*/React.createElement(Empty, null);
     } else {
-      var _ref6;
-      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
+      styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
         dangerouslySetInnerHTML: {
           __html: cachedStyleStr
         }
@@ -2115,7 +2113,8 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
       styleId = _ref2[2];
     if (isClientSide) {
       removeCSS(styleId, {
-        mark: ATTR_MARK
+        mark: ATTR_MARK,
+        attachTo: container
       });
     }
   }, function (_ref3) {
@@ -2259,9 +2258,9 @@ function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
-let warning = noop$1;
+let _warning = noop$1;
 if (process.env.NODE_ENV !== 'production') {
-  warning = (valid, component, message) => {
+  _warning = (valid, component, message) => {
     warningOnce(valid, `[antd: ${component}] ${message}`);
     // StrictMode will inject console which will not throw warning in React 17.
     if (process.env.NODE_ENV === 'test') {
@@ -2269,6 +2268,7 @@ if (process.env.NODE_ENV !== 'production') {
     }
   };
 }
+const warning = _warning;
 const WarningContext = /*#__PURE__*/React.createContext({});
 /**
  * This is a hook but we not named as `useWarning`
@@ -2308,7 +2308,6 @@ const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
   noopWarning.deprecated = noop$1;
   return noopWarning;
 };
-const warning$1 = warning;
 
 // ZombieJ: We export single file here since
 // ConfigProvider use this which will make loop deps
@@ -2946,7 +2945,6 @@ function derivative(token) {
       return prev;
     }, {});
   }).reduce((prev, cur) => {
-    // biome-ignore lint/style/noParameterAssign: it is a reduce
     prev = Object.assign(Object.assign({}, prev), cur);
     return prev;
   }, {});
@@ -3077,7 +3075,7 @@ function registerTheme(globalPrefixCls, theme) {
   if (canUseDom()) {
     updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
   } else {
-    process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
   }
 }
 
@@ -3770,7 +3768,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.26.1';
+const version = '5.27.1';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -4011,17 +4009,6 @@ const unitless = {
   opacityImage: true
 };
 const ignore = {
-  size: true,
-  sizeSM: true,
-  sizeLG: true,
-  sizeMD: true,
-  sizeXS: true,
-  sizeXXS: true,
-  sizeMS: true,
-  sizeXL: true,
-  sizeXXL: true,
-  sizeUnit: true,
-  sizeStep: true,
   motionBase: true,
   motionUnit: true
 };
@@ -4208,11 +4195,11 @@ const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont) => {
 };
 const genFocusOutline = (token, offset) => ({
   outline: `${unit$1(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
-  outlineOffset: offset !== null && offset !== void 0 ? offset : 1,
+  outlineOffset: 1,
   transition: 'outline-offset 0s, outline 0s'
 });
 const genFocusStyle = (token, offset) => ({
-  '&:focus-visible': Object.assign({}, genFocusOutline(token, offset))
+  '&:focus-visible': genFocusOutline(token)
 });
 const genIconStyle = iconPrefixCls => ({
   [`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
@@ -4276,7 +4263,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
     layer: {
       name: 'antd'
     }
-  }, () => [genIconStyle(iconPrefixCls)]);
+  }, () => genIconStyle(iconPrefixCls));
 };
 
 const fullClone = Object.assign({}, React);
@@ -4405,7 +4392,7 @@ const setGlobalConfig = props => {
   }
   if (theme) {
     if (isLegacyTheme(theme)) {
-      process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
+      process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
       registerTheme(getGlobalPrefixCls(), theme);
     }
   }
@@ -4487,6 +4474,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4579,6 +4567,7 @@ const ProviderChildren = props => {
     tooltip,
     popover,
     popconfirm,
+    floatButton,
     floatButtonGroup,
     variant,
     inputNumber,
@@ -4722,7 +4711,7 @@ ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, 'SizeContext', {
   get: () => {
-    process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
     return SizeContext;
   }
 });
@@ -4748,4 +4737,4 @@ function toArray(children) {
   return ret;
 }
 
-export { get as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract$1 as F, STYLE_PREFIX as G, extract$2 as H, extract as I, CSS_VAR_PREFIX as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, set as a0, genCalc as a1, genStyleUtils as a2, statistic as a3, statisticToken as a4, MotionProvider as a5, merge$1 as a6, isEqual as a7, _toArray as a8, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning$1 as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };
+export { get as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract as F, CSS_VAR_PREFIX as G, STYLE_PREFIX as H, extract$1 as I, extract$2 as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, set as a0, genCalc as a1, genStyleUtils as a2, statistic as a3, statisticToken as a4, MotionProvider as a5, merge$1 as a6, isEqual as a7, _toArray as a8, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };

package/es/fields/DatePicker.js

@@ -48,8 +48,8 @@ const CalendarIcon = ({
         children: /* @__PURE__ */ jsx(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M1.5 1H3.5V0H4.5V1H8.5V0L9.5 0V1H11.5C12.0523 1 12.5 1.44772 12.5 2V11C12.5 11.5523 12.0523 12 11.5 12H1.5C0.947715 12 0.5 11.5523 0.5 11V2C0.5 1.44772 0.947715 1 1.5 1ZM1.5 2V4H11.5V2H9.5V3H8.5V2H4.5V3H3.5V2H1.5ZM1.5 5V11H11.5V5H1.5Z",
             fill: color || "#007BE5"
           }

package/es/fields/Input.js

@@ -1292,6 +1292,8 @@ const Input = (props) => {
     inputPassword,
     toUpperCaseValue,
     allowClear,
+    subLabel,
+    classNameSubLabel,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -1401,16 +1403,29 @@ const Input = (props) => {
       renderErrorMessage()
     ] });
   };
+  const renderLabel = () => {
+    if (label)
+      return /* @__PURE__ */ jsx(
+        Label,
+        {
+          label,
+          required,
+          classNameLabel
+        }
+      );
+    return /* @__PURE__ */ jsx(Fragment, {});
+  };
+  const renderSubLabel = () => {
+    if (label && subLabel)
+      return /* @__PURE__ */ jsxs("div", { className: "label-input-container", children: [
+        renderLabel(),
+        /* @__PURE__ */ jsx(Label, { label: subLabel, classNameLabel: twMerge("default-class-name-subLabel", classNameSubLabel), isSubLabel: true })
+      ] });
+    return /* @__PURE__ */ jsx(Fragment, {});
+  };
   //! Render
   return /* @__PURE__ */ jsxs("div", { children: [
-    label && /* @__PURE__ */ jsx(
-      Label,
-      {
-        label,
-        required,
-        classNameLabel
-      }
-    ),
+    subLabel ? renderSubLabel() : renderLabel(),
     wrapWithTooltip(renderInput())
   ] });
 };

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/TinyMCE.js

@@ -1899,7 +1899,7 @@ var Editor = /** @class */ (function (_super) {
     };
     Editor.propTypes = EditorPropTypes;
     Editor.defaultProps = {
-        cloudChannel: '7',
+        cloudChannel: '8',
     };
     return Editor;
 }(React.Component));

package/es/index.js

@@ -9,7 +9,7 @@ export { Tabs } from './ui/Tabs.js';
 export { Label } from './ui/Label.js';
 export { Skeleton } from './ui/Skeleton.js';
 export { Popover } from './ui/Popover.js';
-export { S as SearchFiltersForm } from './chunks/SearchFilterForm-CM9k7uMH.js';
+export { S as SearchFiltersForm } from './chunks/SearchFilterForm-dvW624w0.js';
 export { Container } from './ui/Container.js';
 export { Badge, typeColorMap } from './ui/Badge.js';
 export { Col } from './ui/Col.js';
@@ -17,7 +17,7 @@ export { Row } from './ui/Row.js';
 export { Dropdown } from './ui/Dropdown.js';
 export { Breadcrumb } from './ui/Breadcrumb.js';
 export { Flex } from './ui/Flex.js';
-export { L as Layout } from './chunks/Layout-CKB513d1.js';
+export { L as Layout } from './chunks/Layout-CRPluSOs.js';
 export { Space } from './ui/Space.js';
 export { Splitter } from './ui/Splitter.js';
 export { Menu } from './ui/Menu.js';
@@ -62,10 +62,10 @@ export { E as ExportFile } from './chunks/ExportFile-HZ8zFqRV.js';
 export { UploadComponent } from './ui/UploadComponent.js';
 export { useAppMessage } from './ui/Message.js';
 export { ViewPdf } from './ui/ViewPdf.js';
-export { S as Sidebar } from './chunks/index-BibqnkND.js';
+export { S as Sidebar } from './chunks/index-DU8HgOXv.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
-export { G as GenericUploadModal } from './chunks/GenericUploadModal-Ztzn56i9.js';
+export { G as GenericUploadModal } from './chunks/GenericUploadModal-ClzfSP57.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/GenericUploadModal.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'antd';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-Ztzn56i9.js';
-import '../chunks/index.esm-AaUjBMaK.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-ClzfSP57.js';
+import '../chunks/index.esm-Dr5ZHcf7.js';
 import 'react';
 import '@pnkx-lib/core';
 import '../chunks/InboxOutlined-BSPALM_S.js';

package/es/ui/Label.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Typography } from './Typography.js';
 
-const Label = ({ label, required, classNameLabel }) => {
+const Label = ({ label, required, classNameLabel, isSubLabel }) => {
   //! State
   //! Function
   //! Render
   return /* @__PURE__ */ jsxs("div", { className: twMerge("flex gap-1 mb-2 items-baseline", classNameLabel), children: [
-    /* @__PURE__ */ jsx(Typography.Text, { children: label }),
+    /* @__PURE__ */ jsx(Typography.Text, { className: twMerge(isSubLabel ? "!text-[#8C93A3]" : ""), children: label }),
     required && /* @__PURE__ */ jsx("span", { className: "text-red-600 h-0", children: "*" })
   ] });
 };

package/es/ui/Layout.js

@@ -1,2 +1,2 @@
 import 'react/jsx-runtime';
-export { L as Layout } from '../chunks/Layout-CKB513d1.js';
+export { L as Layout } from '../chunks/Layout-CRPluSOs.js';