@ceed/ads 0.0.92 → 0.0.94

package/framer/index.js

@@ -1281,7 +1281,7 @@ var require_react_is3 = __commonJS({
 
 // src/framer-entrypoint.ts
 import { ControlType as ControlType30 } from "framer";
-import React184 from "react";
+import React185 from "react";
 
 // ../../node_modules/@mui/joy/colors/colors.js
 var colors = {
@@ -36886,7 +36886,7 @@ var Container = forwardRef84(function Container2(props, ref) {
 Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-import React179, { useCallback as useCallback27, useState as useState26 } from "react";
+import React178, { useCallback as useCallback26, useState as useState26 } from "react";
 
 // ../../node_modules/tslib/tslib.es6.mjs
 var extendStatics = function(d, b) {
@@ -40219,382 +40219,2191 @@ var IntlMessageFormat = (
   }()
 );
 
-// ../../node_modules/imask/esm/core/utils.js
-function isString(str) {
-  return typeof str === "string" || str instanceof String;
+// ../../node_modules/intl-messageformat/lib/index.js
+var lib_default = IntlMessageFormat;
+
+// ../../node_modules/react-number-format/dist/react-number-format.es.js
+import React177, { useState as useState25, useMemo as useMemo35, useRef as useRef43, useEffect as useEffect36, useLayoutEffect as useLayoutEffect3 } from "react";
+function __rest2(s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) {
+      t[p] = s[p];
+    }
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) {
+        t[p[i]] = s[p[i]];
+      }
+    }
+  }
+  return t;
 }
-function isObject(obj) {
-  var _obj$constructor;
-  return typeof obj === "object" && obj != null && (obj == null || (_obj$constructor = obj.constructor) == null ? void 0 : _obj$constructor.name) === "Object";
+var SourceType;
+(function(SourceType2) {
+  SourceType2["event"] = "event";
+  SourceType2["props"] = "prop";
+})(SourceType || (SourceType = {}));
+function noop() {
 }
-function pick(obj, keys) {
-  if (Array.isArray(keys))
-    return pick(obj, (_4, k) => keys.includes(k));
-  return Object.entries(obj).reduce((acc, _ref) => {
-    let [k, v] = _ref;
-    if (keys(v, k))
-      acc[k] = v;
-    return acc;
-  }, {});
+function memoizeOnce(cb) {
+  var lastArgs;
+  var lastValue = void 0;
+  return function() {
+    var args = [], len = arguments.length;
+    while (len--)
+      args[len] = arguments[len];
+    if (lastArgs && args.length === lastArgs.length && args.every(function(value, index) {
+      return value === lastArgs[index];
+    })) {
+      return lastValue;
+    }
+    lastArgs = args;
+    lastValue = cb.apply(void 0, args);
+    return lastValue;
+  };
 }
-var DIRECTION = {
-  NONE: "NONE",
-  LEFT: "LEFT",
-  FORCE_LEFT: "FORCE_LEFT",
-  RIGHT: "RIGHT",
-  FORCE_RIGHT: "FORCE_RIGHT"
-};
-function forceDirection(direction) {
-  switch (direction) {
-    case DIRECTION.LEFT:
-      return DIRECTION.FORCE_LEFT;
-    case DIRECTION.RIGHT:
-      return DIRECTION.FORCE_RIGHT;
-    default:
-      return direction;
-  }
+function charIsNumber(char2) {
+  return !!(char2 || "").match(/\d/);
 }
-function escapeRegExp(str) {
-  return str.replace(/([.*+?^=!:${}()|[\]/\\])/g, "\\$1");
+function isNil(val) {
+  return val === null || val === void 0;
 }
-function objectIncludes(b, a) {
-  if (a === b)
-    return true;
-  const arrA = Array.isArray(a), arrB = Array.isArray(b);
-  let i;
-  if (arrA && arrB) {
-    if (a.length != b.length)
-      return false;
-    for (i = 0; i < a.length; i++)
-      if (!objectIncludes(a[i], b[i]))
-        return false;
-    return true;
-  }
-  if (arrA != arrB)
-    return false;
-  if (a && b && typeof a === "object" && typeof b === "object") {
-    const dateA = a instanceof Date, dateB = b instanceof Date;
-    if (dateA && dateB)
-      return a.getTime() == b.getTime();
-    if (dateA != dateB)
-      return false;
-    const regexpA = a instanceof RegExp, regexpB = b instanceof RegExp;
-    if (regexpA && regexpB)
-      return a.toString() == b.toString();
-    if (regexpA != regexpB)
-      return false;
-    const keys = Object.keys(a);
-    for (i = 0; i < keys.length; i++)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
-        return false;
-    for (i = 0; i < keys.length; i++)
-      if (!objectIncludes(b[keys[i]], a[keys[i]]))
-        return false;
-    return true;
-  } else if (a && b && typeof a === "function" && typeof b === "function") {
-    return a.toString() === b.toString();
-  }
-  return false;
+function isNanValue(val) {
+  return typeof val === "number" && isNaN(val);
 }
-
-// ../../node_modules/imask/esm/core/action-details.js
-var ActionDetails = class {
-  /** Current input value */
-  /** Current cursor position */
-  /** Old input value */
-  /** Old selection */
-  constructor(opts) {
-    Object.assign(this, opts);
-    while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
-      --this.oldSelection.start;
+function isNotValidValue(val) {
+  return isNil(val) || isNanValue(val) || typeof val === "number" && !isFinite(val);
+}
+function escapeRegExp(str) {
+  return str.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
+}
+function getThousandsGroupRegex(thousandsGroupStyle) {
+  switch (thousandsGroupStyle) {
+    case "lakh":
+      return /(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;
+    case "wan":
+      return /(\d)(?=(\d{4})+(?!\d))/g;
+    case "thousand":
+    default:
+      return /(\d)(?=(\d{3})+(?!\d))/g;
+  }
+}
+function applyThousandSeparator(str, thousandSeparator, thousandsGroupStyle) {
+  var thousandsGroupRegex = getThousandsGroupRegex(thousandsGroupStyle);
+  var index = str.search(/[1-9]/);
+  index = index === -1 ? str.length : index;
+  return str.substring(0, index) + str.substring(index, str.length).replace(thousandsGroupRegex, "$1" + thousandSeparator);
+}
+function usePersistentCallback(cb) {
+  var callbackRef = useRef43(cb);
+  callbackRef.current = cb;
+  var persistentCbRef = useRef43(function() {
+    var args = [], len = arguments.length;
+    while (len--)
+      args[len] = arguments[len];
+    return callbackRef.current.apply(callbackRef, args);
+  });
+  return persistentCbRef.current;
+}
+function splitDecimal(numStr, allowNegative) {
+  if (allowNegative === void 0)
+    allowNegative = true;
+  var hasNegation = numStr[0] === "-";
+  var addNegation = hasNegation && allowNegative;
+  numStr = numStr.replace("-", "");
+  var parts = numStr.split(".");
+  var beforeDecimal = parts[0];
+  var afterDecimal = parts[1] || "";
+  return {
+    beforeDecimal,
+    afterDecimal,
+    hasNegation,
+    addNegation
+  };
+}
+function fixLeadingZero(numStr) {
+  if (!numStr) {
+    return numStr;
+  }
+  var isNegative = numStr[0] === "-";
+  if (isNegative) {
+    numStr = numStr.substring(1, numStr.length);
+  }
+  var parts = numStr.split(".");
+  var beforeDecimal = parts[0].replace(/^0+/, "") || "0";
+  var afterDecimal = parts[1] || "";
+  return (isNegative ? "-" : "") + beforeDecimal + (afterDecimal ? "." + afterDecimal : "");
+}
+function limitToScale(numStr, scale, fixedDecimalScale) {
+  var str = "";
+  var filler = fixedDecimalScale ? "0" : "";
+  for (var i = 0; i <= scale - 1; i++) {
+    str += numStr[i] || filler;
+  }
+  return str;
+}
+function repeat(str, count) {
+  return Array(count + 1).join(str);
+}
+function toNumericString(num) {
+  var _num = num + "";
+  var sign = _num[0] === "-" ? "-" : "";
+  if (sign) {
+    _num = _num.substring(1);
+  }
+  var ref = _num.split(/[eE]/g);
+  var coefficient = ref[0];
+  var exponent = ref[1];
+  exponent = Number(exponent);
+  if (!exponent) {
+    return sign + coefficient;
+  }
+  coefficient = coefficient.replace(".", "");
+  var decimalIndex = 1 + exponent;
+  var coffiecientLn = coefficient.length;
+  if (decimalIndex < 0) {
+    coefficient = "0." + repeat("0", Math.abs(decimalIndex)) + coefficient;
+  } else if (decimalIndex >= coffiecientLn) {
+    coefficient = coefficient + repeat("0", decimalIndex - coffiecientLn);
+  } else {
+    coefficient = (coefficient.substring(0, decimalIndex) || "0") + "." + coefficient.substring(decimalIndex);
+  }
+  return sign + coefficient;
+}
+function roundToPrecision(numStr, scale, fixedDecimalScale) {
+  if (["", "-"].indexOf(numStr) !== -1) {
+    return numStr;
+  }
+  var shouldHaveDecimalSeparator = (numStr.indexOf(".") !== -1 || fixedDecimalScale) && scale;
+  var ref = splitDecimal(numStr);
+  var beforeDecimal = ref.beforeDecimal;
+  var afterDecimal = ref.afterDecimal;
+  var hasNegation = ref.hasNegation;
+  var floatValue = parseFloat("0." + (afterDecimal || "0"));
+  var floatValueStr = afterDecimal.length <= scale ? "0." + afterDecimal : floatValue.toFixed(scale);
+  var roundedDecimalParts = floatValueStr.split(".");
+  var intPart = beforeDecimal;
+  if (beforeDecimal && Number(roundedDecimalParts[0])) {
+    intPart = beforeDecimal.split("").reverse().reduce(function(roundedStr, current, idx) {
+      if (roundedStr.length > idx) {
+        return (Number(roundedStr[0]) + Number(current)).toString() + roundedStr.substring(1, roundedStr.length);
+      }
+      return current + roundedStr;
+    }, roundedDecimalParts[0]);
+  }
+  var decimalPart = limitToScale(roundedDecimalParts[1] || "", scale, fixedDecimalScale);
+  var negation = hasNegation ? "-" : "";
+  var decimalSeparator = shouldHaveDecimalSeparator ? "." : "";
+  return "" + negation + intPart + decimalSeparator + decimalPart;
+}
+function setCaretPosition(el, caretPos) {
+  el.value = el.value;
+  if (el !== null) {
+    if (el.createTextRange) {
+      var range = el.createTextRange();
+      range.move("character", caretPos);
+      range.select();
+      return true;
     }
-    if (this.insertedCount) {
-      while (this.value.slice(this.cursorPos) !== this.oldValue.slice(this.oldSelection.end)) {
-        if (this.value.length - this.cursorPos < this.oldValue.length - this.oldSelection.end)
-          ++this.oldSelection.end;
-        else
-          ++this.cursorPos;
-      }
+    if (el.selectionStart || el.selectionStart === 0) {
+      el.focus();
+      el.setSelectionRange(caretPos, caretPos);
+      return true;
     }
+    el.focus();
+    return false;
   }
-  /** Start changing position */
-  get startChangePos() {
-    return Math.min(this.cursorPos, this.oldSelection.start);
+}
+var findChangeRange = memoizeOnce(function(prevValue, newValue) {
+  var i = 0, j = 0;
+  var prevLength = prevValue.length;
+  var newLength = newValue.length;
+  while (prevValue[i] === newValue[i] && i < prevLength) {
+    i++;
   }
-  /** Inserted symbols count */
-  get insertedCount() {
-    return this.cursorPos - this.startChangePos;
+  while (prevValue[prevLength - 1 - j] === newValue[newLength - 1 - j] && newLength - j > i && prevLength - j > i) {
+    j++;
   }
-  /** Inserted symbols */
-  get inserted() {
-    return this.value.substr(this.startChangePos, this.insertedCount);
+  return {
+    from: { start: i, end: prevLength - j },
+    to: { start: i, end: newLength - j }
+  };
+});
+function clamp2(num, min2, max2) {
+  return Math.min(Math.max(num, min2), max2);
+}
+function geInputCaretPosition(el) {
+  return Math.max(el.selectionStart, el.selectionEnd);
+}
+function addInputMode() {
+  return typeof navigator !== "undefined" && !(navigator.platform && /iPhone|iPod/.test(navigator.platform));
+}
+function getDefaultChangeMeta(value) {
+  return {
+    from: {
+      start: 0,
+      end: 0
+    },
+    to: {
+      start: 0,
+      end: value.length
+    },
+    lastValue: ""
+  };
+}
+function defaultIsCharacterSame(ref) {
+  var currentValue = ref.currentValue;
+  var formattedValue = ref.formattedValue;
+  var currentValueIndex = ref.currentValueIndex;
+  var formattedValueIndex = ref.formattedValueIndex;
+  return currentValue[currentValueIndex] === formattedValue[formattedValueIndex];
+}
+function getCaretPosition(newFormattedValue, lastFormattedValue, curValue, curCaretPos, boundary, isValidInputCharacter, isCharacterSame) {
+  if (isCharacterSame === void 0)
+    isCharacterSame = defaultIsCharacterSame;
+  var firstAllowedPosition = boundary.findIndex(function(b) {
+    return b;
+  });
+  var prefixFormat = newFormattedValue.slice(0, firstAllowedPosition);
+  if (!lastFormattedValue && !curValue.startsWith(prefixFormat)) {
+    lastFormattedValue = prefixFormat;
+    curValue = prefixFormat + curValue;
+    curCaretPos = curCaretPos + prefixFormat.length;
+  }
+  var curValLn = curValue.length;
+  var formattedValueLn = newFormattedValue.length;
+  var addedIndexMap = {};
+  var indexMap = new Array(curValLn);
+  for (var i = 0; i < curValLn; i++) {
+    indexMap[i] = -1;
+    for (var j = 0, jLn = formattedValueLn; j < jLn; j++) {
+      var isCharSame = isCharacterSame({
+        currentValue: curValue,
+        lastValue: lastFormattedValue,
+        formattedValue: newFormattedValue,
+        currentValueIndex: i,
+        formattedValueIndex: j
+      });
+      if (isCharSame && addedIndexMap[j] !== true) {
+        indexMap[i] = j;
+        addedIndexMap[j] = true;
+        break;
+      }
+    }
   }
-  /** Removed symbols count */
-  get removedCount() {
-    return Math.max(this.oldSelection.end - this.startChangePos || // for Delete
-    this.oldValue.length - this.value.length, 0);
+  var pos = curCaretPos;
+  while (pos < curValLn && (indexMap[pos] === -1 || !isValidInputCharacter(curValue[pos]))) {
+    pos++;
   }
-  /** Removed symbols */
-  get removed() {
-    return this.oldValue.substr(this.startChangePos, this.removedCount);
+  var endIndex = pos === curValLn || indexMap[pos] === -1 ? formattedValueLn : indexMap[pos];
+  pos = curCaretPos - 1;
+  while (pos > 0 && indexMap[pos] === -1) {
+    pos--;
   }
-  /** Unchanged head symbols */
-  get head() {
-    return this.value.substring(0, this.startChangePos);
+  var startIndex = pos === -1 || indexMap[pos] === -1 ? 0 : indexMap[pos] + 1;
+  if (startIndex > endIndex) {
+    return endIndex;
   }
-  /** Unchanged tail symbols */
-  get tail() {
-    return this.value.substring(this.startChangePos + this.insertedCount);
+  return curCaretPos - startIndex < endIndex - curCaretPos ? startIndex : endIndex;
+}
+function getCaretPosInBoundary(value, caretPos, boundary, direction) {
+  var valLn = value.length;
+  caretPos = clamp2(caretPos, 0, valLn);
+  if (direction === "left") {
+    while (caretPos >= 0 && !boundary[caretPos]) {
+      caretPos--;
+    }
+    if (caretPos === -1) {
+      caretPos = boundary.indexOf(true);
+    }
+  } else {
+    while (caretPos <= valLn && !boundary[caretPos]) {
+      caretPos++;
+    }
+    if (caretPos > valLn) {
+      caretPos = boundary.lastIndexOf(true);
+    }
   }
-  /** Remove direction */
-  get removeDirection() {
-    if (!this.removedCount || this.insertedCount)
-      return DIRECTION.NONE;
-    return (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && // if not range removed (event with backspace)
-    this.oldSelection.end === this.oldSelection.start ? DIRECTION.RIGHT : DIRECTION.LEFT;
+  if (caretPos === -1) {
+    caretPos = valLn;
   }
-};
-
-// ../../node_modules/imask/esm/core/holder.js
-function IMask(el, opts) {
-  return new IMask.InputMask(el, opts);
-}
-
-// ../../node_modules/imask/esm/masked/factory.js
-function maskedClass(mask) {
-  if (mask == null)
-    throw new Error("mask property should be defined");
-  if (mask instanceof RegExp)
-    return IMask.MaskedRegExp;
-  if (isString(mask))
-    return IMask.MaskedPattern;
-  if (mask === Date)
-    return IMask.MaskedDate;
-  if (mask === Number)
-    return IMask.MaskedNumber;
-  if (Array.isArray(mask) || mask === Array)
-    return IMask.MaskedDynamic;
-  if (IMask.Masked && mask.prototype instanceof IMask.Masked)
-    return mask;
-  if (IMask.Masked && mask instanceof IMask.Masked)
-    return mask.constructor;
-  if (mask instanceof Function)
-    return IMask.MaskedFunction;
-  console.warn("Mask not found for mask", mask);
-  return IMask.Masked;
+  return caretPos;
 }
-function normalizeOpts(opts) {
-  if (!opts)
-    throw new Error("Options in not defined");
-  if (IMask.Masked) {
-    if (opts.prototype instanceof IMask.Masked)
-      return {
-        mask: opts
-      };
-    const _a2 = opts instanceof IMask.Masked ? {
-      mask: opts
-    } : isObject(opts) && opts.mask instanceof IMask.Masked ? opts : {}, {
-      mask = void 0
-    } = _a2, instanceOpts = __objRest(_a2, [
-      "mask"
-    ]);
-    if (mask) {
-      const _mask = mask.mask;
-      return __spreadValues(__spreadProps(__spreadValues({}, pick(mask, (_4, k) => !k.startsWith("_"))), {
-        mask: mask.constructor,
-        _mask
-      }), instanceOpts);
+function caretUnknownFormatBoundary(formattedValue) {
+  var boundaryAry = Array.from({ length: formattedValue.length + 1 }).map(function() {
+    return true;
+  });
+  for (var i = 0, ln = boundaryAry.length; i < ln; i++) {
+    boundaryAry[i] = Boolean(charIsNumber(formattedValue[i]) || charIsNumber(formattedValue[i - 1]));
+  }
+  return boundaryAry;
+}
+function useInternalValues(value, defaultValue, valueIsNumericString, format2, removeFormatting2, onValueChange) {
+  if (onValueChange === void 0)
+    onValueChange = noop;
+  var getValues = usePersistentCallback(function(value2, valueIsNumericString2) {
+    var formattedValue, numAsString;
+    if (isNotValidValue(value2)) {
+      numAsString = "";
+      formattedValue = "";
+    } else if (typeof value2 === "number" || valueIsNumericString2) {
+      numAsString = typeof value2 === "number" ? toNumericString(value2) : value2;
+      formattedValue = format2(numAsString);
+    } else {
+      numAsString = removeFormatting2(value2, void 0);
+      formattedValue = format2(numAsString);
+    }
+    return { formattedValue, numAsString };
+  });
+  var ref = useState25(function() {
+    return getValues(isNil(value) ? defaultValue : value, valueIsNumericString);
+  });
+  var values2 = ref[0];
+  var setValues = ref[1];
+  var _onValueChange = function(newValues2, sourceInfo) {
+    if (newValues2.formattedValue !== values2.formattedValue) {
+      setValues({
+        formattedValue: newValues2.formattedValue,
+        numAsString: newValues2.value
+      });
     }
+    onValueChange(newValues2, sourceInfo);
+  };
+  var _value = value;
+  var _valueIsNumericString = valueIsNumericString;
+  if (isNil(value)) {
+    _value = values2.numAsString;
+    _valueIsNumericString = true;
   }
-  if (!isObject(opts))
-    return {
-      mask: opts
-    };
-  return __spreadValues({}, opts);
+  var newValues = getValues(_value, _valueIsNumericString);
+  useMemo35(function() {
+    setValues(newValues);
+  }, [newValues.formattedValue]);
+  return [values2, _onValueChange];
 }
-function createMask(opts) {
-  if (IMask.Masked && opts instanceof IMask.Masked)
-    return opts;
-  const nOpts = normalizeOpts(opts);
-  const MaskedClass = maskedClass(nOpts.mask);
-  if (!MaskedClass)
-    throw new Error("Masked class is not found for provided mask " + nOpts.mask + ", appropriate module needs to be imported manually before creating mask.");
-  if (nOpts.mask === MaskedClass)
-    delete nOpts.mask;
-  if (nOpts._mask) {
-    nOpts.mask = nOpts._mask;
-    delete nOpts._mask;
-  }
-  return new MaskedClass(nOpts);
+function defaultRemoveFormatting(value) {
+  return value.replace(/[^0-9]/g, "");
 }
-IMask.createMask = createMask;
-
-// ../../node_modules/imask/esm/controls/mask-element.js
-var MaskElement = class {
-  /** */
-  /** */
-  /** */
-  /** Safely returns selection start */
-  get selectionStart() {
-    let start2;
-    try {
-      start2 = this._unsafeSelectionStart;
-    } catch (e) {
+function defaultFormat(value) {
+  return value;
+}
+function NumberFormatBase(props) {
+  var type = props.type;
+  if (type === void 0)
+    type = "text";
+  var displayType = props.displayType;
+  if (displayType === void 0)
+    displayType = "input";
+  var customInput = props.customInput;
+  var renderText = props.renderText;
+  var getInputRef = props.getInputRef;
+  var format2 = props.format;
+  if (format2 === void 0)
+    format2 = defaultFormat;
+  var removeFormatting2 = props.removeFormatting;
+  if (removeFormatting2 === void 0)
+    removeFormatting2 = defaultRemoveFormatting;
+  var defaultValue = props.defaultValue;
+  var valueIsNumericString = props.valueIsNumericString;
+  var onValueChange = props.onValueChange;
+  var isAllowed = props.isAllowed;
+  var onChange = props.onChange;
+  if (onChange === void 0)
+    onChange = noop;
+  var onKeyDown = props.onKeyDown;
+  if (onKeyDown === void 0)
+    onKeyDown = noop;
+  var onMouseUp = props.onMouseUp;
+  if (onMouseUp === void 0)
+    onMouseUp = noop;
+  var onFocus = props.onFocus;
+  if (onFocus === void 0)
+    onFocus = noop;
+  var onBlur = props.onBlur;
+  if (onBlur === void 0)
+    onBlur = noop;
+  var propValue = props.value;
+  var getCaretBoundary2 = props.getCaretBoundary;
+  if (getCaretBoundary2 === void 0)
+    getCaretBoundary2 = caretUnknownFormatBoundary;
+  var isValidInputCharacter = props.isValidInputCharacter;
+  if (isValidInputCharacter === void 0)
+    isValidInputCharacter = charIsNumber;
+  var isCharacterSame = props.isCharacterSame;
+  var otherProps = __rest2(props, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]);
+  var ref = useInternalValues(propValue, defaultValue, Boolean(valueIsNumericString), format2, removeFormatting2, onValueChange);
+  var ref_0 = ref[0];
+  var formattedValue = ref_0.formattedValue;
+  var numAsString = ref_0.numAsString;
+  var onFormattedValueChange = ref[1];
+  var lastUpdatedValue = useRef43({ formattedValue, numAsString });
+  var _onValueChange = function(values2, source) {
+    lastUpdatedValue.current = { formattedValue: values2.formattedValue, numAsString: values2.value };
+    onFormattedValueChange(values2, source);
+  };
+  var ref$1 = useState25(false);
+  var mounted = ref$1[0];
+  var setMounted = ref$1[1];
+  var focusedElm = useRef43(null);
+  var timeout = useRef43({
+    setCaretTimeout: null,
+    focusTimeout: null
+  });
+  useEffect36(function() {
+    setMounted(true);
+    return function() {
+      clearTimeout(timeout.current.setCaretTimeout);
+      clearTimeout(timeout.current.focusTimeout);
+    };
+  }, []);
+  var _format = format2;
+  var getValueObject = function(formattedValue2, numAsString2) {
+    var floatValue = parseFloat(numAsString2);
+    return {
+      formattedValue: formattedValue2,
+      value: numAsString2,
+      floatValue: isNaN(floatValue) ? void 0 : floatValue
+    };
+  };
+  var setPatchedCaretPosition = function(el, caretPos, currentValue) {
+    if (el.selectionStart === 0 && el.selectionEnd === el.value.length) {
+      return;
     }
-    return start2 != null ? start2 : this.value.length;
-  }
-  /** Safely returns selection end */
-  get selectionEnd() {
-    let end2;
-    try {
-      end2 = this._unsafeSelectionEnd;
-    } catch (e) {
+    setCaretPosition(el, caretPos);
+    timeout.current.setCaretTimeout = setTimeout(function() {
+      if (el.value === currentValue && el.selectionStart !== caretPos) {
+        setCaretPosition(el, caretPos);
+      }
+    }, 0);
+  };
+  var correctCaretPosition = function(value, caretPos, direction) {
+    return getCaretPosInBoundary(value, caretPos, getCaretBoundary2(value), direction);
+  };
+  var getNewCaretPosition = function(inputValue, newFormattedValue, caretPos) {
+    var caretBoundary = getCaretBoundary2(newFormattedValue);
+    var updatedCaretPos = getCaretPosition(newFormattedValue, formattedValue, inputValue, caretPos, caretBoundary, isValidInputCharacter, isCharacterSame);
+    updatedCaretPos = getCaretPosInBoundary(newFormattedValue, updatedCaretPos, caretBoundary);
+    return updatedCaretPos;
+  };
+  var updateValueAndCaretPosition = function(params) {
+    var newFormattedValue = params.formattedValue;
+    if (newFormattedValue === void 0)
+      newFormattedValue = "";
+    var input = params.input;
+    var source = params.source;
+    var event = params.event;
+    var numAsString2 = params.numAsString;
+    var caretPos;
+    if (input) {
+      var inputValue = params.inputValue || input.value;
+      var currentCaretPosition2 = geInputCaretPosition(input);
+      input.value = newFormattedValue;
+      caretPos = getNewCaretPosition(inputValue, newFormattedValue, currentCaretPosition2);
+      if (caretPos !== void 0) {
+        setPatchedCaretPosition(input, caretPos, newFormattedValue);
+      }
+    }
+    if (newFormattedValue !== formattedValue) {
+      _onValueChange(getValueObject(newFormattedValue, numAsString2), { event, source });
+    }
+  };
+  useEffect36(function() {
+    var ref2 = lastUpdatedValue.current;
+    var lastFormattedValue = ref2.formattedValue;
+    var lastNumAsString = ref2.numAsString;
+    if (formattedValue !== lastFormattedValue && (formattedValue !== numAsString || lastFormattedValue !== lastNumAsString)) {
+      _onValueChange(getValueObject(formattedValue, numAsString), {
+        event: void 0,
+        source: SourceType.props
+      });
     }
-    return end2 != null ? end2 : this.value.length;
-  }
-  /** Safely sets element selection */
-  select(start2, end2) {
-    if (start2 == null || end2 == null || start2 === this.selectionStart && end2 === this.selectionEnd)
+  }, [formattedValue, numAsString]);
+  var currentCaretPosition = focusedElm.current ? geInputCaretPosition(focusedElm.current) : void 0;
+  var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect3 : useEffect36;
+  useIsomorphicLayoutEffect(function() {
+    var input = focusedElm.current;
+    if (formattedValue !== lastUpdatedValue.current.formattedValue && input) {
+      var caretPos = getNewCaretPosition(lastUpdatedValue.current.formattedValue, formattedValue, currentCaretPosition);
+      input.value = formattedValue;
+      setPatchedCaretPosition(input, caretPos, formattedValue);
+    }
+  }, [formattedValue]);
+  var formatInputValue = function(inputValue, event, source) {
+    var changeRange = findChangeRange(formattedValue, inputValue);
+    var changeMeta = Object.assign(Object.assign({}, changeRange), { lastValue: formattedValue });
+    var _numAsString = removeFormatting2(inputValue, changeMeta);
+    var _formattedValue = _format(_numAsString);
+    _numAsString = removeFormatting2(_formattedValue, void 0);
+    if (isAllowed && !isAllowed(getValueObject(_formattedValue, _numAsString))) {
+      var input = event.target;
+      var currentCaretPosition2 = geInputCaretPosition(input);
+      var caretPos = getNewCaretPosition(inputValue, formattedValue, currentCaretPosition2);
+      input.value = formattedValue;
+      setPatchedCaretPosition(input, caretPos, formattedValue);
+      return false;
+    }
+    updateValueAndCaretPosition({
+      formattedValue: _formattedValue,
+      numAsString: _numAsString,
+      inputValue,
+      event,
+      source,
+      input: event.target
+    });
+    return true;
+  };
+  var _onChange = function(e) {
+    var el = e.target;
+    var inputValue = el.value;
+    var changed = formatInputValue(inputValue, e, SourceType.event);
+    if (changed) {
+      onChange(e);
+    }
+  };
+  var _onKeyDown = function(e) {
+    var el = e.target;
+    var key = e.key;
+    var selectionStart = el.selectionStart;
+    var selectionEnd = el.selectionEnd;
+    var value = el.value;
+    if (value === void 0)
+      value = "";
+    var expectedCaretPosition;
+    if (key === "ArrowLeft" || key === "Backspace") {
+      expectedCaretPosition = Math.max(selectionStart - 1, 0);
+    } else if (key === "ArrowRight") {
+      expectedCaretPosition = Math.min(selectionStart + 1, value.length);
+    } else if (key === "Delete") {
+      expectedCaretPosition = selectionStart;
+    }
+    if (expectedCaretPosition === void 0 || selectionStart !== selectionEnd) {
+      onKeyDown(e);
       return;
-    try {
-      this._unsafeSelect(start2, end2);
-    } catch (e) {
     }
+    var newCaretPosition = expectedCaretPosition;
+    if (key === "ArrowLeft" || key === "ArrowRight") {
+      var direction = key === "ArrowLeft" ? "left" : "right";
+      newCaretPosition = correctCaretPosition(value, expectedCaretPosition, direction);
+      if (newCaretPosition !== expectedCaretPosition) {
+        e.preventDefault();
+      }
+    } else if (key === "Delete" && !isValidInputCharacter(value[expectedCaretPosition])) {
+      newCaretPosition = correctCaretPosition(value, expectedCaretPosition, "right");
+    } else if (key === "Backspace" && !isValidInputCharacter(value[expectedCaretPosition])) {
+      newCaretPosition = correctCaretPosition(value, expectedCaretPosition, "left");
+    }
+    if (newCaretPosition !== expectedCaretPosition) {
+      setPatchedCaretPosition(el, newCaretPosition, value);
+    }
+    if (e.isUnitTestRun) {
+      setPatchedCaretPosition(el, newCaretPosition, value);
+    }
+    onKeyDown(e);
+  };
+  var _onMouseUp = function(e) {
+    var el = e.target;
+    var correctCaretPositionIfRequired = function() {
+      var selectionStart = el.selectionStart;
+      var selectionEnd = el.selectionEnd;
+      var value = el.value;
+      if (value === void 0)
+        value = "";
+      if (selectionStart === selectionEnd) {
+        var caretPosition = correctCaretPosition(value, selectionStart);
+        if (caretPosition !== selectionStart) {
+          setPatchedCaretPosition(el, caretPosition, value);
+        }
+      }
+    };
+    correctCaretPositionIfRequired();
+    requestAnimationFrame(function() {
+      correctCaretPositionIfRequired();
+    });
+    onMouseUp(e);
+  };
+  var _onFocus = function(e) {
+    if (e.persist) {
+      e.persist();
+    }
+    var el = e.target;
+    var currentTarget = e.currentTarget;
+    focusedElm.current = el;
+    timeout.current.focusTimeout = setTimeout(function() {
+      var selectionStart = el.selectionStart;
+      var selectionEnd = el.selectionEnd;
+      var value = el.value;
+      if (value === void 0)
+        value = "";
+      var caretPosition = correctCaretPosition(value, selectionStart);
+      if (caretPosition !== selectionStart && !(selectionStart === 0 && selectionEnd === value.length)) {
+        setPatchedCaretPosition(el, caretPosition, value);
+      }
+      onFocus(Object.assign(Object.assign({}, e), { currentTarget }));
+    }, 0);
+  };
+  var _onBlur = function(e) {
+    focusedElm.current = null;
+    clearTimeout(timeout.current.focusTimeout);
+    clearTimeout(timeout.current.setCaretTimeout);
+    onBlur(e);
+  };
+  var inputMode = mounted && addInputMode() ? "numeric" : void 0;
+  var inputProps = Object.assign({ inputMode }, otherProps, {
+    type,
+    value: formattedValue,
+    onChange: _onChange,
+    onKeyDown: _onKeyDown,
+    onMouseUp: _onMouseUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur
+  });
+  if (displayType === "text") {
+    return renderText ? React177.createElement(React177.Fragment, null, renderText(formattedValue, otherProps) || null) : React177.createElement("span", Object.assign({}, otherProps, { ref: getInputRef }), formattedValue);
+  } else if (customInput) {
+    var CustomInput = customInput;
+    return React177.createElement(CustomInput, Object.assign({}, inputProps, { ref: getInputRef }));
+  }
+  return React177.createElement("input", Object.assign({}, inputProps, { ref: getInputRef }));
+}
+function format(numStr, props) {
+  var decimalScale = props.decimalScale;
+  var fixedDecimalScale = props.fixedDecimalScale;
+  var prefix2 = props.prefix;
+  if (prefix2 === void 0)
+    prefix2 = "";
+  var suffix = props.suffix;
+  if (suffix === void 0)
+    suffix = "";
+  var allowNegative = props.allowNegative;
+  var thousandsGroupStyle = props.thousandsGroupStyle;
+  if (thousandsGroupStyle === void 0)
+    thousandsGroupStyle = "thousand";
+  if (numStr === "" || numStr === "-") {
+    return numStr;
+  }
+  var ref = getSeparators(props);
+  var thousandSeparator = ref.thousandSeparator;
+  var decimalSeparator = ref.decimalSeparator;
+  var hasDecimalSeparator = decimalScale !== 0 && numStr.indexOf(".") !== -1 || decimalScale && fixedDecimalScale;
+  var ref$1 = splitDecimal(numStr, allowNegative);
+  var beforeDecimal = ref$1.beforeDecimal;
+  var afterDecimal = ref$1.afterDecimal;
+  var addNegation = ref$1.addNegation;
+  if (decimalScale !== void 0) {
+    afterDecimal = limitToScale(afterDecimal, decimalScale, !!fixedDecimalScale);
+  }
+  if (thousandSeparator) {
+    beforeDecimal = applyThousandSeparator(beforeDecimal, thousandSeparator, thousandsGroupStyle);
+  }
+  if (prefix2) {
+    beforeDecimal = prefix2 + beforeDecimal;
+  }
+  if (suffix) {
+    afterDecimal = afterDecimal + suffix;
+  }
+  if (addNegation) {
+    beforeDecimal = "-" + beforeDecimal;
+  }
+  numStr = beforeDecimal + (hasDecimalSeparator && decimalSeparator || "") + afterDecimal;
+  return numStr;
+}
+function getSeparators(props) {
+  var decimalSeparator = props.decimalSeparator;
+  if (decimalSeparator === void 0)
+    decimalSeparator = ".";
+  var thousandSeparator = props.thousandSeparator;
+  var allowedDecimalSeparators = props.allowedDecimalSeparators;
+  if (thousandSeparator === true) {
+    thousandSeparator = ",";
+  }
+  if (!allowedDecimalSeparators) {
+    allowedDecimalSeparators = [decimalSeparator, "."];
   }
-  /** */
-  get isActive() {
-    return false;
-  }
-  /** */
-  /** */
-  /** */
-};
-IMask.MaskElement = MaskElement;
-
-// ../../node_modules/imask/esm/controls/html-mask-element.js
-var KEY_Z = 90;
-var KEY_Y = 89;
-var HTMLMaskElement = class extends MaskElement {
-  /** HTMLElement to use mask on */
-  constructor(input) {
-    super();
-    this.input = input;
-    this._onKeydown = this._onKeydown.bind(this);
-    this._onInput = this._onInput.bind(this);
-    this._onBeforeinput = this._onBeforeinput.bind(this);
-    this._onCompositionEnd = this._onCompositionEnd.bind(this);
+  return {
+    decimalSeparator,
+    thousandSeparator,
+    allowedDecimalSeparators
+  };
+}
+function handleNegation(value, allowNegative) {
+  if (value === void 0)
+    value = "";
+  var negationRegex = new RegExp("(-)");
+  var doubleNegationRegex = new RegExp("(-)(.)*(-)");
+  var hasNegation = negationRegex.test(value);
+  var removeNegation = doubleNegationRegex.test(value);
+  value = value.replace(/-/g, "");
+  if (hasNegation && !removeNegation && allowNegative) {
+    value = "-" + value;
   }
-  get rootElement() {
-    var _this$input$getRootNo, _this$input$getRootNo2, _this$input;
-    return (_this$input$getRootNo = (_this$input$getRootNo2 = (_this$input = this.input).getRootNode) == null ? void 0 : _this$input$getRootNo2.call(_this$input)) != null ? _this$input$getRootNo : document;
+  return value;
+}
+function getNumberRegex(decimalSeparator, global2) {
+  return new RegExp("(^-)|[0-9]|" + escapeRegExp(decimalSeparator), global2 ? "g" : void 0);
+}
+function isNumericString(val, prefix2, suffix) {
+  if (val === "") {
+    return true;
   }
-  /** Is element in focus */
-  get isActive() {
-    return this.input === this.rootElement.activeElement;
+  return !(prefix2 === null || prefix2 === void 0 ? void 0 : prefix2.match(/\d/)) && !(suffix === null || suffix === void 0 ? void 0 : suffix.match(/\d/)) && typeof val === "string" && !isNaN(Number(val));
+}
+function removeFormatting(value, changeMeta, props) {
+  var assign2;
+  if (changeMeta === void 0)
+    changeMeta = getDefaultChangeMeta(value);
+  var allowNegative = props.allowNegative;
+  var prefix2 = props.prefix;
+  if (prefix2 === void 0)
+    prefix2 = "";
+  var suffix = props.suffix;
+  if (suffix === void 0)
+    suffix = "";
+  var decimalScale = props.decimalScale;
+  var from2 = changeMeta.from;
+  var to = changeMeta.to;
+  var start2 = to.start;
+  var end2 = to.end;
+  var ref = getSeparators(props);
+  var allowedDecimalSeparators = ref.allowedDecimalSeparators;
+  var decimalSeparator = ref.decimalSeparator;
+  var isBeforeDecimalSeparator = value[end2] === decimalSeparator;
+  if (charIsNumber(value) && (value === prefix2 || value === suffix) && changeMeta.lastValue === "") {
+    return value;
   }
-  /** Binds HTMLElement events to mask internal events */
-  bindEvents(handlers) {
-    this.input.addEventListener("keydown", this._onKeydown);
-    this.input.addEventListener("input", this._onInput);
-    this.input.addEventListener("beforeinput", this._onBeforeinput);
-    this.input.addEventListener("compositionend", this._onCompositionEnd);
-    this.input.addEventListener("drop", handlers.drop);
-    this.input.addEventListener("click", handlers.click);
-    this.input.addEventListener("focus", handlers.focus);
-    this.input.addEventListener("blur", handlers.commit);
-    this._handlers = handlers;
+  if (end2 - start2 === 1 && allowedDecimalSeparators.indexOf(value[start2]) !== -1) {
+    var separator = decimalScale === 0 ? "" : decimalSeparator;
+    value = value.substring(0, start2) + separator + value.substring(start2 + 1, value.length);
+  }
+  var stripNegation = function(value2, start3, end3) {
+    var hasNegation2 = false;
+    var hasDoubleNegation = false;
+    if (prefix2.startsWith("-")) {
+      hasNegation2 = false;
+    } else if (value2.startsWith("--")) {
+      hasNegation2 = false;
+      hasDoubleNegation = true;
+    } else if (suffix.startsWith("-") && value2.length === suffix.length) {
+      hasNegation2 = false;
+    } else if (value2[0] === "-") {
+      hasNegation2 = true;
+    }
+    var charsToRemove = hasNegation2 ? 1 : 0;
+    if (hasDoubleNegation) {
+      charsToRemove = 2;
+    }
+    if (charsToRemove) {
+      value2 = value2.substring(charsToRemove);
+      start3 -= charsToRemove;
+      end3 -= charsToRemove;
+    }
+    return { value: value2, start: start3, end: end3, hasNegation: hasNegation2 };
+  };
+  var toMetadata = stripNegation(value, start2, end2);
+  var hasNegation = toMetadata.hasNegation;
+  assign2 = toMetadata, value = assign2.value, start2 = assign2.start, end2 = assign2.end;
+  var ref$1 = stripNegation(changeMeta.lastValue, from2.start, from2.end);
+  var fromStart = ref$1.start;
+  var fromEnd = ref$1.end;
+  var lastValue = ref$1.value;
+  var updatedSuffixPart = value.substring(start2, end2);
+  if (value.length && lastValue.length && (fromStart > lastValue.length - suffix.length || fromEnd < prefix2.length) && !(updatedSuffixPart && suffix.startsWith(updatedSuffixPart))) {
+    value = lastValue;
+  }
+  var startIndex = 0;
+  if (value.startsWith(prefix2)) {
+    startIndex += prefix2.length;
+  } else if (start2 < prefix2.length) {
+    startIndex = start2;
+  }
+  value = value.substring(startIndex);
+  end2 -= startIndex;
+  var endIndex = value.length;
+  var suffixStartIndex = value.length - suffix.length;
+  if (value.endsWith(suffix)) {
+    endIndex = suffixStartIndex;
+  } else if (end2 > suffixStartIndex) {
+    endIndex = end2;
+  } else if (end2 > value.length - suffix.length) {
+    endIndex = end2;
+  }
+  value = value.substring(0, endIndex);
+  value = handleNegation(hasNegation ? "-" + value : value, allowNegative);
+  value = (value.match(getNumberRegex(decimalSeparator, true)) || []).join("");
+  var firstIndex = value.indexOf(decimalSeparator);
+  value = value.replace(new RegExp(escapeRegExp(decimalSeparator), "g"), function(match2, index) {
+    return index === firstIndex ? "." : "";
+  });
+  var ref$2 = splitDecimal(value, allowNegative);
+  var beforeDecimal = ref$2.beforeDecimal;
+  var afterDecimal = ref$2.afterDecimal;
+  var addNegation = ref$2.addNegation;
+  if (to.end - to.start < from2.end - from2.start && beforeDecimal === "" && isBeforeDecimalSeparator && !parseFloat(afterDecimal)) {
+    value = addNegation ? "-" : "";
   }
-  _onKeydown(e) {
-    if (this._handlers.redo && (e.keyCode === KEY_Z && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === KEY_Y && e.ctrlKey)) {
-      e.preventDefault();
-      return this._handlers.redo(e);
+  return value;
+}
+function getCaretBoundary(formattedValue, props) {
+  var prefix2 = props.prefix;
+  if (prefix2 === void 0)
+    prefix2 = "";
+  var suffix = props.suffix;
+  if (suffix === void 0)
+    suffix = "";
+  var boundaryAry = Array.from({ length: formattedValue.length + 1 }).map(function() {
+    return true;
+  });
+  var hasNegation = formattedValue[0] === "-";
+  boundaryAry.fill(false, 0, prefix2.length + (hasNegation ? 1 : 0));
+  var valLn = formattedValue.length;
+  boundaryAry.fill(false, valLn - suffix.length + 1, valLn + 1);
+  return boundaryAry;
+}
+function validateAndUpdateProps(props) {
+  var ref = getSeparators(props);
+  var thousandSeparator = ref.thousandSeparator;
+  var decimalSeparator = ref.decimalSeparator;
+  var prefix2 = props.prefix;
+  if (prefix2 === void 0)
+    prefix2 = "";
+  var allowNegative = props.allowNegative;
+  if (allowNegative === void 0)
+    allowNegative = true;
+  if (thousandSeparator === decimalSeparator) {
+    throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: " + thousandSeparator + ' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: ' + decimalSeparator + " (default value for decimalSeparator is .)\n     ");
+  }
+  if (prefix2.startsWith("-") && allowNegative) {
+    console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: " + prefix2 + "\n      allowNegative: " + allowNegative + "\n    ");
+    allowNegative = false;
+  }
+  return Object.assign(Object.assign({}, props), { allowNegative });
+}
+function useNumericFormat(props) {
+  props = validateAndUpdateProps(props);
+  var _decimalSeparator = props.decimalSeparator;
+  var _allowedDecimalSeparators = props.allowedDecimalSeparators;
+  var thousandsGroupStyle = props.thousandsGroupStyle;
+  var suffix = props.suffix;
+  var allowNegative = props.allowNegative;
+  var allowLeadingZeros = props.allowLeadingZeros;
+  var onKeyDown = props.onKeyDown;
+  if (onKeyDown === void 0)
+    onKeyDown = noop;
+  var onBlur = props.onBlur;
+  if (onBlur === void 0)
+    onBlur = noop;
+  var thousandSeparator = props.thousandSeparator;
+  var decimalScale = props.decimalScale;
+  var fixedDecimalScale = props.fixedDecimalScale;
+  var prefix2 = props.prefix;
+  if (prefix2 === void 0)
+    prefix2 = "";
+  var defaultValue = props.defaultValue;
+  var value = props.value;
+  var valueIsNumericString = props.valueIsNumericString;
+  var onValueChange = props.onValueChange;
+  var restProps = __rest2(props, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]);
+  var ref = getSeparators(props);
+  var decimalSeparator = ref.decimalSeparator;
+  var allowedDecimalSeparators = ref.allowedDecimalSeparators;
+  var _format = function(numStr) {
+    return format(numStr, props);
+  };
+  var _removeFormatting = function(inputValue, changeMeta) {
+    return removeFormatting(inputValue, changeMeta, props);
+  };
+  var _value = isNil(value) ? defaultValue : value;
+  var _valueIsNumericString = valueIsNumericString !== null && valueIsNumericString !== void 0 ? valueIsNumericString : isNumericString(_value, prefix2, suffix);
+  if (!isNil(value)) {
+    _valueIsNumericString = _valueIsNumericString || typeof value === "number";
+  } else if (!isNil(defaultValue)) {
+    _valueIsNumericString = _valueIsNumericString || typeof defaultValue === "number";
+  }
+  var roundIncomingValueToPrecision = function(value2) {
+    if (isNotValidValue(value2)) {
+      return value2;
+    }
+    if (typeof value2 === "number") {
+      value2 = toNumericString(value2);
+    }
+    if (_valueIsNumericString && typeof decimalScale === "number") {
+      return roundToPrecision(value2, decimalScale, Boolean(fixedDecimalScale));
+    }
+    return value2;
+  };
+  var ref$1 = useInternalValues(roundIncomingValueToPrecision(value), roundIncomingValueToPrecision(defaultValue), Boolean(_valueIsNumericString), _format, _removeFormatting, onValueChange);
+  var ref$1_0 = ref$1[0];
+  var numAsString = ref$1_0.numAsString;
+  var formattedValue = ref$1_0.formattedValue;
+  var _onValueChange = ref$1[1];
+  var _onKeyDown = function(e) {
+    var el = e.target;
+    var key = e.key;
+    var selectionStart = el.selectionStart;
+    var selectionEnd = el.selectionEnd;
+    var value2 = el.value;
+    if (value2 === void 0)
+      value2 = "";
+    if (selectionStart !== selectionEnd) {
+      onKeyDown(e);
+      return;
     }
-    if (this._handlers.undo && e.keyCode === KEY_Z && (e.metaKey || e.ctrlKey)) {
-      e.preventDefault();
-      return this._handlers.undo(e);
+    if (key === "Backspace" && value2[0] === "-" && selectionStart === prefix2.length + 1 && allowNegative) {
+      setCaretPosition(el, 1);
     }
-    if (!e.isComposing)
-      this._handlers.selectionChange(e);
-  }
-  _onBeforeinput(e) {
-    if (e.inputType === "historyUndo" && this._handlers.undo) {
-      e.preventDefault();
-      return this._handlers.undo(e);
+    if (decimalScale && fixedDecimalScale) {
+      if (key === "Backspace" && value2[selectionStart - 1] === decimalSeparator) {
+        setCaretPosition(el, selectionStart - 1);
+        e.preventDefault();
+      } else if (key === "Delete" && value2[selectionStart] === decimalSeparator) {
+        e.preventDefault();
+      }
     }
-    if (e.inputType === "historyRedo" && this._handlers.redo) {
-      e.preventDefault();
-      return this._handlers.redo(e);
+    if ((allowedDecimalSeparators === null || allowedDecimalSeparators === void 0 ? void 0 : allowedDecimalSeparators.includes(key)) && value2[selectionStart] === decimalSeparator) {
+      setCaretPosition(el, selectionStart + 1);
     }
+    var _thousandSeparator = thousandSeparator === true ? "," : thousandSeparator;
+    if (key === "Backspace" && value2[selectionStart - 1] === _thousandSeparator) {
+      setCaretPosition(el, selectionStart - 1);
+    }
+    if (key === "Delete" && value2[selectionStart] === _thousandSeparator) {
+      setCaretPosition(el, selectionStart + 1);
+    }
+    onKeyDown(e);
+  };
+  var _onBlur = function(e) {
+    var _value2 = numAsString;
+    if (!_value2.match(/\d/g)) {
+      _value2 = "";
+    }
+    if (!allowLeadingZeros) {
+      _value2 = fixLeadingZero(_value2);
+    }
+    if (fixedDecimalScale && decimalScale) {
+      _value2 = roundToPrecision(_value2, decimalScale, fixedDecimalScale);
+    }
+    if (_value2 !== numAsString) {
+      var formattedValue2 = format(_value2, props);
+      _onValueChange({
+        formattedValue: formattedValue2,
+        value: _value2,
+        floatValue: parseFloat(_value2)
+      }, {
+        event: e,
+        source: SourceType.event
+      });
+    }
+    onBlur(e);
+  };
+  var isValidInputCharacter = function(inputChar) {
+    if (inputChar === decimalSeparator) {
+      return true;
+    }
+    return charIsNumber(inputChar);
+  };
+  var isCharacterSame = function(ref2) {
+    var currentValue = ref2.currentValue;
+    var lastValue = ref2.lastValue;
+    var formattedValue2 = ref2.formattedValue;
+    var currentValueIndex = ref2.currentValueIndex;
+    var formattedValueIndex = ref2.formattedValueIndex;
+    var curChar = currentValue[currentValueIndex];
+    var newChar = formattedValue2[formattedValueIndex];
+    var typedRange = findChangeRange(lastValue, currentValue);
+    var to = typedRange.to;
+    if (currentValueIndex >= to.start && currentValueIndex < to.end && allowedDecimalSeparators && allowedDecimalSeparators.includes(curChar) && newChar === decimalSeparator) {
+      return true;
+    }
+    return curChar === newChar;
+  };
+  return Object.assign(Object.assign({}, restProps), {
+    value: formattedValue,
+    valueIsNumericString: false,
+    isValidInputCharacter,
+    isCharacterSame,
+    onValueChange: _onValueChange,
+    format: _format,
+    removeFormatting: _removeFormatting,
+    getCaretBoundary: function(formattedValue2) {
+      return getCaretBoundary(formattedValue2, props);
+    },
+    onKeyDown: _onKeyDown,
+    onBlur: _onBlur
+  });
+}
+function NumericFormat(props) {
+  var numericFormatProps = useNumericFormat(props);
+  return React177.createElement(NumberFormatBase, Object.assign({}, numericFormatProps));
+}
+
+// ../../node_modules/@mui/icons-material/esm/InfoOutlined.js
+import { jsx as _jsx108 } from "react/jsx-runtime";
+var InfoOutlined_default = createSvgIcon2(/* @__PURE__ */ _jsx108("path", {
+  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
+}), "InfoOutlined");
+
+// src/components/Input/Input.tsx
+import { motion as motion15 } from "framer-motion";
+var MotionInput = motion15(Input_default);
+var Input3 = (props) => {
+  const _a2 = props, {
+    label,
+    helperText,
+    error,
+    style: style4,
+    size,
+    color: color2,
+    disabled,
+    required
+  } = _a2, innerProps = __objRest(_a2, [
+    "label",
+    "helperText",
+    "error",
+    "style",
+    "size",
+    "color",
+    "disabled",
+    "required"
+  ]);
+  if (label) {
+    return /* @__PURE__ */ jsxs2(
+      FormControl_default2,
+      {
+        required,
+        color: color2,
+        size,
+        error,
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+          /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
+          helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
+        ]
+      }
+    );
   }
-  _onCompositionEnd(e) {
-    this._handlers.input(e);
-  }
-  _onInput(e) {
-    if (!e.isComposing)
-      this._handlers.input(e);
-  }
-  /** Unbinds HTMLElement events to mask internal events */
-  unbindEvents() {
-    this.input.removeEventListener("keydown", this._onKeydown);
-    this.input.removeEventListener("input", this._onInput);
-    this.input.removeEventListener("beforeinput", this._onBeforeinput);
-    this.input.removeEventListener("compositionend", this._onCompositionEnd);
-    this.input.removeEventListener("drop", this._handlers.drop);
-    this.input.removeEventListener("click", this._handlers.click);
-    this.input.removeEventListener("focus", this._handlers.focus);
-    this.input.removeEventListener("blur", this._handlers.commit);
-    this._handlers = {};
-  }
+  return /* @__PURE__ */ jsx2(
+    MotionInput,
+    __spreadValues({
+      required,
+      color: color2,
+      size,
+      disabled
+    }, innerProps)
+  );
 };
-IMask.HTMLMaskElement = HTMLMaskElement;
+Input3.displayName = "Input";
 
-// ../../node_modules/imask/esm/controls/html-input-mask-element.js
-var HTMLInputMaskElement = class extends HTMLMaskElement {
-  /** InputElement to use mask on */
-  constructor(input) {
-    super(input);
-    this.input = input;
-  }
-  /** Returns InputElement selection start */
-  get _unsafeSelectionStart() {
-    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
-  }
-  /** Returns InputElement selection end */
-  get _unsafeSelectionEnd() {
-    return this.input.selectionEnd;
-  }
-  /** Sets InputElement selection */
-  _unsafeSelect(start2, end2) {
-    this.input.setSelectionRange(start2, end2);
-  }
-  get value() {
-    return this.input.value;
-  }
-  set value(value) {
-    this.input.value = value;
-  }
+// src/components/Input/index.ts
+var Input_default2 = Input3;
+
+// src/components/CurrencyInput/hooks/use-currency-setting.ts
+var useCurrencySetting = (currencyCode = "usd") => {
+  const [symbol, thousandSeparator, decimalSeparator] = new lib_default(
+    `{amount, number, ::currency/${currencyCode} unit-width-narrow}`
+  ).format({ amount: 1e3 }).toString().replace(/\d/g, "").split("");
+  return {
+    symbol: `${symbol} `,
+    thousandSeparator,
+    decimalSeparator,
+    placeholder: decimalSeparator ? `${symbol} 0${decimalSeparator}00` : `${symbol} 0`,
+    fixedDecimalScale: !!decimalSeparator
+  };
 };
-IMask.HTMLMaskElement = HTMLMaskElement;
 
-// ../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js
-var HTMLContenteditableMaskElement = class extends HTMLMaskElement {
-  /** Returns HTMLElement selection start */
-  get _unsafeSelectionStart() {
-    const root = this.rootElement;
-    const selection = root.getSelection && root.getSelection();
-    const anchorOffset = selection && selection.anchorOffset;
-    const focusOffset = selection && selection.focusOffset;
-    if (focusOffset == null || anchorOffset == null || anchorOffset < focusOffset) {
-      return anchorOffset;
-    }
-    return focusOffset;
-  }
-  /** Returns HTMLElement selection end */
-  get _unsafeSelectionEnd() {
-    const root = this.rootElement;
-    const selection = root.getSelection && root.getSelection();
-    const anchorOffset = selection && selection.anchorOffset;
-    const focusOffset = selection && selection.focusOffset;
+// src/components/CurrencyInput/CurrencyInput.tsx
+var TextMaskAdapter = React178.forwardRef(
+  function TextMaskAdapter2(props, ref) {
+    const _a2 = props, { onChange } = _a2, innerProps = __objRest(_a2, ["onChange"]);
+    return /* @__PURE__ */ jsx2(
+      NumericFormat,
+      __spreadProps(__spreadValues({}, innerProps), {
+        onValueChange: ({ floatValue }) => {
+          onChange == null ? void 0 : onChange({
+            target: { name: props.name, value: floatValue == null ? void 0 : floatValue.toString() }
+          });
+        },
+        valueIsNumericString: true,
+        getInputRef: ref,
+        decimalScale: 2
+      })
+    );
+  }
+);
+var CurrencyInput = React178.forwardRef(function CurrencyInput2(props, ref) {
+  const _a2 = props, {
+    currency = "usd",
+    max: max2 = 1e5,
+    name,
+    onChange,
+    label,
+    error,
+    helperText,
+    required,
+    disabled
+  } = _a2, innerProps = __objRest(_a2, [
+    "currency",
+    "max",
+    "name",
+    "onChange",
+    "label",
+    "error",
+    "helperText",
+    "required",
+    "disabled"
+  ]);
+  const { symbol, thousandSeparator, decimalSeparator, placeholder, fixedDecimalScale } = useCurrencySetting(currency);
+  const [value, setValue] = useState26(props.value);
+  const [isOverLimit, setIsOverLimit] = useState26(
+    !!props.value && props.value > Number(max2)
+  );
+  const handleChange = useCallback26(
+    (event) => {
+      const amount = Number(event.target.value);
+      setValue(amount);
+      onChange == null ? void 0 : onChange(__spreadProps(__spreadValues({}, event), { target: { name, value: amount } }));
+      if (amount > Number(max2)) {
+        setIsOverLimit(true);
+      } else {
+        setIsOverLimit(false);
+      }
+    },
+    []
+  );
+  const currencyFormatter = /* @__PURE__ */ jsx2(
+    Input_default2,
+    __spreadProps(__spreadValues({}, innerProps), {
+      size: "sm",
+      ref,
+      value,
+      placeholder,
+      onChange: handleChange,
+      disabled,
+      required,
+      slotProps: {
+        input: {
+          component: TextMaskAdapter,
+          decimalSeparator,
+          thousandSeparator,
+          prefix: symbol,
+          fixedDecimalScale
+        }
+      },
+      sx: {
+        fontFamily: "monospace"
+      }
+    })
+  );
+  if (label) {
+    return /* @__PURE__ */ jsxs2(
+      FormControl_default2,
+      {
+        size: "sm",
+        disabled,
+        required,
+        error: error || isOverLimit,
+        children: [
+          /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+          currencyFormatter,
+          isOverLimit ? /* @__PURE__ */ jsxs2(FormHelperText_default2, { children: [
+            /* @__PURE__ */ jsx2(InfoOutlined_default, {}),
+            new IntlMessageFormat(
+              `limit: {amount, number, ::currency/${currency} unit-width-narrow}`
+            ).format({ amount: max2 })
+          ] }) : helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
+        ]
+      }
+    );
+  }
+  return currencyFormatter;
+});
+
+// src/components/DataTable/DataTable.tsx
+import {
+  useCallback as useCallback27,
+  useEffect as useEffect37,
+  useMemo as useMemo36,
+  useRef as useRef44,
+  useState as useState27
+} from "react";
+
+// src/components/Sheet/Sheet.tsx
+import { motion as motion16 } from "framer-motion";
+var MotionSheet = motion16(Sheet_default);
+var Sheet3 = MotionSheet;
+Sheet3.displayName = "Sheet";
+
+// src/components/Sheet/index.ts
+var Sheet_default2 = Sheet3;
+
+// src/components/Table/Table.tsx
+var Table3 = (props) => {
+  const _a2 = props, { children } = _a2, inheritProps = __objRest(_a2, ["children"]);
+  return /* @__PURE__ */ jsx2(Table_default, __spreadProps(__spreadValues({}, inheritProps), { children }));
+};
+Table3.displayName = "Table";
+function TableHead(props) {
+  const {
+    headCells,
+    showCheckbox,
+    onCheckboxChange,
+    slots: { checkbox: RenderCheckbox = Checkbox_default2 } = {},
+    slotProps: { checkbox: checkboxProps = {} } = {}
+  } = props;
+  return /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+    showCheckbox && /* @__PURE__ */ jsx2(
+      "th",
+      {
+        style: {
+          width: "40px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsx2(RenderCheckbox, __spreadValues({ onChange: onCheckboxChange }, checkboxProps))
+      }
+    ),
+    headCells.map((headCell) => /* @__PURE__ */ jsx2(
+      "th",
+      {
+        style: {
+          width: headCell.width,
+          minWidth: headCell.minWidth,
+          maxWidth: headCell.maxWidth,
+          textAlign: headCell.numeric ? "right" : "left"
+        },
+        children: headCell.label
+      },
+      headCell.label
+    ))
+  ] }) });
+}
+TableHead.displayName = "TableHead";
+function TableBody(props) {
+  const {
+    rows,
+    cellOrder,
+    rowOptions,
+    showCheckbox,
+    onCheckboxChange,
+    slots: { checkbox: RenderCheckbox = Checkbox_default2 } = {},
+    slotProps: { checkbox: checkboxProps = {} } = {}
+  } = props;
+  return /* @__PURE__ */ jsx2("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsxs2("tr", { children: [
+    showCheckbox && /* @__PURE__ */ jsx2(
+      "td",
+      {
+        style: {
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsx2(
+          RenderCheckbox,
+          __spreadValues({
+            onChange: (event) => onCheckboxChange == null ? void 0 : onCheckboxChange(event, rowIndex)
+          }, checkboxProps)
+        )
+      }
+    ),
+    cellOrder.map((cellKey) => {
+      var _a2;
+      return /* @__PURE__ */ jsx2(
+        "td",
+        {
+          style: {
+            textAlign: ((_a2 = rowOptions == null ? void 0 : rowOptions[cellKey]) == null ? void 0 : _a2.numeric) ? "right" : "left"
+          },
+          children: row[cellKey]
+        },
+        cellKey
+      );
+    })
+  ] }, rowIndex)) });
+}
+TableBody.displayName = "TableBody";
+
+// src/components/DataTable/DataTable.tsx
+var OverlayWrapper = styled_default2("tr", {
+  name: "DataTable",
+  slot: "overlayWrapper"
+})({
+  position: "sticky",
+  top: `calc(var(--unstable_TableCell-height, 32px))`,
+  left: 0,
+  right: 0,
+  zIndex: 1,
+  "& > td": {
+    height: 0,
+    padding: 0,
+    border: "none !important"
+  }
+});
+var numberFormatter = (value) => "Intl" in window ? new Intl.NumberFormat().format(value) : value;
+function TablePagination(props) {
+  const {
+    paginationModel: { page, pageSize: pageSize2 },
+    rowCount,
+    onPageChange
+  } = props;
+  const firstPage = 1;
+  const lastPage = Math.ceil(rowCount / pageSize2);
+  const beforePages = [page - 2, page - 1].filter((p) => p > 1);
+  const afterPages = [page + 1, page + 2].filter((p) => p <= lastPage - 1);
+  const isMoreAfterPages = lastPage > 1 && page < lastPage - 3;
+  const isMoreBeforePages = lastPage > 1 && page > 4;
+  return /* @__PURE__ */ jsx2(
+    Stack_default2,
+    {
+      direction: "row",
+      spacing: 1,
+      sx: {
+        pt: 1,
+        pb: 1
+      },
+      justifyContent: "end",
+      alignItems: "center",
+      children: /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 0.5, alignItems: "center", children: [
+        /* @__PURE__ */ jsx2(
+          IconButton_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(page - 1),
+            disabled: page === firstPage,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsx2(ChevronLeft_default, {})
+          }
+        ),
+        page !== firstPage && /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(firstPage),
+            children: firstPage
+          }
+        ),
+        isMoreBeforePages && /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(page - 3),
+            children: "..."
+          }
+        ),
+        beforePages.map((p) => /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(p),
+            children: p
+          },
+          p
+        )),
+        /* @__PURE__ */ jsx2(Button_default2, { variant: "soft", size: "sm", children: page }),
+        afterPages.map((p) => /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(p),
+            children: p
+          },
+          p
+        )),
+        isMoreAfterPages && /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(page + 3),
+            children: "..."
+          }
+        ),
+        page !== lastPage && /* @__PURE__ */ jsx2(
+          Button_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(lastPage),
+            children: lastPage
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          IconButton_default2,
+          {
+            size: "sm",
+            variant: "plain",
+            color: "neutral",
+            onClick: () => onPageChange(page + 1),
+            disabled: page === lastPage,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsx2(ChevronRight_default, {})
+          }
+        )
+      ] })
+    }
+  );
+}
+var Resizer = (ref) => /* @__PURE__ */ jsx2(
+  Box_default2,
+  {
+    sx: {
+      position: "absolute",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      width: "4px",
+      cursor: "col-resize"
+    },
+    onMouseDown: (e) => {
+      var _a2;
+      const initialX = e.clientX;
+      const initialWidth = (_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().width;
+      const onMouseMove = (e2) => {
+        if (initialWidth && initialX) {
+          ref.current.style.width = `${initialWidth + (e2.clientX - initialX)}px`;
+        }
+      };
+      const onMouseUp = () => {
+        document.removeEventListener("mousemove", onMouseMove);
+        document.removeEventListener("mouseup", onMouseUp);
+      };
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    }
+  }
+);
+var HeadCell = (props) => {
+  var _a2, _b, _c;
+  const ref = useRef44(null);
+  const style4 = {
+    width: props.width,
+    minWidth: (_a2 = props.minWidth) != null ? _a2 : "50px",
+    maxWidth: props.maxWidth,
+    textAlign: props.type === "number" ? "end" : "start",
+    position: props.stickyHeader ? void 0 : "relative"
+  };
+  const resizer = ((_b = props.resizable) != null ? _b : true) ? Resizer(ref) : null;
+  return /* @__PURE__ */ jsxs2("th", { ref, style: style4, children: [
+    (_c = props.headerName) != null ? _c : props.field,
+    resizer
+  ] }, props.field);
+};
+function useDataTableRenderer({
+  rows,
+  columns,
+  rowCount: totalRowsProp,
+  paginationMode,
+  paginationModel,
+  onPaginationModelChange,
+  selectionModel = [],
+  onSelectionModelChange,
+  getId: _getId,
+  isTotalSelected: _isTotalSelected
+}) {
+  const [page, setPage] = useState27((paginationModel == null ? void 0 : paginationModel.page) || 1);
+  const pageSize2 = (paginationModel == null ? void 0 : paginationModel.pageSize) || 20;
+  const getId = useCallback27(
+    (row, index) => {
+      var _a2, _b;
+      return (_b = (_a2 = _getId == null ? void 0 : _getId(row)) != null ? _a2 : row == null ? void 0 : row.id) != null ? _b : `${(index || 0) + (page - 1) * pageSize2}`;
+    },
+    [_getId != null ? _getId : page, pageSize2]
+  );
+  const selectedModelSet = useMemo36(
+    () => new Set(selectionModel),
+    [selectionModel]
+  );
+  const dataInPage = useMemo36(
+    () => paginationMode === "server" ? rows : rows.slice((page - 1) * pageSize2, (page - 1) * pageSize2 + pageSize2),
+    [rows, page, pageSize2, paginationMode]
+  );
+  const isAllSelected = useMemo36(
+    () => dataInPage.length > 0 && dataInPage.every((row, i) => selectedModelSet.has(getId(row, i))),
+    [dataInPage, selectedModelSet, page, pageSize2, getId]
+  );
+  const rowCount = totalRowsProp || rows.length;
+  const isTotalSelected = useMemo36(
+    () => _isTotalSelected != null ? _isTotalSelected : rowCount > 0 && selectionModel.length === rowCount,
+    [_isTotalSelected, selectionModel, rowCount]
+  );
+  const handlePageChange = useCallback27(
+    (newPage) => {
+      setPage(newPage);
+      onPaginationModelChange == null ? void 0 : onPaginationModelChange({ page: newPage, pageSize: pageSize2 });
+    },
+    [onPaginationModelChange]
+  );
+  useEffect37(() => {
+    handlePageChange(1);
+  }, [rowCount]);
+  useEffect37(() => {
+    if (page > Math.ceil(rowCount / pageSize2)) {
+      handlePageChange(Math.ceil(rowCount / pageSize2));
+    }
+  }, [rowCount, pageSize2]);
+  useEffect37(() => {
+    onSelectionModelChange == null ? void 0 : onSelectionModelChange([]);
+  }, [page]);
+  return {
+    rowCount,
+    page,
+    pageSize: pageSize2,
+    onPaginationModelChange: handlePageChange,
+    getId,
+    HeadCell,
+    dataInPage,
+    isAllSelected,
+    // all rows are selected on this page
+    isTotalSelected,
+    isSelectedRow: useCallback27(
+      (model) => selectedModelSet.has(model),
+      [selectedModelSet]
+    ),
+    onAllCheckboxChange: useCallback27(() => {
+      onSelectionModelChange == null ? void 0 : onSelectionModelChange(isAllSelected ? [] : dataInPage.map(getId));
+    }, [isAllSelected, dataInPage, onSelectionModelChange]),
+    onCheckboxChange: useCallback27(
+      (event, selectedModel) => {
+        if (selectedModelSet.has(selectedModel)) {
+          const newSelectionModel = selectionModel.filter(
+            (model) => model !== selectedModel
+          );
+          onSelectionModelChange == null ? void 0 : onSelectionModelChange(newSelectionModel);
+        } else {
+          const newSelectionModel = [...selectionModel, selectedModel];
+          onSelectionModelChange == null ? void 0 : onSelectionModelChange(newSelectionModel);
+        }
+      },
+      [selectionModel, onSelectionModelChange]
+    ),
+    columns: useMemo36(
+      () => columns || // fallback
+      Object.keys(rows[0] || {}).map((key) => ({
+        field: key
+      })),
+      [rows, columns]
+    ),
+    onTotalSelect: useCallback27(() => {
+      onSelectionModelChange == null ? void 0 : onSelectionModelChange(
+        isTotalSelected ? [] : rows.map(getId),
+        !isTotalSelected
+      );
+    }, [isTotalSelected, rows, onSelectionModelChange])
+  };
+}
+function DataTable(props) {
+  const _a2 = props, {
+    rows,
+    checkboxSelection,
+    selectionModel,
+    onSelectionModelChange,
+    rowCount: _4,
+    columns: __,
+    onPaginationModelChange: ___,
+    paginationMode: ____,
+    paginationModel: paginationModel,
+    loading,
+    slots: {
+      checkbox: RenderCheckbox = Checkbox_default2,
+      toolbar: Toolbar,
+      footer: Footer,
+      loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ jsx2(LinearProgress_default, { value: 8, variant: "plain" })
+    } = {},
+    slotProps: {
+      checkbox: checkboxProps = {},
+      toolbar: toolbarProps,
+      background: backgroundProps = {}
+    } = {}
+  } = _a2, innerProps = __objRest(_a2, [
+    "rows",
+    "checkboxSelection",
+    "selectionModel",
+    "onSelectionModelChange",
+    "rowCount",
+    // rowCount is used in useDataTableRenderer
+    "columns",
+    // columns is used in useDataTableRenderer
+    "onPaginationModelChange",
+    // onPaginationModelChange is used in useDataTableRenderer
+    "paginationMode",
+    // paginationMode is used in useDataTableRenderer
+    "paginationModel",
+    "loading",
+    "slots",
+    "slotProps"
+  ]);
+  const {
+    columns,
+    isAllSelected,
+    isSelectedRow,
+    onAllCheckboxChange,
+    onCheckboxChange,
+    getId,
+    rowCount,
+    page,
+    pageSize: pageSize2,
+    onPaginationModelChange,
+    dataInPage,
+    isTotalSelected,
+    onTotalSelect,
+    HeadCell: HeadCell2
+  } = useDataTableRenderer(props);
+  return /* @__PURE__ */ jsxs2(Box_default2, { children: [
+    /* @__PURE__ */ jsxs2(
+      Stack_default2,
+      {
+        direction: "row",
+        sx: {
+          pt: 1,
+          pb: 1
+        },
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: [
+          !!checkboxSelection && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, children: [
+            !isAllSelected && /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
+              numberFormatter((selectionModel == null ? void 0 : selectionModel.length) || 0),
+              " items selected"
+            ] }),
+            isAllSelected && !isTotalSelected && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
+                "All ",
+                numberFormatter((selectionModel == null ? void 0 : selectionModel.length) || 0),
+                " items on this page are selected."
+              ] }),
+              /* @__PURE__ */ jsxs2(Button_default2, { size: "sm", variant: "plain", onClick: onTotalSelect, children: [
+                "Select all ",
+                numberFormatter(rowCount != null ? rowCount : rows.length),
+                " items"
+              ] })
+            ] }),
+            isTotalSelected && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
+                "All ",
+                numberFormatter(rowCount != null ? rowCount : rows.length),
+                " items are selected."
+              ] }),
+              /* @__PURE__ */ jsx2(
+                Button_default2,
+                {
+                  size: "sm",
+                  variant: "plain",
+                  color: "danger",
+                  onClick: onTotalSelect,
+                  children: "Cancel"
+                }
+              )
+            ] })
+          ] }),
+          Toolbar && /* @__PURE__ */ jsx2(Toolbar, __spreadValues({}, toolbarProps || {}))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Sheet_default2,
+      __spreadProps(__spreadValues({
+        variant: "outlined",
+        sx: {
+          overflow: "auto",
+          width: "100%",
+          boxShadow: "sm",
+          borderRadius: "sm"
+        }
+      }, backgroundProps), {
+        children: /* @__PURE__ */ jsxs2(Table3, __spreadProps(__spreadValues({}, innerProps), { children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+            checkboxSelection && /* @__PURE__ */ jsx2(
+              "th",
+              {
+                style: {
+                  width: "40px",
+                  textAlign: "center"
+                },
+                children: /* @__PURE__ */ jsx2(
+                  RenderCheckbox,
+                  __spreadValues({
+                    onChange: onAllCheckboxChange,
+                    checked: isAllSelected,
+                    indeterminate: (selectionModel || []).length > 0 && !isAllSelected
+                  }, checkboxProps)
+                )
+              }
+            ),
+            columns.map((c) => /* @__PURE__ */ jsx2(
+              HeadCell2,
+              __spreadValues({
+                stickyHeader: props.stickyHeader
+              }, c),
+              c.field
+            ))
+          ] }) }),
+          /* @__PURE__ */ jsxs2("tbody", { children: [
+            /* @__PURE__ */ jsx2(OverlayWrapper, { children: !!loading && /* @__PURE__ */ jsx2("td", { children: /* @__PURE__ */ jsx2(
+              Box_default2,
+              {
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0
+                },
+                children: /* @__PURE__ */ jsx2(LoadingOverlay, {})
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx2(OverlayWrapper, {}),
+            dataInPage.map((row, rowIndex) => {
+              const rowId = getId(row, rowIndex);
+              return /* @__PURE__ */ jsxs2(
+                "tr",
+                {
+                  role: checkboxSelection ? "checkbox" : void 0,
+                  tabIndex: checkboxSelection ? -1 : void 0,
+                  onClick: checkboxSelection ? (e) => onCheckboxChange(e, rowId) : void 0,
+                  "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
+                  children: [
+                    checkboxSelection && /* @__PURE__ */ jsx2(
+                      "th",
+                      {
+                        scope: "row",
+                        style: {
+                          textAlign: "center"
+                        },
+                        children: /* @__PURE__ */ jsx2(
+                          RenderCheckbox,
+                          __spreadValues({
+                            onChange: (e) => onCheckboxChange(e, rowId),
+                            checked: isSelectedRow(rowId)
+                          }, checkboxProps)
+                        )
+                      }
+                    ),
+                    columns.map((column2) => {
+                      var _a3, _b;
+                      return /* @__PURE__ */ jsx2(
+                        "td",
+                        {
+                          style: {
+                            textAlign: column2.type === "number" ? "end" : "start"
+                          },
+                          children: (_b = (_a3 = column2.renderCell) == null ? void 0 : _a3.call(column2, {
+                            row,
+                            value: row[column2.field],
+                            id: rowId
+                          })) != null ? _b : row[column2.field]
+                        },
+                        column2.field
+                      );
+                    })
+                  ]
+                },
+                rowId
+              );
+            })
+          ] }),
+          Footer && /* @__PURE__ */ jsx2(Footer, {})
+        ] }))
+      })
+    ),
+    /* @__PURE__ */ jsx2(
+      TablePagination,
+      {
+        paginationModel: useMemo36(() => ({ page, pageSize: pageSize2 }), [page, pageSize2]),
+        rowCount,
+        onPageChange: onPaginationModelChange
+      }
+    )
+  ] });
+}
+DataTable.displayName = "DataTable";
+
+// src/components/DatePicker/DatePicker.tsx
+import React182, { forwardRef as forwardRef85, useCallback as useCallback29, useState as useState29 } from "react";
+
+// ../../node_modules/imask/esm/core/utils.js
+function isString(str) {
+  return typeof str === "string" || str instanceof String;
+}
+function isObject(obj) {
+  var _obj$constructor;
+  return typeof obj === "object" && obj != null && (obj == null || (_obj$constructor = obj.constructor) == null ? void 0 : _obj$constructor.name) === "Object";
+}
+function pick(obj, keys) {
+  if (Array.isArray(keys))
+    return pick(obj, (_4, k) => keys.includes(k));
+  return Object.entries(obj).reduce((acc, _ref) => {
+    let [k, v] = _ref;
+    if (keys(v, k))
+      acc[k] = v;
+    return acc;
+  }, {});
+}
+var DIRECTION = {
+  NONE: "NONE",
+  LEFT: "LEFT",
+  FORCE_LEFT: "FORCE_LEFT",
+  RIGHT: "RIGHT",
+  FORCE_RIGHT: "FORCE_RIGHT"
+};
+function forceDirection(direction) {
+  switch (direction) {
+    case DIRECTION.LEFT:
+      return DIRECTION.FORCE_LEFT;
+    case DIRECTION.RIGHT:
+      return DIRECTION.FORCE_RIGHT;
+    default:
+      return direction;
+  }
+}
+function escapeRegExp2(str) {
+  return str.replace(/([.*+?^=!:${}()|[\]/\\])/g, "\\$1");
+}
+function objectIncludes(b, a) {
+  if (a === b)
+    return true;
+  const arrA = Array.isArray(a), arrB = Array.isArray(b);
+  let i;
+  if (arrA && arrB) {
+    if (a.length != b.length)
+      return false;
+    for (i = 0; i < a.length; i++)
+      if (!objectIncludes(a[i], b[i]))
+        return false;
+    return true;
+  }
+  if (arrA != arrB)
+    return false;
+  if (a && b && typeof a === "object" && typeof b === "object") {
+    const dateA = a instanceof Date, dateB = b instanceof Date;
+    if (dateA && dateB)
+      return a.getTime() == b.getTime();
+    if (dateA != dateB)
+      return false;
+    const regexpA = a instanceof RegExp, regexpB = b instanceof RegExp;
+    if (regexpA && regexpB)
+      return a.toString() == b.toString();
+    if (regexpA != regexpB)
+      return false;
+    const keys = Object.keys(a);
+    for (i = 0; i < keys.length; i++)
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
+        return false;
+    for (i = 0; i < keys.length; i++)
+      if (!objectIncludes(b[keys[i]], a[keys[i]]))
+        return false;
+    return true;
+  } else if (a && b && typeof a === "function" && typeof b === "function") {
+    return a.toString() === b.toString();
+  }
+  return false;
+}
+
+// ../../node_modules/imask/esm/core/action-details.js
+var ActionDetails = class {
+  /** Current input value */
+  /** Current cursor position */
+  /** Old input value */
+  /** Old selection */
+  constructor(opts) {
+    Object.assign(this, opts);
+    while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
+      --this.oldSelection.start;
+    }
+    if (this.insertedCount) {
+      while (this.value.slice(this.cursorPos) !== this.oldValue.slice(this.oldSelection.end)) {
+        if (this.value.length - this.cursorPos < this.oldValue.length - this.oldSelection.end)
+          ++this.oldSelection.end;
+        else
+          ++this.cursorPos;
+      }
+    }
+  }
+  /** Start changing position */
+  get startChangePos() {
+    return Math.min(this.cursorPos, this.oldSelection.start);
+  }
+  /** Inserted symbols count */
+  get insertedCount() {
+    return this.cursorPos - this.startChangePos;
+  }
+  /** Inserted symbols */
+  get inserted() {
+    return this.value.substr(this.startChangePos, this.insertedCount);
+  }
+  /** Removed symbols count */
+  get removedCount() {
+    return Math.max(this.oldSelection.end - this.startChangePos || // for Delete
+    this.oldValue.length - this.value.length, 0);
+  }
+  /** Removed symbols */
+  get removed() {
+    return this.oldValue.substr(this.startChangePos, this.removedCount);
+  }
+  /** Unchanged head symbols */
+  get head() {
+    return this.value.substring(0, this.startChangePos);
+  }
+  /** Unchanged tail symbols */
+  get tail() {
+    return this.value.substring(this.startChangePos + this.insertedCount);
+  }
+  /** Remove direction */
+  get removeDirection() {
+    if (!this.removedCount || this.insertedCount)
+      return DIRECTION.NONE;
+    return (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && // if not range removed (event with backspace)
+    this.oldSelection.end === this.oldSelection.start ? DIRECTION.RIGHT : DIRECTION.LEFT;
+  }
+};
+
+// ../../node_modules/imask/esm/core/holder.js
+function IMask(el, opts) {
+  return new IMask.InputMask(el, opts);
+}
+
+// ../../node_modules/imask/esm/masked/factory.js
+function maskedClass(mask) {
+  if (mask == null)
+    throw new Error("mask property should be defined");
+  if (mask instanceof RegExp)
+    return IMask.MaskedRegExp;
+  if (isString(mask))
+    return IMask.MaskedPattern;
+  if (mask === Date)
+    return IMask.MaskedDate;
+  if (mask === Number)
+    return IMask.MaskedNumber;
+  if (Array.isArray(mask) || mask === Array)
+    return IMask.MaskedDynamic;
+  if (IMask.Masked && mask.prototype instanceof IMask.Masked)
+    return mask;
+  if (IMask.Masked && mask instanceof IMask.Masked)
+    return mask.constructor;
+  if (mask instanceof Function)
+    return IMask.MaskedFunction;
+  console.warn("Mask not found for mask", mask);
+  return IMask.Masked;
+}
+function normalizeOpts(opts) {
+  if (!opts)
+    throw new Error("Options in not defined");
+  if (IMask.Masked) {
+    if (opts.prototype instanceof IMask.Masked)
+      return {
+        mask: opts
+      };
+    const _a2 = opts instanceof IMask.Masked ? {
+      mask: opts
+    } : isObject(opts) && opts.mask instanceof IMask.Masked ? opts : {}, {
+      mask = void 0
+    } = _a2, instanceOpts = __objRest(_a2, [
+      "mask"
+    ]);
+    if (mask) {
+      const _mask = mask.mask;
+      return __spreadValues(__spreadProps(__spreadValues({}, pick(mask, (_4, k) => !k.startsWith("_"))), {
+        mask: mask.constructor,
+        _mask
+      }), instanceOpts);
+    }
+  }
+  if (!isObject(opts))
+    return {
+      mask: opts
+    };
+  return __spreadValues({}, opts);
+}
+function createMask(opts) {
+  if (IMask.Masked && opts instanceof IMask.Masked)
+    return opts;
+  const nOpts = normalizeOpts(opts);
+  const MaskedClass = maskedClass(nOpts.mask);
+  if (!MaskedClass)
+    throw new Error("Masked class is not found for provided mask " + nOpts.mask + ", appropriate module needs to be imported manually before creating mask.");
+  if (nOpts.mask === MaskedClass)
+    delete nOpts.mask;
+  if (nOpts._mask) {
+    nOpts.mask = nOpts._mask;
+    delete nOpts._mask;
+  }
+  return new MaskedClass(nOpts);
+}
+IMask.createMask = createMask;
+
+// ../../node_modules/imask/esm/controls/mask-element.js
+var MaskElement = class {
+  /** */
+  /** */
+  /** */
+  /** Safely returns selection start */
+  get selectionStart() {
+    let start2;
+    try {
+      start2 = this._unsafeSelectionStart;
+    } catch (e) {
+    }
+    return start2 != null ? start2 : this.value.length;
+  }
+  /** Safely returns selection end */
+  get selectionEnd() {
+    let end2;
+    try {
+      end2 = this._unsafeSelectionEnd;
+    } catch (e) {
+    }
+    return end2 != null ? end2 : this.value.length;
+  }
+  /** Safely sets element selection */
+  select(start2, end2) {
+    if (start2 == null || end2 == null || start2 === this.selectionStart && end2 === this.selectionEnd)
+      return;
+    try {
+      this._unsafeSelect(start2, end2);
+    } catch (e) {
+    }
+  }
+  /** */
+  get isActive() {
+    return false;
+  }
+  /** */
+  /** */
+  /** */
+};
+IMask.MaskElement = MaskElement;
+
+// ../../node_modules/imask/esm/controls/html-mask-element.js
+var KEY_Z = 90;
+var KEY_Y = 89;
+var HTMLMaskElement = class extends MaskElement {
+  /** HTMLElement to use mask on */
+  constructor(input) {
+    super();
+    this.input = input;
+    this._onKeydown = this._onKeydown.bind(this);
+    this._onInput = this._onInput.bind(this);
+    this._onBeforeinput = this._onBeforeinput.bind(this);
+    this._onCompositionEnd = this._onCompositionEnd.bind(this);
+  }
+  get rootElement() {
+    var _this$input$getRootNo, _this$input$getRootNo2, _this$input;
+    return (_this$input$getRootNo = (_this$input$getRootNo2 = (_this$input = this.input).getRootNode) == null ? void 0 : _this$input$getRootNo2.call(_this$input)) != null ? _this$input$getRootNo : document;
+  }
+  /** Is element in focus */
+  get isActive() {
+    return this.input === this.rootElement.activeElement;
+  }
+  /** Binds HTMLElement events to mask internal events */
+  bindEvents(handlers) {
+    this.input.addEventListener("keydown", this._onKeydown);
+    this.input.addEventListener("input", this._onInput);
+    this.input.addEventListener("beforeinput", this._onBeforeinput);
+    this.input.addEventListener("compositionend", this._onCompositionEnd);
+    this.input.addEventListener("drop", handlers.drop);
+    this.input.addEventListener("click", handlers.click);
+    this.input.addEventListener("focus", handlers.focus);
+    this.input.addEventListener("blur", handlers.commit);
+    this._handlers = handlers;
+  }
+  _onKeydown(e) {
+    if (this._handlers.redo && (e.keyCode === KEY_Z && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === KEY_Y && e.ctrlKey)) {
+      e.preventDefault();
+      return this._handlers.redo(e);
+    }
+    if (this._handlers.undo && e.keyCode === KEY_Z && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      return this._handlers.undo(e);
+    }
+    if (!e.isComposing)
+      this._handlers.selectionChange(e);
+  }
+  _onBeforeinput(e) {
+    if (e.inputType === "historyUndo" && this._handlers.undo) {
+      e.preventDefault();
+      return this._handlers.undo(e);
+    }
+    if (e.inputType === "historyRedo" && this._handlers.redo) {
+      e.preventDefault();
+      return this._handlers.redo(e);
+    }
+  }
+  _onCompositionEnd(e) {
+    this._handlers.input(e);
+  }
+  _onInput(e) {
+    if (!e.isComposing)
+      this._handlers.input(e);
+  }
+  /** Unbinds HTMLElement events to mask internal events */
+  unbindEvents() {
+    this.input.removeEventListener("keydown", this._onKeydown);
+    this.input.removeEventListener("input", this._onInput);
+    this.input.removeEventListener("beforeinput", this._onBeforeinput);
+    this.input.removeEventListener("compositionend", this._onCompositionEnd);
+    this.input.removeEventListener("drop", this._handlers.drop);
+    this.input.removeEventListener("click", this._handlers.click);
+    this.input.removeEventListener("focus", this._handlers.focus);
+    this.input.removeEventListener("blur", this._handlers.commit);
+    this._handlers = {};
+  }
+};
+IMask.HTMLMaskElement = HTMLMaskElement;
+
+// ../../node_modules/imask/esm/controls/html-input-mask-element.js
+var HTMLInputMaskElement = class extends HTMLMaskElement {
+  /** InputElement to use mask on */
+  constructor(input) {
+    super(input);
+    this.input = input;
+  }
+  /** Returns InputElement selection start */
+  get _unsafeSelectionStart() {
+    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
+  }
+  /** Returns InputElement selection end */
+  get _unsafeSelectionEnd() {
+    return this.input.selectionEnd;
+  }
+  /** Sets InputElement selection */
+  _unsafeSelect(start2, end2) {
+    this.input.setSelectionRange(start2, end2);
+  }
+  get value() {
+    return this.input.value;
+  }
+  set value(value) {
+    this.input.value = value;
+  }
+};
+IMask.HTMLMaskElement = HTMLMaskElement;
+
+// ../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js
+var HTMLContenteditableMaskElement = class extends HTMLMaskElement {
+  /** Returns HTMLElement selection start */
+  get _unsafeSelectionStart() {
+    const root = this.rootElement;
+    const selection = root.getSelection && root.getSelection();
+    const anchorOffset = selection && selection.anchorOffset;
+    const focusOffset = selection && selection.focusOffset;
+    if (focusOffset == null || anchorOffset == null || anchorOffset < focusOffset) {
+      return anchorOffset;
+    }
+    return focusOffset;
+  }
+  /** Returns HTMLElement selection end */
+  get _unsafeSelectionEnd() {
+    const root = this.rootElement;
+    const selection = root.getSelection && root.getSelection();
+    const anchorOffset = selection && selection.anchorOffset;
+    const focusOffset = selection && selection.focusOffset;
     if (focusOffset == null || anchorOffset == null || anchorOffset > focusOffset) {
       return anchorOffset;
     }
@@ -42098,7 +43907,7 @@ var MaskedPattern = class _MaskedPattern extends Masked {
         if (bName) {
           const _a2 = normalizeOpts(this.blocks[bName]), {
             expose,
-            repeat
+            repeat: repeat2
           } = _a2, bOpts = __objRest(_a2, [
             "expose",
             "repeat"
@@ -42111,10 +43920,10 @@ var MaskedPattern = class _MaskedPattern extends Masked {
             overwrite: this.overwrite,
             autofix: this.autofix
           }, bOpts), {
-            repeat,
+            repeat: repeat2,
             parent: this
           });
-          const maskedBlock = repeat != null ? new IMask.RepeatBlock(
+          const maskedBlock = repeat2 != null ? new IMask.RepeatBlock(
             blockOpts
             /* TODO */
           ) : createMask(blockOpts);
@@ -43183,10 +44992,10 @@ var MaskedNumber = class _MaskedNumber2 extends Masked {
   _updateRegExps() {
     const start2 = "^" + (this.allowNegative ? "[+|\\-]?" : "");
     const mid = "\\d*";
-    const end2 = (this.scale ? "(" + escapeRegExp(this.radix) + "\\d{0," + this.scale + "})?" : "") + "$";
+    const end2 = (this.scale ? "(" + escapeRegExp2(this.radix) + "\\d{0," + this.scale + "})?" : "") + "$";
     this._numberRegExp = new RegExp(start2 + mid + end2);
-    this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(escapeRegExp).join("") + "]", "g");
-    this._thousandsSeparatorRegExp = new RegExp(escapeRegExp(this.thousandsSeparator), "g");
+    this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(escapeRegExp2).join("") + "]", "g");
+    this._thousandsSeparatorRegExp = new RegExp(escapeRegExp2(this.thousandsSeparator), "g");
   }
   _removeThousandsSeparators(value) {
     return value.replace(this._thousandsSeparatorRegExp, "");
@@ -43422,1185 +45231,392 @@ var MaskedNumber = class _MaskedNumber2 extends Masked {
   }
   get allowPositive() {
     return this.min != null && this.min > 0 || this.max != null && this.max > 0;
-  }
-  typedValueEquals(value) {
-    return (super.typedValueEquals(value) || _MaskedNumber2.EMPTY_VALUES.includes(value) && _MaskedNumber2.EMPTY_VALUES.includes(this.typedValue)) && !(value === 0 && this.value === "");
-  }
-};
-_MaskedNumber = MaskedNumber;
-MaskedNumber.UNMASKED_RADIX = ".";
-MaskedNumber.EMPTY_VALUES = [...Masked.EMPTY_VALUES, 0];
-MaskedNumber.DEFAULTS = __spreadProps(__spreadValues({}, Masked.DEFAULTS), {
-  mask: Number,
-  radix: ",",
-  thousandsSeparator: "",
-  mapToRadix: [_MaskedNumber.UNMASKED_RADIX],
-  min: Number.MIN_SAFE_INTEGER,
-  max: Number.MAX_SAFE_INTEGER,
-  scale: 2,
-  normalizeZeros: true,
-  padFractionalZeros: false,
-  parse: Number,
-  format: (n) => n.toLocaleString("en-US", {
-    useGrouping: false,
-    maximumFractionDigits: 20
-  })
-});
-IMask.MaskedNumber = MaskedNumber;
-
-// ../../node_modules/imask/esm/masked/pipe.js
-var PIPE_TYPE = {
-  MASKED: "value",
-  UNMASKED: "unmaskedValue",
-  TYPED: "typedValue"
-};
-function createPipe(arg, from2, to) {
-  if (from2 === void 0) {
-    from2 = PIPE_TYPE.MASKED;
-  }
-  if (to === void 0) {
-    to = PIPE_TYPE.MASKED;
-  }
-  const masked = createMask(arg);
-  return (value) => masked.runIsolated((m) => {
-    m[from2] = value;
-    return m[to];
-  });
-}
-function pipe(value, mask, from2, to) {
-  return createPipe(mask, from2, to)(value);
-}
-IMask.PIPE_TYPE = PIPE_TYPE;
-IMask.createPipe = createPipe;
-IMask.pipe = pipe;
-
-// ../../node_modules/imask/esm/masked/repeat.js
-var RepeatBlock = class extends MaskedPattern {
-  get repeatFrom() {
-    var _ref;
-    return (_ref = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === Infinity ? 0 : this.repeat) != null ? _ref : 0;
-  }
-  get repeatTo() {
-    var _ref2;
-    return (_ref2 = Array.isArray(this.repeat) ? this.repeat[1] : this.repeat) != null ? _ref2 : Infinity;
-  }
-  constructor(opts) {
-    super(opts);
-  }
-  updateOptions(opts) {
-    super.updateOptions(opts);
-  }
-  _update(opts) {
-    var _ref3, _ref4, _this$_blocks;
-    const _a2 = normalizeOpts(opts), {
-      repeat
-    } = _a2, blockOpts = __objRest(_a2, [
-      "repeat"
-    ]);
-    this._blockOpts = Object.assign({}, this._blockOpts, blockOpts);
-    const block = createMask(this._blockOpts);
-    this.repeat = (_ref3 = (_ref4 = repeat != null ? repeat : block.repeat) != null ? _ref4 : this.repeat) != null ? _ref3 : Infinity;
-    super._update({
-      mask: "m".repeat(Math.max(this.repeatTo === Infinity && ((_this$_blocks = this._blocks) == null ? void 0 : _this$_blocks.length) || 0, this.repeatFrom)),
-      blocks: {
-        m: block
-      },
-      eager: block.eager,
-      overwrite: block.overwrite,
-      skipInvalid: block.skipInvalid,
-      lazy: block.lazy,
-      placeholderChar: block.placeholderChar,
-      displayChar: block.displayChar
-    });
-  }
-  _allocateBlock(bi) {
-    if (bi < this._blocks.length)
-      return this._blocks[bi];
-    if (this.repeatTo === Infinity || this._blocks.length < this.repeatTo) {
-      this._blocks.push(createMask(this._blockOpts));
-      this.mask += "m";
-      return this._blocks[this._blocks.length - 1];
-    }
-  }
-  _appendCharRaw(ch, flags) {
-    if (flags === void 0) {
-      flags = {};
-    }
-    const details = new ChangeDetails();
-    for (
-      let bi = (_this$_mapPosToBlock$ = (_this$_mapPosToBlock = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : _this$_mapPosToBlock.index) != null ? _this$_mapPosToBlock$ : Math.max(this._blocks.length - 1, 0), block, allocated;
-      // try to get a block or
-      // try to allocate a new block if not allocated already
-      block = (_this$_blocks$bi = this._blocks[bi]) != null ? _this$_blocks$bi : allocated = !allocated && this._allocateBlock(bi);
-      ++bi
-    ) {
-      var _this$_mapPosToBlock$, _this$_mapPosToBlock, _this$_blocks$bi, _flags$_beforeTailSta;
-      const blockDetails = block._appendChar(ch, __spreadProps(__spreadValues({}, flags), {
-        _beforeTailState: (_flags$_beforeTailSta = flags._beforeTailState) == null || (_flags$_beforeTailSta = _flags$_beforeTailSta._blocks) == null ? void 0 : _flags$_beforeTailSta[bi]
-      }));
-      if (blockDetails.skip && allocated) {
-        this._blocks.pop();
-        this.mask = this.mask.slice(1);
-        break;
-      }
-      details.aggregate(blockDetails);
-      if (blockDetails.consumed)
-        break;
-    }
-    return details;
-  }
-  _trimEmptyTail(fromPos, toPos) {
-    var _this$_mapPosToBlock2, _this$_mapPosToBlock3;
-    if (fromPos === void 0) {
-      fromPos = 0;
-    }
-    const firstBlockIndex = Math.max(((_this$_mapPosToBlock2 = this._mapPosToBlock(fromPos)) == null ? void 0 : _this$_mapPosToBlock2.index) || 0, this.repeatFrom, 0);
-    let lastBlockIndex;
-    if (toPos != null)
-      lastBlockIndex = (_this$_mapPosToBlock3 = this._mapPosToBlock(toPos)) == null ? void 0 : _this$_mapPosToBlock3.index;
-    if (lastBlockIndex == null)
-      lastBlockIndex = this._blocks.length - 1;
-    let removeCount = 0;
-    for (let blockIndex = lastBlockIndex; firstBlockIndex <= blockIndex; --blockIndex, ++removeCount) {
-      if (this._blocks[blockIndex].unmaskedValue)
-        break;
-    }
-    if (removeCount) {
-      this._blocks.splice(lastBlockIndex - removeCount + 1, removeCount);
-      this.mask = this.mask.slice(removeCount);
-    }
-  }
-  reset() {
-    super.reset();
-    this._trimEmptyTail();
-  }
-  remove(fromPos, toPos) {
-    if (fromPos === void 0) {
-      fromPos = 0;
-    }
-    if (toPos === void 0) {
-      toPos = this.displayValue.length;
-    }
-    const removeDetails = super.remove(fromPos, toPos);
-    this._trimEmptyTail(fromPos, toPos);
-    return removeDetails;
-  }
-  totalInputPositions(fromPos, toPos) {
-    if (fromPos === void 0) {
-      fromPos = 0;
-    }
-    if (toPos == null && this.repeatTo === Infinity)
-      return Infinity;
-    return super.totalInputPositions(fromPos, toPos);
-  }
-  get state() {
-    return super.state;
-  }
-  set state(state) {
-    this._blocks.length = state._blocks.length;
-    this.mask = this.mask.slice(0, this._blocks.length);
-    super.state = state;
-  }
-};
-IMask.RepeatBlock = RepeatBlock;
-
-// ../../node_modules/imask/esm/index.js
-try {
-  globalThis.IMask = IMask;
-} catch (e) {
-}
-
-// ../../node_modules/react-imask/esm/input.js
-import React178 from "react";
-
-// ../../node_modules/react-imask/esm/mixin.js
-var import_prop_types92 = __toESM(require_prop_types(), 1);
-import React177 from "react";
-var MASK_PROPS = {
-  // common
-  mask: import_prop_types92.default.oneOfType([import_prop_types92.default.array, import_prop_types92.default.func, import_prop_types92.default.string, import_prop_types92.default.instanceOf(RegExp), import_prop_types92.default.oneOf([Date, Number, IMask.Masked]), import_prop_types92.default.instanceOf(IMask.Masked)]),
-  value: import_prop_types92.default.any,
-  unmask: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["typed"])]),
-  prepare: import_prop_types92.default.func,
-  prepareChar: import_prop_types92.default.func,
-  validate: import_prop_types92.default.func,
-  commit: import_prop_types92.default.func,
-  overwrite: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["shift"])]),
-  eager: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["append", "remove"])]),
-  skipInvalid: import_prop_types92.default.bool,
-  // events
-  onAccept: import_prop_types92.default.func,
-  onComplete: import_prop_types92.default.func,
-  // pattern
-  placeholderChar: import_prop_types92.default.string,
-  displayChar: import_prop_types92.default.string,
-  lazy: import_prop_types92.default.bool,
-  definitions: import_prop_types92.default.object,
-  blocks: import_prop_types92.default.object,
-  // enum
-  enum: import_prop_types92.default.arrayOf(import_prop_types92.default.string),
-  // range
-  maxLength: import_prop_types92.default.number,
-  from: import_prop_types92.default.number,
-  to: import_prop_types92.default.number,
-  // date
-  pattern: import_prop_types92.default.string,
-  format: import_prop_types92.default.func,
-  parse: import_prop_types92.default.func,
-  autofix: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["pad"])]),
-  // number
-  radix: import_prop_types92.default.string,
-  thousandsSeparator: import_prop_types92.default.string,
-  mapToRadix: import_prop_types92.default.arrayOf(import_prop_types92.default.string),
-  scale: import_prop_types92.default.number,
-  normalizeZeros: import_prop_types92.default.bool,
-  padFractionalZeros: import_prop_types92.default.bool,
-  min: import_prop_types92.default.oneOfType([import_prop_types92.default.number, import_prop_types92.default.instanceOf(Date)]),
-  max: import_prop_types92.default.oneOfType([import_prop_types92.default.number, import_prop_types92.default.instanceOf(Date)]),
-  // dynamic
-  dispatch: import_prop_types92.default.func,
-  // ref
-  inputRef: import_prop_types92.default.oneOfType([import_prop_types92.default.func, import_prop_types92.default.shape({
-    current: import_prop_types92.default.object
-  })])
-};
-var MASK_PROPS_NAMES = Object.keys(MASK_PROPS).filter((p) => p !== "value");
-var NON_MASK_OPTIONS_NAMES = ["value", "unmask", "onAccept", "onComplete", "inputRef"];
-var MASK_OPTIONS_NAMES = MASK_PROPS_NAMES.filter((pName) => NON_MASK_OPTIONS_NAMES.indexOf(pName) < 0);
-function IMaskMixin(ComposedComponent) {
-  var _Class;
-  const MaskedComponent = (_Class = class MaskedComponent extends React177.Component {
-    constructor(props) {
-      super(props);
-      this._inputRef = this._inputRef.bind(this);
-    }
-    componentDidMount() {
-      if (!this.props.mask)
-        return;
-      this.initMask();
-    }
-    componentDidUpdate() {
-      const props = this.props;
-      const maskOptions = this._extractMaskOptionsFromProps(props);
-      if (maskOptions.mask) {
-        if (this.maskRef) {
-          this.maskRef.updateOptions(maskOptions);
-          if ("value" in props && props.value !== void 0)
-            this.maskValue = props.value;
-        } else {
-          this.initMask(maskOptions);
-        }
-      } else {
-        this.destroyMask();
-        if ("value" in props && props.value !== void 0) {
-          var _this$element;
-          if ((_this$element = this.element) != null && _this$element.isContentEditable && this.element.tagName !== "INPUT" && this.element.tagName !== "TEXTAREA")
-            this.element.textContent = props.value;
-          else
-            this.element.value = props.value;
-        }
-      }
-    }
-    componentWillUnmount() {
-      this.destroyMask();
-    }
-    _inputRef(el) {
-      this.element = el;
-      if (this.props.inputRef) {
-        if (Object.prototype.hasOwnProperty.call(this.props.inputRef, "current"))
-          this.props.inputRef.current = el;
-        else
-          this.props.inputRef(el);
-      }
-    }
-    initMask(maskOptions) {
-      if (maskOptions === void 0) {
-        maskOptions = this._extractMaskOptionsFromProps(this.props);
-      }
-      this.maskRef = IMask(this.element, maskOptions).on("accept", this._onAccept.bind(this)).on("complete", this._onComplete.bind(this));
-      if ("value" in this.props && this.props.value !== void 0)
-        this.maskValue = this.props.value;
-    }
-    destroyMask() {
-      if (this.maskRef) {
-        this.maskRef.destroy();
-        delete this.maskRef;
-      }
-    }
-    _extractMaskOptionsFromProps(props) {
-      const cloneProps = __objRest(props, []);
-      Object.keys(cloneProps).filter((prop) => MASK_OPTIONS_NAMES.indexOf(prop) < 0).forEach((nonMaskProp) => {
-        delete cloneProps[nonMaskProp];
-      });
-      return cloneProps;
-    }
-    _extractNonMaskProps(props) {
-      const cloneProps = __objRest(props, []);
-      MASK_PROPS_NAMES.forEach((maskProp) => {
-        if (maskProp !== "maxLength")
-          delete cloneProps[maskProp];
-      });
-      if (!("defaultValue" in cloneProps))
-        cloneProps.defaultValue = props.mask ? "" : cloneProps.value;
-      delete cloneProps.value;
-      return cloneProps;
-    }
-    get maskValue() {
-      if (!this.maskRef)
-        return "";
-      if (this.props.unmask === "typed")
-        return this.maskRef.typedValue;
-      if (this.props.unmask)
-        return this.maskRef.unmaskedValue;
-      return this.maskRef.value;
-    }
-    set maskValue(value) {
-      if (!this.maskRef)
-        return;
-      value = value == null && this.props.unmask !== "typed" ? "" : value;
-      if (this.props.unmask === "typed")
-        this.maskRef.typedValue = value;
-      else if (this.props.unmask)
-        this.maskRef.unmaskedValue = value;
-      else
-        this.maskRef.value = value;
-    }
-    _onAccept(e) {
-      if (this.props.onAccept && this.maskRef)
-        this.props.onAccept(this.maskValue, this.maskRef, e);
-    }
-    _onComplete(e) {
-      if (this.props.onComplete && this.maskRef)
-        this.props.onComplete(this.maskValue, this.maskRef, e);
-    }
-    render() {
-      return React177.createElement(ComposedComponent, __spreadProps(__spreadValues({}, this._extractNonMaskProps(this.props)), {
-        inputRef: this._inputRef
-      }));
-    }
-  }, _Class.displayName = void 0, _Class.propTypes = void 0, _Class);
-  const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || "Component";
-  MaskedComponent.displayName = "IMask(" + nestedComponentName + ")";
-  MaskedComponent.propTypes = MASK_PROPS;
-  return React177.forwardRef((props, ref) => React177.createElement(MaskedComponent, __spreadProps(__spreadValues({}, props), {
-    ref
-  })));
-}
-
-// ../../node_modules/react-imask/esm/input.js
-var IMaskInputClass = IMaskMixin((_ref) => {
-  let _a2 = _ref, {
-    inputRef
-  } = _a2, props = __objRest(_a2, [
-    "inputRef"
-  ]);
-  return React178.createElement("input", __spreadProps(__spreadValues({}, props), {
-    ref: inputRef
-  }));
-});
-var IMaskInputFn = (props, ref) => React178.createElement(IMaskInputClass, __spreadProps(__spreadValues({}, props), {
-  ref
-}));
-var IMaskInput = React178.forwardRef(IMaskInputFn);
-
-// ../../node_modules/react-imask/esm/hook.js
-import { useRef as useRef43, useState as useState25, useCallback as useCallback26, useEffect as useEffect36 } from "react";
-
-// ../../node_modules/react-imask/esm/index.js
-import "react";
-
-// ../../node_modules/@mui/icons-material/esm/InfoOutlined.js
-import { jsx as _jsx108 } from "react/jsx-runtime";
-var InfoOutlined_default = createSvgIcon2(/* @__PURE__ */ _jsx108("path", {
-  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "InfoOutlined");
-
-// src/components/Input/Input.tsx
-import { motion as motion15 } from "framer-motion";
-var MotionInput = motion15(Input_default);
-var Input3 = (props) => {
-  const _a2 = props, {
-    label,
-    helperText,
-    error,
-    style: style4,
-    size,
-    color: color2,
-    disabled,
-    required
-  } = _a2, innerProps = __objRest(_a2, [
-    "label",
-    "helperText",
-    "error",
-    "style",
-    "size",
-    "color",
-    "disabled",
-    "required"
-  ]);
-  if (label) {
-    return /* @__PURE__ */ jsxs2(
-      FormControl_default2,
-      {
-        required,
-        color: color2,
-        size,
-        error,
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-          /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
-          helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx2(
-    MotionInput,
-    __spreadValues({
-      required,
-      color: color2,
-      size,
-      disabled
-    }, innerProps)
-  );
+  }
+  typedValueEquals(value) {
+    return (super.typedValueEquals(value) || _MaskedNumber2.EMPTY_VALUES.includes(value) && _MaskedNumber2.EMPTY_VALUES.includes(this.typedValue)) && !(value === 0 && this.value === "");
+  }
 };
-Input3.displayName = "Input";
+_MaskedNumber = MaskedNumber;
+MaskedNumber.UNMASKED_RADIX = ".";
+MaskedNumber.EMPTY_VALUES = [...Masked.EMPTY_VALUES, 0];
+MaskedNumber.DEFAULTS = __spreadProps(__spreadValues({}, Masked.DEFAULTS), {
+  mask: Number,
+  radix: ",",
+  thousandsSeparator: "",
+  mapToRadix: [_MaskedNumber.UNMASKED_RADIX],
+  min: Number.MIN_SAFE_INTEGER,
+  max: Number.MAX_SAFE_INTEGER,
+  scale: 2,
+  normalizeZeros: true,
+  padFractionalZeros: false,
+  parse: Number,
+  format: (n) => n.toLocaleString("en-US", {
+    useGrouping: false,
+    maximumFractionDigits: 20
+  })
+});
+IMask.MaskedNumber = MaskedNumber;
 
-// src/components/Input/index.ts
-var Input_default2 = Input3;
+// ../../node_modules/imask/esm/masked/pipe.js
+var PIPE_TYPE = {
+  MASKED: "value",
+  UNMASKED: "unmaskedValue",
+  TYPED: "typedValue"
+};
+function createPipe(arg, from2, to) {
+  if (from2 === void 0) {
+    from2 = PIPE_TYPE.MASKED;
+  }
+  if (to === void 0) {
+    to = PIPE_TYPE.MASKED;
+  }
+  const masked = createMask(arg);
+  return (value) => masked.runIsolated((m) => {
+    m[from2] = value;
+    return m[to];
+  });
+}
+function pipe(value, mask, from2, to) {
+  return createPipe(mask, from2, to)(value);
+}
+IMask.PIPE_TYPE = PIPE_TYPE;
+IMask.createPipe = createPipe;
+IMask.pipe = pipe;
 
-// src/components/CurrencyInput/CurrencyInput.tsx
-function getCurrencySymbol(currencyCode) {
-  const formatted = new Intl.NumberFormat("en-us", {
-    style: "currency",
-    currency: currencyCode
-  }).format(0);
-  return formatted.replace(/[\d\s.,]/g, "");
-}
-var TextMaskAdapter = React179.forwardRef(
-  function TextMaskAdapter2(props, ref) {
-    const _a2 = props, { onChange, currency } = _a2, innerProps = __objRest(_a2, ["onChange", "currency"]);
-    const [value, setValue] = useState26(props.value || 0);
-    const currencySymbol = getCurrencySymbol(currency);
-    return /* @__PURE__ */ jsx2(
-      IMaskInput,
-      __spreadProps(__spreadValues({}, innerProps), {
-        inputRef: ref,
-        mask: `${currencySymbol}num`,
-        lazy: false,
-        overwrite: true,
-        onAccept: (value2) => {
-          setValue(Number(value2));
-          onChange({
-            target: {
-              name: props.name,
-              value: value2
-            }
-          });
-        },
-        value: value.toString(),
-        unmask: true,
-        blocks: {
-          num: {
-            mask: Number,
-            thousandsSeparator: ",",
-            radix: ".",
-            expose: true,
-            scale: 2,
-            padFractionalZeros: currency !== "krw"
-          }
-        },
-        placeholder: `${currencySymbol}0.00`
-      })
-    );
+// ../../node_modules/imask/esm/masked/repeat.js
+var RepeatBlock = class extends MaskedPattern {
+  get repeatFrom() {
+    var _ref;
+    return (_ref = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === Infinity ? 0 : this.repeat) != null ? _ref : 0;
   }
-);
-var CurrencyInput = React179.forwardRef(
-  function CurrencyInput2(props, ref) {
-    const _a2 = props, {
-      currency = "usd",
-      max: max2 = 1e5,
-      name,
-      onChange,
-      label,
-      error,
-      helperText,
-      required,
-      disabled
-    } = _a2, innerProps = __objRest(_a2, [
-      "currency",
-      "max",
-      "name",
-      "onChange",
-      "label",
-      "error",
-      "helperText",
-      "required",
-      "disabled"
+  get repeatTo() {
+    var _ref2;
+    return (_ref2 = Array.isArray(this.repeat) ? this.repeat[1] : this.repeat) != null ? _ref2 : Infinity;
+  }
+  constructor(opts) {
+    super(opts);
+  }
+  updateOptions(opts) {
+    super.updateOptions(opts);
+  }
+  _update(opts) {
+    var _ref3, _ref4, _this$_blocks;
+    const _a2 = normalizeOpts(opts), {
+      repeat: repeat2
+    } = _a2, blockOpts = __objRest(_a2, [
+      "repeat"
     ]);
-    const [isOverLimit, setIsOverLimit] = useState26(
-      !!props.value && props.value > Number(max2)
-    );
-    const handleChange = useCallback27(
-      (event) => {
-        const amount = Number(event.target.value);
-        onChange == null ? void 0 : onChange(__spreadProps(__spreadValues({}, event), { target: { name, value: amount } }));
-        if (amount > Number(max2)) {
-          setIsOverLimit(true);
-        } else {
-          setIsOverLimit(false);
-        }
+    this._blockOpts = Object.assign({}, this._blockOpts, blockOpts);
+    const block = createMask(this._blockOpts);
+    this.repeat = (_ref3 = (_ref4 = repeat2 != null ? repeat2 : block.repeat) != null ? _ref4 : this.repeat) != null ? _ref3 : Infinity;
+    super._update({
+      mask: "m".repeat(Math.max(this.repeatTo === Infinity && ((_this$_blocks = this._blocks) == null ? void 0 : _this$_blocks.length) || 0, this.repeatFrom)),
+      blocks: {
+        m: block
       },
-      []
-    );
-    const currencyFormatter = /* @__PURE__ */ jsx2(
-      Input_default2,
-      __spreadValues({
-        size: "sm",
-        ref,
-        onChange: handleChange,
-        disabled,
-        required,
-        slotProps: { input: { component: TextMaskAdapter, currency, max: max2 } },
-        sx: {
-          fontFamily: "monospace"
-        }
-      }, innerProps)
-    );
-    if (label) {
-      return /* @__PURE__ */ jsxs2(
-        FormControl_default2,
-        {
-          size: "sm",
-          disabled,
-          required,
-          error: error || isOverLimit,
-          children: [
-            /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-            currencyFormatter,
-            isOverLimit ? /* @__PURE__ */ jsxs2(FormHelperText_default2, { children: [
-              /* @__PURE__ */ jsx2(InfoOutlined_default, {}),
-              new IntlMessageFormat(
-                `limit: {amount, number, ::currency/${currency} unit-width-narrow}`
-              ).format({ amount: max2 })
-            ] }) : helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
-          ]
-        }
-      );
+      eager: block.eager,
+      overwrite: block.overwrite,
+      skipInvalid: block.skipInvalid,
+      lazy: block.lazy,
+      placeholderChar: block.placeholderChar,
+      displayChar: block.displayChar
+    });
+  }
+  _allocateBlock(bi) {
+    if (bi < this._blocks.length)
+      return this._blocks[bi];
+    if (this.repeatTo === Infinity || this._blocks.length < this.repeatTo) {
+      this._blocks.push(createMask(this._blockOpts));
+      this.mask += "m";
+      return this._blocks[this._blocks.length - 1];
     }
-    return currencyFormatter;
   }
-);
-
-// src/components/DataTable/DataTable.tsx
-import {
-  useCallback as useCallback28,
-  useEffect as useEffect37,
-  useMemo as useMemo35,
-  useRef as useRef44,
-  useState as useState27
-} from "react";
-
-// src/components/Sheet/Sheet.tsx
-import { motion as motion16 } from "framer-motion";
-var MotionSheet = motion16(Sheet_default);
-var Sheet3 = MotionSheet;
-Sheet3.displayName = "Sheet";
-
-// src/components/Sheet/index.ts
-var Sheet_default2 = Sheet3;
-
-// src/components/Table/Table.tsx
-var Table3 = (props) => {
-  const _a2 = props, { children } = _a2, inheritProps = __objRest(_a2, ["children"]);
-  return /* @__PURE__ */ jsx2(Table_default, __spreadProps(__spreadValues({}, inheritProps), { children }));
-};
-Table3.displayName = "Table";
-function TableHead(props) {
-  const {
-    headCells,
-    showCheckbox,
-    onCheckboxChange,
-    slots: { checkbox: RenderCheckbox = Checkbox_default2 } = {},
-    slotProps: { checkbox: checkboxProps = {} } = {}
-  } = props;
-  return /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
-    showCheckbox && /* @__PURE__ */ jsx2(
-      "th",
-      {
-        style: {
-          width: "40px",
-          textAlign: "center"
-        },
-        children: /* @__PURE__ */ jsx2(RenderCheckbox, __spreadValues({ onChange: onCheckboxChange }, checkboxProps))
-      }
-    ),
-    headCells.map((headCell) => /* @__PURE__ */ jsx2(
-      "th",
-      {
-        style: {
-          width: headCell.width,
-          minWidth: headCell.minWidth,
-          maxWidth: headCell.maxWidth,
-          textAlign: headCell.numeric ? "right" : "left"
-        },
-        children: headCell.label
-      },
-      headCell.label
-    ))
-  ] }) });
-}
-TableHead.displayName = "TableHead";
-function TableBody(props) {
-  const {
-    rows,
-    cellOrder,
-    rowOptions,
-    showCheckbox,
-    onCheckboxChange,
-    slots: { checkbox: RenderCheckbox = Checkbox_default2 } = {},
-    slotProps: { checkbox: checkboxProps = {} } = {}
-  } = props;
-  return /* @__PURE__ */ jsx2("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsxs2("tr", { children: [
-    showCheckbox && /* @__PURE__ */ jsx2(
-      "td",
-      {
-        style: {
-          textAlign: "center"
-        },
-        children: /* @__PURE__ */ jsx2(
-          RenderCheckbox,
-          __spreadValues({
-            onChange: (event) => onCheckboxChange == null ? void 0 : onCheckboxChange(event, rowIndex)
-          }, checkboxProps)
-        )
+  _appendCharRaw(ch, flags) {
+    if (flags === void 0) {
+      flags = {};
+    }
+    const details = new ChangeDetails();
+    for (
+      let bi = (_this$_mapPosToBlock$ = (_this$_mapPosToBlock = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : _this$_mapPosToBlock.index) != null ? _this$_mapPosToBlock$ : Math.max(this._blocks.length - 1, 0), block, allocated;
+      // try to get a block or
+      // try to allocate a new block if not allocated already
+      block = (_this$_blocks$bi = this._blocks[bi]) != null ? _this$_blocks$bi : allocated = !allocated && this._allocateBlock(bi);
+      ++bi
+    ) {
+      var _this$_mapPosToBlock$, _this$_mapPosToBlock, _this$_blocks$bi, _flags$_beforeTailSta;
+      const blockDetails = block._appendChar(ch, __spreadProps(__spreadValues({}, flags), {
+        _beforeTailState: (_flags$_beforeTailSta = flags._beforeTailState) == null || (_flags$_beforeTailSta = _flags$_beforeTailSta._blocks) == null ? void 0 : _flags$_beforeTailSta[bi]
+      }));
+      if (blockDetails.skip && allocated) {
+        this._blocks.pop();
+        this.mask = this.mask.slice(1);
+        break;
       }
-    ),
-    cellOrder.map((cellKey) => {
-      var _a2;
-      return /* @__PURE__ */ jsx2(
-        "td",
-        {
-          style: {
-            textAlign: ((_a2 = rowOptions == null ? void 0 : rowOptions[cellKey]) == null ? void 0 : _a2.numeric) ? "right" : "left"
-          },
-          children: row[cellKey]
-        },
-        cellKey
-      );
-    })
-  ] }, rowIndex)) });
-}
-TableBody.displayName = "TableBody";
-
-// src/components/DataTable/DataTable.tsx
-var OverlayWrapper = styled_default2("tr", {
-  name: "DataTable",
-  slot: "overlayWrapper"
-})({
-  position: "sticky",
-  top: `calc(var(--unstable_TableCell-height, 32px))`,
-  left: 0,
-  right: 0,
-  zIndex: 1,
-  "& > td": {
-    height: 0,
-    padding: 0,
-    border: "none !important"
+      details.aggregate(blockDetails);
+      if (blockDetails.consumed)
+        break;
+    }
+    return details;
   }
-});
-var numberFormatter = (value) => "Intl" in window ? new Intl.NumberFormat().format(value) : value;
-function TablePagination(props) {
-  const {
-    paginationModel: { page, pageSize: pageSize2 },
-    rowCount,
-    onPageChange
-  } = props;
-  const firstPage = 1;
-  const lastPage = Math.ceil(rowCount / pageSize2);
-  const beforePages = [page - 2, page - 1].filter((p) => p > 1);
-  const afterPages = [page + 1, page + 2].filter((p) => p <= lastPage - 1);
-  const isMoreAfterPages = lastPage > 1 && page < lastPage - 3;
-  const isMoreBeforePages = lastPage > 1 && page > 4;
-  return /* @__PURE__ */ jsx2(
-    Stack_default2,
-    {
-      direction: "row",
-      spacing: 1,
-      sx: {
-        pt: 1,
-        pb: 1
-      },
-      justifyContent: "end",
-      alignItems: "center",
-      children: /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 0.5, alignItems: "center", children: [
-        /* @__PURE__ */ jsx2(
-          IconButton_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(page - 1),
-            disabled: page === firstPage,
-            "aria-label": "Previous page",
-            children: /* @__PURE__ */ jsx2(ChevronLeft_default, {})
-          }
-        ),
-        page !== firstPage && /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(firstPage),
-            children: firstPage
-          }
-        ),
-        isMoreBeforePages && /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(page - 3),
-            children: "..."
-          }
-        ),
-        beforePages.map((p) => /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(p),
-            children: p
-          },
-          p
-        )),
-        /* @__PURE__ */ jsx2(Button_default2, { variant: "soft", size: "sm", children: page }),
-        afterPages.map((p) => /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(p),
-            children: p
-          },
-          p
-        )),
-        isMoreAfterPages && /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(page + 3),
-            children: "..."
-          }
-        ),
-        page !== lastPage && /* @__PURE__ */ jsx2(
-          Button_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(lastPage),
-            children: lastPage
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          IconButton_default2,
-          {
-            size: "sm",
-            variant: "plain",
-            color: "neutral",
-            onClick: () => onPageChange(page + 1),
-            disabled: page === lastPage,
-            "aria-label": "Next page",
-            children: /* @__PURE__ */ jsx2(ChevronRight_default, {})
-          }
-        )
-      ] })
+  _trimEmptyTail(fromPos, toPos) {
+    var _this$_mapPosToBlock2, _this$_mapPosToBlock3;
+    if (fromPos === void 0) {
+      fromPos = 0;
     }
-  );
-}
-var Resizer = (ref) => /* @__PURE__ */ jsx2(
-  Box_default2,
-  {
-    sx: {
-      position: "absolute",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      width: "4px",
-      cursor: "col-resize"
-    },
-    onMouseDown: (e) => {
-      var _a2;
-      const initialX = e.clientX;
-      const initialWidth = (_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().width;
-      const onMouseMove = (e2) => {
-        if (initialWidth && initialX) {
-          ref.current.style.width = `${initialWidth + (e2.clientX - initialX)}px`;
-        }
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
+    const firstBlockIndex = Math.max(((_this$_mapPosToBlock2 = this._mapPosToBlock(fromPos)) == null ? void 0 : _this$_mapPosToBlock2.index) || 0, this.repeatFrom, 0);
+    let lastBlockIndex;
+    if (toPos != null)
+      lastBlockIndex = (_this$_mapPosToBlock3 = this._mapPosToBlock(toPos)) == null ? void 0 : _this$_mapPosToBlock3.index;
+    if (lastBlockIndex == null)
+      lastBlockIndex = this._blocks.length - 1;
+    let removeCount = 0;
+    for (let blockIndex = lastBlockIndex; firstBlockIndex <= blockIndex; --blockIndex, ++removeCount) {
+      if (this._blocks[blockIndex].unmaskedValue)
+        break;
+    }
+    if (removeCount) {
+      this._blocks.splice(lastBlockIndex - removeCount + 1, removeCount);
+      this.mask = this.mask.slice(removeCount);
     }
   }
-);
-var HeadCell = (props) => {
-  var _a2, _b, _c;
-  const ref = useRef44(null);
-  const style4 = {
-    width: props.width,
-    minWidth: (_a2 = props.minWidth) != null ? _a2 : "50px",
-    maxWidth: props.maxWidth,
-    textAlign: props.type === "number" ? "end" : "start",
-    position: props.stickyHeader ? void 0 : "relative"
-  };
-  const resizer = ((_b = props.resizable) != null ? _b : true) ? Resizer(ref) : null;
-  return /* @__PURE__ */ jsxs2("th", { ref, style: style4, children: [
-    (_c = props.headerName) != null ? _c : props.field,
-    resizer
-  ] }, props.field);
+  reset() {
+    super.reset();
+    this._trimEmptyTail();
+  }
+  remove(fromPos, toPos) {
+    if (fromPos === void 0) {
+      fromPos = 0;
+    }
+    if (toPos === void 0) {
+      toPos = this.displayValue.length;
+    }
+    const removeDetails = super.remove(fromPos, toPos);
+    this._trimEmptyTail(fromPos, toPos);
+    return removeDetails;
+  }
+  totalInputPositions(fromPos, toPos) {
+    if (fromPos === void 0) {
+      fromPos = 0;
+    }
+    if (toPos == null && this.repeatTo === Infinity)
+      return Infinity;
+    return super.totalInputPositions(fromPos, toPos);
+  }
+  get state() {
+    return super.state;
+  }
+  set state(state) {
+    this._blocks.length = state._blocks.length;
+    this.mask = this.mask.slice(0, this._blocks.length);
+    super.state = state;
+  }
+};
+IMask.RepeatBlock = RepeatBlock;
+
+// ../../node_modules/imask/esm/index.js
+try {
+  globalThis.IMask = IMask;
+} catch (e) {
+}
+
+// ../../node_modules/react-imask/esm/input.js
+import React181 from "react";
+
+// ../../node_modules/react-imask/esm/mixin.js
+var import_prop_types92 = __toESM(require_prop_types(), 1);
+import React180 from "react";
+var MASK_PROPS = {
+  // common
+  mask: import_prop_types92.default.oneOfType([import_prop_types92.default.array, import_prop_types92.default.func, import_prop_types92.default.string, import_prop_types92.default.instanceOf(RegExp), import_prop_types92.default.oneOf([Date, Number, IMask.Masked]), import_prop_types92.default.instanceOf(IMask.Masked)]),
+  value: import_prop_types92.default.any,
+  unmask: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["typed"])]),
+  prepare: import_prop_types92.default.func,
+  prepareChar: import_prop_types92.default.func,
+  validate: import_prop_types92.default.func,
+  commit: import_prop_types92.default.func,
+  overwrite: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["shift"])]),
+  eager: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["append", "remove"])]),
+  skipInvalid: import_prop_types92.default.bool,
+  // events
+  onAccept: import_prop_types92.default.func,
+  onComplete: import_prop_types92.default.func,
+  // pattern
+  placeholderChar: import_prop_types92.default.string,
+  displayChar: import_prop_types92.default.string,
+  lazy: import_prop_types92.default.bool,
+  definitions: import_prop_types92.default.object,
+  blocks: import_prop_types92.default.object,
+  // enum
+  enum: import_prop_types92.default.arrayOf(import_prop_types92.default.string),
+  // range
+  maxLength: import_prop_types92.default.number,
+  from: import_prop_types92.default.number,
+  to: import_prop_types92.default.number,
+  // date
+  pattern: import_prop_types92.default.string,
+  format: import_prop_types92.default.func,
+  parse: import_prop_types92.default.func,
+  autofix: import_prop_types92.default.oneOfType([import_prop_types92.default.bool, import_prop_types92.default.oneOf(["pad"])]),
+  // number
+  radix: import_prop_types92.default.string,
+  thousandsSeparator: import_prop_types92.default.string,
+  mapToRadix: import_prop_types92.default.arrayOf(import_prop_types92.default.string),
+  scale: import_prop_types92.default.number,
+  normalizeZeros: import_prop_types92.default.bool,
+  padFractionalZeros: import_prop_types92.default.bool,
+  min: import_prop_types92.default.oneOfType([import_prop_types92.default.number, import_prop_types92.default.instanceOf(Date)]),
+  max: import_prop_types92.default.oneOfType([import_prop_types92.default.number, import_prop_types92.default.instanceOf(Date)]),
+  // dynamic
+  dispatch: import_prop_types92.default.func,
+  // ref
+  inputRef: import_prop_types92.default.oneOfType([import_prop_types92.default.func, import_prop_types92.default.shape({
+    current: import_prop_types92.default.object
+  })])
 };
-function useDataTableRenderer({
-  rows,
-  columns,
-  rowCount: totalRowsProp,
-  paginationMode,
-  paginationModel,
-  onPaginationModelChange,
-  selectionModel = [],
-  onSelectionModelChange,
-  getId: _getId,
-  isTotalSelected: _isTotalSelected
-}) {
-  const [page, setPage] = useState27((paginationModel == null ? void 0 : paginationModel.page) || 1);
-  const pageSize2 = (paginationModel == null ? void 0 : paginationModel.pageSize) || 20;
-  const getId = useCallback28(
-    (row, index) => {
-      var _a2, _b;
-      return (_b = (_a2 = _getId == null ? void 0 : _getId(row)) != null ? _a2 : row == null ? void 0 : row.id) != null ? _b : `${(index || 0) + (page - 1) * pageSize2}`;
-    },
-    [_getId != null ? _getId : page, pageSize2]
-  );
-  const selectedModelSet = useMemo35(
-    () => new Set(selectionModel),
-    [selectionModel]
-  );
-  const dataInPage = useMemo35(
-    () => paginationMode === "server" ? rows : rows.slice((page - 1) * pageSize2, (page - 1) * pageSize2 + pageSize2),
-    [rows, page, pageSize2, paginationMode]
-  );
-  const isAllSelected = useMemo35(
-    () => dataInPage.length > 0 && dataInPage.every((row, i) => selectedModelSet.has(getId(row, i))),
-    [dataInPage, selectedModelSet, page, pageSize2, getId]
-  );
-  const rowCount = totalRowsProp || rows.length;
-  const isTotalSelected = useMemo35(
-    () => _isTotalSelected != null ? _isTotalSelected : rowCount > 0 && selectionModel.length === rowCount,
-    [_isTotalSelected, selectionModel, rowCount]
-  );
-  const handlePageChange = useCallback28(
-    (newPage) => {
-      setPage(newPage);
-      onPaginationModelChange == null ? void 0 : onPaginationModelChange({ page: newPage, pageSize: pageSize2 });
-    },
-    [onPaginationModelChange]
-  );
-  useEffect37(() => {
-    handlePageChange(1);
-  }, [rowCount]);
-  useEffect37(() => {
-    if (page > Math.ceil(rowCount / pageSize2)) {
-      handlePageChange(Math.ceil(rowCount / pageSize2));
+var MASK_PROPS_NAMES = Object.keys(MASK_PROPS).filter((p) => p !== "value");
+var NON_MASK_OPTIONS_NAMES = ["value", "unmask", "onAccept", "onComplete", "inputRef"];
+var MASK_OPTIONS_NAMES = MASK_PROPS_NAMES.filter((pName) => NON_MASK_OPTIONS_NAMES.indexOf(pName) < 0);
+function IMaskMixin(ComposedComponent) {
+  var _Class;
+  const MaskedComponent = (_Class = class MaskedComponent extends React180.Component {
+    constructor(props) {
+      super(props);
+      this._inputRef = this._inputRef.bind(this);
     }
-  }, [rowCount, pageSize2]);
-  useEffect37(() => {
-    onSelectionModelChange == null ? void 0 : onSelectionModelChange([]);
-  }, [page]);
-  return {
-    rowCount,
-    page,
-    pageSize: pageSize2,
-    onPaginationModelChange: handlePageChange,
-    getId,
-    HeadCell,
-    dataInPage,
-    isAllSelected,
-    // all rows are selected on this page
-    isTotalSelected,
-    isSelectedRow: useCallback28(
-      (model) => selectedModelSet.has(model),
-      [selectedModelSet]
-    ),
-    onAllCheckboxChange: useCallback28(() => {
-      onSelectionModelChange == null ? void 0 : onSelectionModelChange(isAllSelected ? [] : dataInPage.map(getId));
-    }, [isAllSelected, dataInPage, onSelectionModelChange]),
-    onCheckboxChange: useCallback28(
-      (event, selectedModel) => {
-        if (selectedModelSet.has(selectedModel)) {
-          const newSelectionModel = selectionModel.filter(
-            (model) => model !== selectedModel
-          );
-          onSelectionModelChange == null ? void 0 : onSelectionModelChange(newSelectionModel);
+    componentDidMount() {
+      if (!this.props.mask)
+        return;
+      this.initMask();
+    }
+    componentDidUpdate() {
+      const props = this.props;
+      const maskOptions = this._extractMaskOptionsFromProps(props);
+      if (maskOptions.mask) {
+        if (this.maskRef) {
+          this.maskRef.updateOptions(maskOptions);
+          if ("value" in props && props.value !== void 0)
+            this.maskValue = props.value;
         } else {
-          const newSelectionModel = [...selectionModel, selectedModel];
-          onSelectionModelChange == null ? void 0 : onSelectionModelChange(newSelectionModel);
+          this.initMask(maskOptions);
         }
-      },
-      [selectionModel, onSelectionModelChange]
-    ),
-    columns: useMemo35(
-      () => columns || // fallback
-      Object.keys(rows[0] || {}).map((key) => ({
-        field: key
-      })),
-      [rows, columns]
-    ),
-    onTotalSelect: useCallback28(() => {
-      onSelectionModelChange == null ? void 0 : onSelectionModelChange(
-        isTotalSelected ? [] : rows.map(getId),
-        !isTotalSelected
-      );
-    }, [isTotalSelected, rows, onSelectionModelChange])
-  };
-}
-function DataTable(props) {
-  const _a2 = props, {
-    rows,
-    checkboxSelection,
-    selectionModel,
-    onSelectionModelChange,
-    rowCount: _4,
-    columns: __,
-    onPaginationModelChange: ___,
-    paginationMode: ____,
-    paginationModel: paginationModel,
-    loading,
-    slots: {
-      checkbox: RenderCheckbox = Checkbox_default2,
-      toolbar: Toolbar,
-      footer: Footer,
-      loadingOverlay: LoadingOverlay = () => /* @__PURE__ */ jsx2(LinearProgress_default, { value: 8, variant: "plain" })
-    } = {},
-    slotProps: {
-      checkbox: checkboxProps = {},
-      toolbar: toolbarProps,
-      background: backgroundProps = {}
-    } = {}
-  } = _a2, innerProps = __objRest(_a2, [
-    "rows",
-    "checkboxSelection",
-    "selectionModel",
-    "onSelectionModelChange",
-    "rowCount",
-    // rowCount is used in useDataTableRenderer
-    "columns",
-    // columns is used in useDataTableRenderer
-    "onPaginationModelChange",
-    // onPaginationModelChange is used in useDataTableRenderer
-    "paginationMode",
-    // paginationMode is used in useDataTableRenderer
-    "paginationModel",
-    "loading",
-    "slots",
-    "slotProps"
-  ]);
-  const {
-    columns,
-    isAllSelected,
-    isSelectedRow,
-    onAllCheckboxChange,
-    onCheckboxChange,
-    getId,
-    rowCount,
-    page,
-    pageSize: pageSize2,
-    onPaginationModelChange,
-    dataInPage,
-    isTotalSelected,
-    onTotalSelect,
-    HeadCell: HeadCell2
-  } = useDataTableRenderer(props);
-  return /* @__PURE__ */ jsxs2(Box_default2, { children: [
-    /* @__PURE__ */ jsxs2(
-      Stack_default2,
-      {
-        direction: "row",
-        sx: {
-          pt: 1,
-          pb: 1
-        },
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [
-          !!checkboxSelection && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, children: [
-            !isAllSelected && /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
-              numberFormatter((selectionModel == null ? void 0 : selectionModel.length) || 0),
-              " items selected"
-            ] }),
-            isAllSelected && !isTotalSelected && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, alignItems: "center", children: [
-              /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
-                "All ",
-                numberFormatter((selectionModel == null ? void 0 : selectionModel.length) || 0),
-                " items on this page are selected."
-              ] }),
-              /* @__PURE__ */ jsxs2(Button_default2, { size: "sm", variant: "plain", onClick: onTotalSelect, children: [
-                "Select all ",
-                numberFormatter(rowCount != null ? rowCount : rows.length),
-                " items"
-              ] })
-            ] }),
-            isTotalSelected && /* @__PURE__ */ jsxs2(Stack_default2, { direction: "row", spacing: 1, alignItems: "center", children: [
-              /* @__PURE__ */ jsxs2(Typography_default2, { level: "body-xs", children: [
-                "All ",
-                numberFormatter(rowCount != null ? rowCount : rows.length),
-                " items are selected."
-              ] }),
-              /* @__PURE__ */ jsx2(
-                Button_default2,
-                {
-                  size: "sm",
-                  variant: "plain",
-                  color: "danger",
-                  onClick: onTotalSelect,
-                  children: "Cancel"
-                }
-              )
-            ] })
-          ] }),
-          Toolbar && /* @__PURE__ */ jsx2(Toolbar, __spreadValues({}, toolbarProps || {}))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      Sheet_default2,
-      __spreadProps(__spreadValues({
-        variant: "outlined",
-        sx: {
-          overflow: "auto",
-          width: "100%",
-          boxShadow: "sm",
-          borderRadius: "sm"
+      } else {
+        this.destroyMask();
+        if ("value" in props && props.value !== void 0) {
+          var _this$element;
+          if ((_this$element = this.element) != null && _this$element.isContentEditable && this.element.tagName !== "INPUT" && this.element.tagName !== "TEXTAREA")
+            this.element.textContent = props.value;
+          else
+            this.element.value = props.value;
         }
-      }, backgroundProps), {
-        children: /* @__PURE__ */ jsxs2(Table3, __spreadProps(__spreadValues({}, innerProps), { children: [
-          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
-            checkboxSelection && /* @__PURE__ */ jsx2(
-              "th",
-              {
-                style: {
-                  width: "40px",
-                  textAlign: "center"
-                },
-                children: /* @__PURE__ */ jsx2(
-                  RenderCheckbox,
-                  __spreadValues({
-                    onChange: onAllCheckboxChange,
-                    checked: isAllSelected,
-                    indeterminate: (selectionModel || []).length > 0 && !isAllSelected
-                  }, checkboxProps)
-                )
-              }
-            ),
-            columns.map((c) => /* @__PURE__ */ jsx2(
-              HeadCell2,
-              __spreadValues({
-                stickyHeader: props.stickyHeader
-              }, c),
-              c.field
-            ))
-          ] }) }),
-          /* @__PURE__ */ jsxs2("tbody", { children: [
-            /* @__PURE__ */ jsx2(OverlayWrapper, { children: !!loading && /* @__PURE__ */ jsx2("td", { children: /* @__PURE__ */ jsx2(
-              Box_default2,
-              {
-                sx: {
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  right: 0
-                },
-                children: /* @__PURE__ */ jsx2(LoadingOverlay, {})
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx2(OverlayWrapper, {}),
-            dataInPage.map((row, rowIndex) => {
-              const rowId = getId(row, rowIndex);
-              return /* @__PURE__ */ jsxs2(
-                "tr",
-                {
-                  role: checkboxSelection ? "checkbox" : void 0,
-                  tabIndex: checkboxSelection ? -1 : void 0,
-                  onClick: checkboxSelection ? (e) => onCheckboxChange(e, rowId) : void 0,
-                  "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
-                  children: [
-                    checkboxSelection && /* @__PURE__ */ jsx2(
-                      "th",
-                      {
-                        scope: "row",
-                        style: {
-                          textAlign: "center"
-                        },
-                        children: /* @__PURE__ */ jsx2(
-                          RenderCheckbox,
-                          __spreadValues({
-                            onChange: (e) => onCheckboxChange(e, rowId),
-                            checked: isSelectedRow(rowId)
-                          }, checkboxProps)
-                        )
-                      }
-                    ),
-                    columns.map((column2) => {
-                      var _a3, _b;
-                      return /* @__PURE__ */ jsx2(
-                        "td",
-                        {
-                          style: {
-                            textAlign: column2.type === "number" ? "end" : "start"
-                          },
-                          children: (_b = (_a3 = column2.renderCell) == null ? void 0 : _a3.call(column2, {
-                            row,
-                            value: row[column2.field],
-                            id: rowId
-                          })) != null ? _b : row[column2.field]
-                        },
-                        column2.field
-                      );
-                    })
-                  ]
-                },
-                rowId
-              );
-            })
-          ] }),
-          Footer && /* @__PURE__ */ jsx2(Footer, {})
-        ] }))
-      })
-    ),
-    /* @__PURE__ */ jsx2(
-      TablePagination,
-      {
-        paginationModel: useMemo35(() => ({ page, pageSize: pageSize2 }), [page, pageSize2]),
-        rowCount,
-        onPageChange: onPaginationModelChange
       }
-    )
-  ] });
+    }
+    componentWillUnmount() {
+      this.destroyMask();
+    }
+    _inputRef(el) {
+      this.element = el;
+      if (this.props.inputRef) {
+        if (Object.prototype.hasOwnProperty.call(this.props.inputRef, "current"))
+          this.props.inputRef.current = el;
+        else
+          this.props.inputRef(el);
+      }
+    }
+    initMask(maskOptions) {
+      if (maskOptions === void 0) {
+        maskOptions = this._extractMaskOptionsFromProps(this.props);
+      }
+      this.maskRef = IMask(this.element, maskOptions).on("accept", this._onAccept.bind(this)).on("complete", this._onComplete.bind(this));
+      if ("value" in this.props && this.props.value !== void 0)
+        this.maskValue = this.props.value;
+    }
+    destroyMask() {
+      if (this.maskRef) {
+        this.maskRef.destroy();
+        delete this.maskRef;
+      }
+    }
+    _extractMaskOptionsFromProps(props) {
+      const cloneProps = __objRest(props, []);
+      Object.keys(cloneProps).filter((prop) => MASK_OPTIONS_NAMES.indexOf(prop) < 0).forEach((nonMaskProp) => {
+        delete cloneProps[nonMaskProp];
+      });
+      return cloneProps;
+    }
+    _extractNonMaskProps(props) {
+      const cloneProps = __objRest(props, []);
+      MASK_PROPS_NAMES.forEach((maskProp) => {
+        if (maskProp !== "maxLength")
+          delete cloneProps[maskProp];
+      });
+      if (!("defaultValue" in cloneProps))
+        cloneProps.defaultValue = props.mask ? "" : cloneProps.value;
+      delete cloneProps.value;
+      return cloneProps;
+    }
+    get maskValue() {
+      if (!this.maskRef)
+        return "";
+      if (this.props.unmask === "typed")
+        return this.maskRef.typedValue;
+      if (this.props.unmask)
+        return this.maskRef.unmaskedValue;
+      return this.maskRef.value;
+    }
+    set maskValue(value) {
+      if (!this.maskRef)
+        return;
+      value = value == null && this.props.unmask !== "typed" ? "" : value;
+      if (this.props.unmask === "typed")
+        this.maskRef.typedValue = value;
+      else if (this.props.unmask)
+        this.maskRef.unmaskedValue = value;
+      else
+        this.maskRef.value = value;
+    }
+    _onAccept(e) {
+      if (this.props.onAccept && this.maskRef)
+        this.props.onAccept(this.maskValue, this.maskRef, e);
+    }
+    _onComplete(e) {
+      if (this.props.onComplete && this.maskRef)
+        this.props.onComplete(this.maskValue, this.maskRef, e);
+    }
+    render() {
+      return React180.createElement(ComposedComponent, __spreadProps(__spreadValues({}, this._extractNonMaskProps(this.props)), {
+        inputRef: this._inputRef
+      }));
+    }
+  }, _Class.displayName = void 0, _Class.propTypes = void 0, _Class);
+  const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || "Component";
+  MaskedComponent.displayName = "IMask(" + nestedComponentName + ")";
+  MaskedComponent.propTypes = MASK_PROPS;
+  return React180.forwardRef((props, ref) => React180.createElement(MaskedComponent, __spreadProps(__spreadValues({}, props), {
+    ref
+  })));
 }
-DataTable.displayName = "DataTable";
 
-// src/components/DatePicker/DatePicker.tsx
-import React181, { forwardRef as forwardRef85, useCallback as useCallback29, useState as useState28 } from "react";
+// ../../node_modules/react-imask/esm/input.js
+var IMaskInputClass = IMaskMixin((_ref) => {
+  let _a2 = _ref, {
+    inputRef
+  } = _a2, props = __objRest(_a2, [
+    "inputRef"
+  ]);
+  return React181.createElement("input", __spreadProps(__spreadValues({}, props), {
+    ref: inputRef
+  }));
+});
+var IMaskInputFn = (props, ref) => React181.createElement(IMaskInputClass, __spreadProps(__spreadValues({}, props), {
+  ref
+}));
+var IMaskInput = React181.forwardRef(IMaskInputFn);
+
+// ../../node_modules/react-imask/esm/hook.js
+import { useRef as useRef45, useState as useState28, useCallback as useCallback28, useEffect as useEffect38 } from "react";
+
+// ../../node_modules/react-imask/esm/index.js
+import "react";
 
 // ../../node_modules/@mui/icons-material/esm/CalendarToday.js
 import { jsx as _jsx109 } from "react/jsx-runtime";
@@ -44649,7 +45665,7 @@ var formatValueString = (date) => {
     month = "0" + month;
   return [year, month, day].join("/");
 };
-var TextMaskAdapter3 = React181.forwardRef(
+var TextMaskAdapter3 = React182.forwardRef(
   function TextMaskAdapter4(props, ref) {
     const _a2 = props, { onChange } = _a2, other = __objRest(_a2, ["onChange"]);
     return /* @__PURE__ */ jsx2(
@@ -44708,8 +45724,8 @@ var DatePicker = forwardRef85(
       disablePast,
       required
     } = props;
-    const [value, setValue] = useState28(props.value || "");
-    const [anchorEl, setAnchorEl] = useState28(null);
+    const [value, setValue] = useState29(props.value || "");
+    const [anchorEl, setAnchorEl] = useState29(null);
     const open = Boolean(anchorEl);
     const handleChange = useCallback29(
       (event) => {
@@ -44820,7 +45836,7 @@ var DatePicker = forwardRef85(
 DatePicker.displayName = "DatePicker";
 
 // src/components/DateRangePicker/DateRangePicker.tsx
-import React182, { forwardRef as forwardRef86, useCallback as useCallback30, useMemo as useMemo36, useState as useState29 } from "react";
+import React183, { forwardRef as forwardRef86, useCallback as useCallback30, useMemo as useMemo37, useState as useState30 } from "react";
 var StyledPopper2 = styled_default2(Popper, {
   name: "DateRangePicker",
   slot: "popper"
@@ -44868,7 +45884,7 @@ var parseDate = (str) => {
     )
   ];
 };
-var TextMaskAdapter5 = React182.forwardRef(
+var TextMaskAdapter5 = React183.forwardRef(
   function TextMaskAdapter6(props, ref) {
     const _a2 = props, { onChange } = _a2, other = __objRest(_a2, ["onChange"]);
     return /* @__PURE__ */ jsx2(
@@ -44920,10 +45936,10 @@ var DateRangePicker = forwardRef86(
       disablePast,
       required
     } = props;
-    const [value, setValue] = useState29(props.value || "");
-    const [anchorEl, setAnchorEl] = useState29(null);
+    const [value, setValue] = useState30(props.value || "");
+    const [anchorEl, setAnchorEl] = useState30(null);
     const open = Boolean(anchorEl);
-    const calendarValue = useMemo36(
+    const calendarValue = useMemo37(
       () => value ? parseDate(value) : void 0,
       [value]
     );
@@ -45137,7 +46153,7 @@ var Grid2 = MotionGrid;
 Grid2.displayName = "Grid";
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-import React183, { forwardRef as forwardRef87, useCallback as useCallback31, useMemo as useMemo37, useState as useState30 } from "react";
+import React184, { forwardRef as forwardRef87, useCallback as useCallback31, useMemo as useMemo38, useState as useState31 } from "react";
 var StyledPopper3 = styled_default2(Popper, {
   name: "MonthRangePicker",
   slot: "popper"
@@ -45174,7 +46190,7 @@ var parseDate2 = (str) => {
     new Date(Number(yearMonthDay2[0]), Number(yearMonthDay2[1]) - 1)
   ];
 };
-var TextMaskAdapter7 = React183.forwardRef(
+var TextMaskAdapter7 = React184.forwardRef(
   function TextMaskAdapter8(props, ref) {
     const _a2 = props, { onChange } = _a2, other = __objRest(_a2, ["onChange"]);
     return /* @__PURE__ */ jsx2(
@@ -45220,10 +46236,10 @@ var MonthRangePicker = forwardRef87(
       disablePast,
       required
     } = props;
-    const [value, setValue] = useState30(props.value || "");
-    const [anchorEl, setAnchorEl] = useState30(null);
+    const [value, setValue] = useState31(props.value || "");
+    const [anchorEl, setAnchorEl] = useState31(null);
     const open = Boolean(anchorEl);
-    const calendarValue = useMemo37(
+    const calendarValue = useMemo38(
       () => value ? parseDate2(value) : void 0,
       [value]
     );
@@ -45364,7 +46380,8 @@ function Select3(props) {
     size,
     color: color2,
     disabled,
-    required
+    required,
+    onChange
   } = _a2, innerProps = __objRest(_a2, [
     "label",
     "helperText",
@@ -45372,8 +46389,29 @@ function Select3(props) {
     "size",
     "color",
     "disabled",
-    "required"
+    "required",
+    "onChange"
   ]);
+  const handleChange = (event, newValue) => {
+    var _a3;
+    const _event = event || { target: {} };
+    const newEvent = __spreadProps(__spreadValues({}, _event), {
+      // @ts-expect-error target에 name이 있을 수 있다.
+      target: { name: (_a3 = _event.target) == null ? void 0 : _a3.name, value: newValue || void 0 }
+    });
+    console.log(newEvent);
+    onChange == null ? void 0 : onChange(newEvent);
+  };
+  const select = /* @__PURE__ */ jsx2(
+    Select_default,
+    __spreadProps(__spreadValues({}, innerProps), {
+      required,
+      disabled,
+      size,
+      color: color2,
+      onChange: handleChange
+    })
+  );
   if (label) {
     return /* @__PURE__ */ jsxs2(
       FormControl_default2,
@@ -45385,21 +46423,13 @@ function Select3(props) {
         error,
         children: [
           /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
-          /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps)),
+          select,
           helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx2(
-    Select_default,
-    __spreadValues({
-      required,
-      disabled,
-      size,
-      color: color2
-    }, innerProps)
-  );
+  return select;
 }
 Select3.displayName = "Select";
 
@@ -45447,7 +46477,11 @@ import { motion as motion27 } from "framer-motion";
 var MotionTabs = motion27(Tabs_default);
 var Tabs3 = MotionTabs;
 Tabs3.displayName = "Tabs";
-var MotionTab = motion27(Tab_default);
+var MotionTab = styled_default2(motion27(Tab_default))(({ theme }) => ({
+  [`&:not(.${tabClasses_default.selected})`]: {
+    color: theme.palette.neutral[700]
+  }
+}));
 var Tab3 = MotionTab;
 Tab3.displayName = "Tab";
 var MotionTabList = motion27(TabList_default);
@@ -46020,8 +47054,7 @@ var currencyInputPropertyControls = {
   },
   max: {
     title: "Max",
-    type: ControlType11.Number,
-    defaultValue: void 0
+    type: ControlType11.String
   }
 };
 
@@ -46904,7 +47937,7 @@ var withCommonControls = (Component) => {
       });
     }
     return components.reduce((acc, { Component: Component2, props: props2 }) => {
-      return [React184.createElement(Component2, props2, ...acc)];
+      return [React185.createElement(Component2, props2, ...acc)];
     }, []);
   };
 };