@activecollab/components 1.0.396 → 1.0.398

package/dist/cjs/components/Input/InputCurrency.js

@@ -0,0 +1,21 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputCurrency = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _InputNumber = require("./InputNumber");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var InputCurrency = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var rest = _extends({}, _ref);
+  return /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, _extends({
+    ref: ref
+  }, rest));
+});
+exports.InputCurrency = InputCurrency;
+InputCurrency.displayName = "InputCurrency";
+//# sourceMappingURL=InputCurrency.js.map

package/dist/cjs/components/Input/InputCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.js","names":["InputCurrency","forwardRef","ref","rest","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { InputNumber } from \"./InputNumber\";\nimport type { InputNumberProps } from \"./InputNumber\";\n\nexport type InputCurrencyProps = InputNumberProps;\n\nexport const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(\n  ({ ...rest }, ref) => {\n    return <InputNumber ref={ref} {...rest} />;\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";;;;;;;AAAA;AACA;AAA4C;AAAA;AAAA;AAKrC,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAAcC,GAAG,EAAK;EAAA,IAAhBC,IAAI;EACR,oBAAO,6BAAC,wBAAW;IAAC,GAAG,EAAED;EAAI,GAAKC,IAAI,EAAI;AAC5C,CAAC,CACF;AAAC;AAEFH,aAAa,CAACI,WAAW,GAAG,eAAe"}

package/dist/cjs/components/Input/InputNumber.js

@@ -0,0 +1,169 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNumber = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Input = require("./Input");
+var _currencyUtils = require("../../utils/currencyUtils");
+var _utils = require("../../utils");
+var _excluded = ["disableMacros", "disableAbbreviation", "decimalLength", "thousandSeparator", "decimalSeparator", "value", "onBlur", "onKeyDown", "onFocus", "onValueChange", "disabled", "invalid", "step"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var multiplier = {
+  k: 1000,
+  m: 1000000,
+  b: 1000000000,
+  t: 1000000000000
+};
+var InputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    _ref$decimalLength = _ref.decimalLength,
+    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    value = _ref.value,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    onFocus = _ref.onFocus,
+    onValueChange = _ref.onValueChange,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    formattedValue = _useState2[0],
+    setFormatted = _useState2[1];
+  var _useState3 = (0, _react.useState)(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    rootValue = _useState4[0],
+    setRootValue = _useState4[1];
+  var inputRef = (0, _react.useRef)(null);
+  var handleRef = (0, _utils.useForkRef)(ref, inputRef);
+  var handleInputBlur = function handleInputBlur() {
+    if (inputRef && inputRef.current) {
+      inputRef.current.blur();
+    }
+  };
+  var handleSelect = function handleSelect() {
+    if (inputRef && inputRef.current) {
+      inputRef.current.select();
+    }
+  };
+  var handleChange = function handleChange(e) {
+    var inputValue = e.target.value;
+    var isValidInput = false;
+    var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+      return (parseFloat(num) * multiplier[unit.toLowerCase()]).toString();
+    });
+    var regexString = "^(\\d{0,9}(?:[".concat(thousandSeparator, "]?\\d{0,3})*(?:\\").concat(decimalSeparator, "\\d{0,").concat(decimalLength, "})?)?$");
+    if (thousandSeparator === ",") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (thousandSeparator === ".") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (!isValidInput) {
+      return;
+    }
+    setFormatted(numericInput);
+    onValueChange && onValueChange(numericInput);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    var allowedChars = /[0-9km.,b]/i;
+    var key = e.key;
+    var _step = parseFloat(String(step));
+    if (key === "Escape") {
+      handleInputBlur();
+    }
+    if (key === "ArrowUp") {
+      e.preventDefault();
+      updateValue("increment", _step);
+    }
+    if (key === "ArrowDown") {
+      e.preventDefault();
+      updateValue("decrement", _step);
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+      handleSelect();
+    }
+    if (!allowedChars.test(key)) {
+      e.preventDefault();
+    }
+    if (decimalLength === 0 && e.key === decimalSeparator) {
+      e.preventDefault();
+    }
+    onKeyDown && onKeyDown(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (disableAbbreviation) {
+      setFormatted(formattedValue);
+    } else {
+      setFormatted((0, _currencyUtils.formatCurrency)(formattedValue, thousandSeparator));
+    }
+    setRootValue(formattedValue);
+    onBlur && onBlur(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    setFormatted(rootValue);
+    onFocus && onFocus(e);
+  };
+  var updateValue = function updateValue(type, step) {
+    var value = String(formattedValue);
+    var decimalPart = "";
+    var increasedValue = 0;
+    var nonDecimalPart = value.replaceAll(thousandSeparator, "");
+    if (value.includes(decimalSeparator)) {
+      nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
+    }
+    if (value.includes(decimalSeparator)) {
+      decimalPart = value.slice(value.indexOf(decimalSeparator));
+    }
+    if (type === "increment") {
+      increasedValue = parseFloat(nonDecimalPart) + step;
+    } else {
+      increasedValue = parseFloat(nonDecimalPart) - step;
+    }
+    if (value.includes(decimalSeparator)) {
+      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
+    }
+    var joinedValue = (0, _currencyUtils.numberWithSeparator)(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({
+    ref: handleRef,
+    placeholder: "5".concat(thousandSeparator, "000").concat(decimalSeparator, "00"),
+    value: formattedValue,
+    type: "text",
+    disabled: disabled,
+    invalid: invalid,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    "aria-placeholder": "5".concat(thousandSeparator, "000").concat(decimalSeparator, "00"),
+    "aria-disabled": disabled,
+    "aria-invalid": invalid
+  }, rest));
+});
+exports.InputNumber = InputNumber;
+InputNumber.displayName = "InputNumber";
+//# sourceMappingURL=InputNumber.js.map

package/dist/cjs/components/Input/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","names":["multiplier","k","m","b","t","InputNumber","forwardRef","ref","disableMacros","disableAbbreviation","decimalLength","thousandSeparator","decimalSeparator","value","onBlur","onKeyDown","onFocus","onValueChange","disabled","invalid","step","rest","useState","formattedValue","setFormatted","rootValue","setRootValue","inputRef","useRef","handleRef","useForkRef","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","numericInput","replace","_","num","unit","parseFloat","toLowerCase","toString","regexString","RegExp","test","handleKeyDown","allowedChars","key","_step","String","preventDefault","updateValue","metaKey","ctrlKey","handleBlur","formatCurrency","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue","numberWithSeparator","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  useRef,\n  useState,\n} from \"react\";\nimport { Input } from \"./Input\";\nimport { formatCurrency, numberWithSeparator } from \"../../utils/currencyUtils\";\nimport { useForkRef } from \"../../utils\";\n\nimport type { InputProps } from \"./Input\";\n\nconst multiplier = {\n  k: 1_000,\n  m: 1_000_000,\n  b: 1_000_000_000,\n  t: 1_000_000_000_000,\n};\n\nexport type Separators = \".\" | \",\";\n\nexport interface InputNumberProps extends InputProps {\n  decimalSeparator?: Separators;\n  thousandSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  decimalLength?: number;\n  onValueChange?: (value: string) => void;\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      disableMacros = false,\n      disableAbbreviation = false,\n      decimalLength = 2,\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      value,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      onValueChange,\n      disabled,\n      invalid,\n      step = 1,\n      ...rest\n    },\n    ref\n  ) => {\n    const [formattedValue, setFormatted] = useState(value);\n    const [rootValue, setRootValue] = useState(value);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const handleInputBlur = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.blur();\n      }\n    };\n\n    const handleSelect = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.select();\n      }\n    };\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      const inputValue = e.target.value;\n      let isValidInput = false;\n\n      const numericInput = disableMacros\n        ? inputValue\n        : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n            return (\n              parseFloat(num) * multiplier[unit.toLowerCase()]\n            ).toString();\n          });\n\n      const regexString = `^(\\\\d{0,9}(?:[${thousandSeparator}]?\\\\d{0,3})*(?:\\\\${decimalSeparator}\\\\d{0,${decimalLength}})?)?$`;\n\n      if (thousandSeparator === \",\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (thousandSeparator === \".\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (!isValidInput) {\n        return;\n      }\n\n      setFormatted(numericInput);\n\n      onValueChange && onValueChange(numericInput);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n      const allowedChars = /[0-9km.,b]/i;\n      const key = e.key;\n      const _step = parseFloat(String(step));\n\n      if (key === \"Escape\") {\n        handleInputBlur();\n      }\n\n      if (key === \"ArrowUp\") {\n        e.preventDefault();\n\n        updateValue(\"increment\", _step);\n      }\n\n      if (key === \"ArrowDown\") {\n        e.preventDefault();\n\n        updateValue(\"decrement\", _step);\n      }\n\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        handleSelect();\n      }\n\n      if (!allowedChars.test(key)) {\n        e.preventDefault();\n      }\n\n      if (decimalLength === 0 && e.key === decimalSeparator) {\n        e.preventDefault();\n      }\n\n      onKeyDown && onKeyDown(e);\n    };\n\n    const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {\n      if (disableAbbreviation) {\n        setFormatted(formattedValue);\n      } else {\n        setFormatted(\n          formatCurrency(formattedValue as string, thousandSeparator)\n        );\n      }\n\n      setRootValue(formattedValue);\n\n      onBlur && onBlur(e);\n    };\n\n    const handleFocus: FocusEventHandler<HTMLInputElement> = (e) => {\n      setFormatted(rootValue);\n\n      onFocus && onFocus(e);\n    };\n\n    const updateValue = (type: \"increment\" | \"decrement\", step: number) => {\n      const value = String(formattedValue);\n\n      let decimalPart = \"\";\n      let increasedValue = 0;\n      let nonDecimalPart = value.replaceAll(thousandSeparator, \"\");\n\n      if (value.includes(decimalSeparator)) {\n        nonDecimalPart = value\n          .slice(0, value.indexOf(decimalSeparator))\n          .replaceAll(thousandSeparator, \"\");\n      }\n\n      if (value.includes(decimalSeparator)) {\n        decimalPart = value.slice(value.indexOf(decimalSeparator));\n      }\n\n      if (type === \"increment\") {\n        increasedValue = parseFloat(nonDecimalPart) + step;\n      } else {\n        increasedValue = parseFloat(nonDecimalPart) - step;\n      }\n\n      if (value.includes(decimalSeparator)) {\n        increasedValue = parseFloat(increasedValue.toFixed(decimalLength));\n      }\n\n      const joinedValue = numberWithSeparator(\n        increasedValue,\n        thousandSeparator,\n        value.includes(thousandSeparator)\n      );\n\n      setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);\n    };\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":"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"}

package/dist/cjs/components/Input/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledInputWrapper","styled","div","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","displayName","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAyC;AAAA;AASlC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,2TAexCC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,mBAEF;AAAA,GAEC,UAACF,KAAK;EAAA,OACRA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,SAAS,QACfD,qBAAG,kCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,SAAS,IAChB,CAACH,KAAK,CAACI,QAAQ,QACfF,qBAAG,iEAKF;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,SAAS,IAChBH,KAAK,CAACI,QAAQ,QACdF,qBAAG,qCAEF;AAAA,EACJ;AAAC;AAEFP,kBAAkB,CAACU,WAAW,GAAG,oBAAoB;AAO9C,IAAMC,WAAW,GAAGV,yBAAM,CAACW,KAAK;EAAA;EAAA;AAAA,8SAkBnC,UAACP,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,sBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,yCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACQ,QAAQ,QACdN,qBAAG,sBAEF;AAAA,GACD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACS,QAAQ,QACdP,qBAAG,uBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACU,KAAK,QACXR,qBAAG,wBACaF,KAAK,CAACU,KAAK,CAC1B;AAAA,EACJ;AAAC;AAEFJ,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["StyledInputWrapper","styled","div","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","displayName","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAyC;AAAA;AASlC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,2TAexCC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,qCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,mBAEF;AAAA,GAEC,UAACF,KAAK;EAAA,OACRA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,SAAS,QACfD,qBAAG,kCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,SAAS,IAChB,CAACH,KAAK,CAACI,QAAQ,QACfF,qBAAG,iEAKF;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,SAAS,IAChBH,KAAK,CAACI,QAAQ,QACdF,qBAAG,qCAEF;AAAA,EACJ;AAAC;AAEFP,kBAAkB,CAACU,WAAW,GAAG,oBAAoB;AAO9C,IAAMC,WAAW,GAAGV,yBAAM,CAACW,KAAK;EAAA;EAAA;AAAA,8SAkBnC,UAACP,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,QACrBC,qBAAG,sBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,QACzBC,qBAAG,yCAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACQ,QAAQ,QACdN,qBAAG,sBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACS,QAAQ,QACdP,qBAAG,uBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACU,KAAK,QACXR,qBAAG,wBACaF,KAAK,CAACU,KAAK,CAC1B;AAAA,EACJ;AAAC;AAEFJ,WAAW,CAACD,WAAW,GAAG,aAAa"}

package/dist/cjs/utils/currencyUtils.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberWithSeparator = exports.formatCurrency = void 0;
+var formatCurrency = function formatCurrency(n) {
+  var thousandSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+  var number = parseFloat(String(n).replaceAll(thousandSeparator, ""));
+  if (isNaN(number)) {
+    return "";
+  }
+  if (number < 1000) {
+    return n;
+  } else if (number >= 1000 && number < 1000000) {
+    var formattedNum = (number / 1000).toFixed(1);
+    return formattedNum.endsWith(".0") ? (number / 1000).toFixed(0) + "K" : formattedNum + "K";
+  } else if (number >= 1000000 && number < 1000000000) {
+    var _formattedNum = (number / 1000000).toFixed(1);
+    return _formattedNum.endsWith(".0") ? (number / 1000000).toFixed(0) + "M" : _formattedNum + "M";
+  } else if (number >= 1000000000 && number < 1000000000000) {
+    var _formattedNum2 = (number / 1000000000).toFixed(1);
+    return _formattedNum2.endsWith(".0") ? (number / 1000000000).toFixed(0) + "B" : _formattedNum2 + "B";
+  } else if (number >= 1000000000000 && number < 1000000000000000) {
+    var _formattedNum3 = (number / 1000000000000).toFixed(1);
+    return _formattedNum3.endsWith(".0") ? (number / 1000000000000).toFixed(0) + "T" : _formattedNum3 + "T";
+  }
+};
+
+// @TODO: Test
+exports.formatCurrency = formatCurrency;
+var numberWithSeparator = function numberWithSeparator(x, thousandSeparator) {
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (!format) {
+    return x;
+  }
+  var parts = x.toString().split(".");
+  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandSeparator);
+  return parts.join(".");
+};
+exports.numberWithSeparator = numberWithSeparator;
+//# sourceMappingURL=currencyUtils.js.map

package/dist/cjs/utils/currencyUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyUtils.js","names":["formatCurrency","n","thousandSeparator","number","parseFloat","String","replaceAll","isNaN","formattedNum","toFixed","endsWith","numberWithSeparator","x","format","parts","toString","split","replace","join"],"sources":["../../../src/utils/currencyUtils.ts"],"sourcesContent":["import { Separators } from \"../components/Input/InputNumber\";\n\nexport const formatCurrency = (n: string, thousandSeparator = \",\") => {\n  const number = parseFloat(String(n).replaceAll(thousandSeparator, \"\"));\n\n  if (isNaN(number)) {\n    return \"\";\n  }\n\n  if (number < 1000) {\n    return n;\n  } else if (number >= 1000 && number < 1_000_000) {\n    const formattedNum = (number / 1000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1000).toFixed(0) + \"K\"\n      : formattedNum + \"K\";\n  } else if (number >= 1_000_000 && number < 1_000_000_000) {\n    const formattedNum = (number / 1_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000).toFixed(0) + \"M\"\n      : formattedNum + \"M\";\n  } else if (number >= 1_000_000_000 && number < 1_000_000_000_000) {\n    const formattedNum = (number / 1_000_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000_000).toFixed(0) + \"B\"\n      : formattedNum + \"B\";\n  } else if (number >= 1_000_000_000_000 && number < 1_000_000_000_000_000) {\n    const formattedNum = (number / 1_000_000_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000_000_000).toFixed(0) + \"T\"\n      : formattedNum + \"T\";\n  }\n};\n\n// @TODO: Test\nexport const numberWithSeparator = (\n  x: number | string,\n  thousandSeparator: Separators,\n  format = true\n) => {\n  if (!format) {\n    return x;\n  }\n\n  const parts = x.toString().split(\".\");\n  parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandSeparator);\n\n  return parts.join(\".\");\n};\n"],"mappings":";;;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAS,EAA8B;EAAA,IAA5BC,iBAAiB,uEAAG,GAAG;EAC/D,IAAMC,MAAM,GAAGC,UAAU,CAACC,MAAM,CAACJ,CAAC,CAAC,CAACK,UAAU,CAACJ,iBAAiB,EAAE,EAAE,CAAC,CAAC;EAEtE,IAAIK,KAAK,CAACJ,MAAM,CAAC,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,IAAIA,MAAM,GAAG,IAAI,EAAE;IACjB,OAAOF,CAAC;EACV,CAAC,MAAM,IAAIE,MAAM,IAAI,IAAI,IAAIA,MAAM,GAAG,OAAS,EAAE;IAC/C,IAAMK,YAAY,GAAG,CAACL,MAAM,GAAG,IAAI,EAAEM,OAAO,CAAC,CAAC,CAAC;IAC/C,OAAOD,YAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,IAAI,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAChCD,YAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,OAAS,IAAIA,MAAM,GAAG,UAAa,EAAE;IACxD,IAAMK,aAAY,GAAG,CAACL,MAAM,GAAG,OAAS,EAAEM,OAAO,CAAC,CAAC,CAAC;IACpD,OAAOD,aAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,OAAS,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GACrCD,aAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,UAAa,IAAIA,MAAM,GAAG,aAAiB,EAAE;IAChE,IAAMK,cAAY,GAAG,CAACL,MAAM,GAAG,UAAa,EAAEM,OAAO,CAAC,CAAC,CAAC;IACxD,OAAOD,cAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,UAAa,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GACzCD,cAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,aAAiB,IAAIA,MAAM,GAAG,gBAAqB,EAAE;IACxE,IAAMK,cAAY,GAAG,CAACL,MAAM,GAAG,aAAiB,EAAEM,OAAO,CAAC,CAAC,CAAC;IAC5D,OAAOD,cAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,aAAiB,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAC7CD,cAAY,GAAG,GAAG;EACxB;AACF,CAAC;;AAED;AAAA;AACO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,CAAkB,EAClBV,iBAA6B,EAE1B;EAAA,IADHW,MAAM,uEAAG,IAAI;EAEb,IAAI,CAACA,MAAM,EAAE;IACX,OAAOD,CAAC;EACV;EAEA,IAAME,KAAK,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC;EACrCF,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAACG,OAAO,CAAC,uBAAuB,EAAEf,iBAAiB,CAAC;EAEvE,OAAOY,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC;AACxB,CAAC;AAAC"}

package/dist/cjs/utils/currencyUtils.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _currencyUtils = require("./currencyUtils");
+describe("format currency with thousandseparator set to ',' and decimalSeparator to '.'", function () {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"]])("should format currency", function (value, expected) {
+    expect((0, _currencyUtils.formatCurrency)(value, ",")).toEqual(expected);
+  });
+});
+describe("format currency with thousandseparator set to '.' and decimalSeparator to ','", function () {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000,00", "1K"], ["1200,50", "1.2K"], ["1.200,00", "1.2K"], ["2.240,00", "2.2K"], ["22.240,00", "22.2K"], ["50.000.000,00", "50M"]])("should format currency", function (value, expected) {
+    expect((0, _currencyUtils.formatCurrency)(value, ".")).toEqual(expected);
+  });
+});
+//# sourceMappingURL=currencyUtils.test.js.map

package/dist/cjs/utils/currencyUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyUtils.test.js","names":["describe","it","each","value","expected","expect","formatCurrency","toEqual"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n"],"mappings":";;AAAA;AAEAA,QAAQ,CAAC,+EAA+E,EAAE,YAAM;EAC9FC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,MAAM,EAAE,IAAI,CAAC,EACd,CAAC,SAAS,EAAE,IAAI,CAAC,EACjB,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,WAAW,EAAE,OAAO,CAAC,EACtB,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,wBAAwB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAAK;IAChDC,MAAM,CAAC,IAAAC,6BAAc,EAACH,KAAK,EAAE,GAAG,CAAC,CAAC,CAACI,OAAO,CAACH,QAAQ,CAAC;EACtD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFJ,QAAQ,CAAC,+EAA+E,EAAE,YAAM;EAC9FC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,MAAM,EAAE,IAAI,CAAC,EACd,CAAC,SAAS,EAAE,IAAI,CAAC,EACjB,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,WAAW,EAAE,OAAO,CAAC,EACtB,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,wBAAwB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAAK;IAChDC,MAAM,CAAC,IAAAC,6BAAc,EAACH,KAAK,EAAE,GAAG,CAAC,CAAC,CAACI,OAAO,CAACH,QAAQ,CAAC;EACtD,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Input/InputCurrency.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { InputNumberProps } from "./InputNumber";
+export declare type InputCurrencyProps = InputNumberProps;
+export declare const InputCurrency: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=InputCurrency.d.ts.map

package/dist/esm/components/Input/InputCurrency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC;AAElD,eAAO,MAAM,aAAa,2FAIzB,CAAC"}

package/dist/esm/components/Input/InputCurrency.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import { InputNumber } from "./InputNumber";
+export var InputCurrency = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var rest = _extends({}, _ref);
+  return /*#__PURE__*/React.createElement(InputNumber, _extends({
+    ref: ref
+  }, rest));
+});
+InputCurrency.displayName = "InputCurrency";
+//# sourceMappingURL=InputCurrency.js.map

package/dist/esm/components/Input/InputCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","InputNumber","InputCurrency","ref","rest","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { InputNumber } from \"./InputNumber\";\nimport type { InputNumberProps } from \"./InputNumber\";\n\nexport type InputCurrencyProps = InputNumberProps;\n\nexport const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(\n  ({ ...rest }, ref) => {\n    return <InputNumber ref={ref} {...rest} />;\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,WAAW,QAAQ,eAAe;AAK3C,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,gBAAcG,GAAG,EAAK;EAAA,IAAhBC,IAAI;EACR,oBAAO,oBAAC,WAAW;IAAC,GAAG,EAAED;EAAI,GAAKC,IAAI,EAAI;AAC5C,CAAC,CACF;AAEDF,aAAa,CAACG,WAAW,GAAG,eAAe"}

package/dist/esm/components/Input/InputNumber.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { InputProps } from "./Input";
+export declare type Separators = "." | ",";
+export interface InputNumberProps extends InputProps {
+    decimalSeparator?: Separators;
+    thousandSeparator?: Separators;
+    disableAbbreviation?: boolean;
+    disableMacros?: boolean;
+    decimalLength?: number;
+    onValueChange?: (value: string) => void;
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=InputNumber.d.ts.map

package/dist/esm/components/Input/InputNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAS1C,oBAAY,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,2FAoLvB,CAAC"}

package/dist/esm/components/Input/InputNumber.js

@@ -0,0 +1,150 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["disableMacros", "disableAbbreviation", "decimalLength", "thousandSeparator", "decimalSeparator", "value", "onBlur", "onKeyDown", "onFocus", "onValueChange", "disabled", "invalid", "step"];
+import React, { forwardRef, useRef, useState } from "react";
+import { Input } from "./Input";
+import { formatCurrency, numberWithSeparator } from "../../utils/currencyUtils";
+import { useForkRef } from "../../utils";
+var multiplier = {
+  k: 1000,
+  m: 1000000,
+  b: 1000000000,
+  t: 1000000000000
+};
+export var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    _ref$decimalLength = _ref.decimalLength,
+    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    value = _ref.value,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    onFocus = _ref.onFocus,
+    onValueChange = _ref.onValueChange,
+    disabled = _ref.disabled,
+    invalid = _ref.invalid,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = useState(value),
+    formattedValue = _useState[0],
+    setFormatted = _useState[1];
+  var _useState2 = useState(value),
+    rootValue = _useState2[0],
+    setRootValue = _useState2[1];
+  var inputRef = useRef(null);
+  var handleRef = useForkRef(ref, inputRef);
+  var handleInputBlur = function handleInputBlur() {
+    if (inputRef && inputRef.current) {
+      inputRef.current.blur();
+    }
+  };
+  var handleSelect = function handleSelect() {
+    if (inputRef && inputRef.current) {
+      inputRef.current.select();
+    }
+  };
+  var handleChange = function handleChange(e) {
+    var inputValue = e.target.value;
+    var isValidInput = false;
+    var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+      return (parseFloat(num) * multiplier[unit.toLowerCase()]).toString();
+    });
+    var regexString = "^(\\d{0,9}(?:[" + thousandSeparator + "]?\\d{0,3})*(?:\\" + decimalSeparator + "\\d{0," + decimalLength + "})?)?$";
+    if (thousandSeparator === ",") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (thousandSeparator === ".") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (!isValidInput) {
+      return;
+    }
+    setFormatted(numericInput);
+    onValueChange && onValueChange(numericInput);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    var allowedChars = /[0-9km.,b]/i;
+    var key = e.key;
+    var _step = parseFloat(String(step));
+    if (key === "Escape") {
+      handleInputBlur();
+    }
+    if (key === "ArrowUp") {
+      e.preventDefault();
+      updateValue("increment", _step);
+    }
+    if (key === "ArrowDown") {
+      e.preventDefault();
+      updateValue("decrement", _step);
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+      handleSelect();
+    }
+    if (!allowedChars.test(key)) {
+      e.preventDefault();
+    }
+    if (decimalLength === 0 && e.key === decimalSeparator) {
+      e.preventDefault();
+    }
+    onKeyDown && onKeyDown(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (disableAbbreviation) {
+      setFormatted(formattedValue);
+    } else {
+      setFormatted(formatCurrency(formattedValue, thousandSeparator));
+    }
+    setRootValue(formattedValue);
+    onBlur && onBlur(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    setFormatted(rootValue);
+    onFocus && onFocus(e);
+  };
+  var updateValue = function updateValue(type, step) {
+    var value = String(formattedValue);
+    var decimalPart = "";
+    var increasedValue = 0;
+    var nonDecimalPart = value.replaceAll(thousandSeparator, "");
+    if (value.includes(decimalSeparator)) {
+      nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
+    }
+    if (value.includes(decimalSeparator)) {
+      decimalPart = value.slice(value.indexOf(decimalSeparator));
+    }
+    if (type === "increment") {
+      increasedValue = parseFloat(nonDecimalPart) + step;
+    } else {
+      increasedValue = parseFloat(nonDecimalPart) - step;
+    }
+    if (value.includes(decimalSeparator)) {
+      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
+    }
+    var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: handleRef,
+    placeholder: "5" + thousandSeparator + "000" + decimalSeparator + "00",
+    value: formattedValue,
+    type: "text",
+    disabled: disabled,
+    invalid: invalid,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    "aria-placeholder": "5" + thousandSeparator + "000" + decimalSeparator + "00",
+    "aria-disabled": disabled,
+    "aria-invalid": invalid
+  }, rest));
+});
+InputNumber.displayName = "InputNumber";
+//# sourceMappingURL=InputNumber.js.map

package/dist/esm/components/Input/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","useState","Input","formatCurrency","numberWithSeparator","useForkRef","multiplier","k","m","b","t","InputNumber","ref","disableMacros","disableAbbreviation","decimalLength","thousandSeparator","decimalSeparator","value","onBlur","onKeyDown","onFocus","onValueChange","disabled","invalid","step","rest","formattedValue","setFormatted","rootValue","setRootValue","inputRef","handleRef","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","numericInput","replace","_","num","unit","parseFloat","toLowerCase","toString","regexString","RegExp","test","handleKeyDown","allowedChars","key","_step","String","preventDefault","updateValue","metaKey","ctrlKey","handleBlur","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  useRef,\n  useState,\n} from \"react\";\nimport { Input } from \"./Input\";\nimport { formatCurrency, numberWithSeparator } from \"../../utils/currencyUtils\";\nimport { useForkRef } from \"../../utils\";\n\nimport type { InputProps } from \"./Input\";\n\nconst multiplier = {\n  k: 1_000,\n  m: 1_000_000,\n  b: 1_000_000_000,\n  t: 1_000_000_000_000,\n};\n\nexport type Separators = \".\" | \",\";\n\nexport interface InputNumberProps extends InputProps {\n  decimalSeparator?: Separators;\n  thousandSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  decimalLength?: number;\n  onValueChange?: (value: string) => void;\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      disableMacros = false,\n      disableAbbreviation = false,\n      decimalLength = 2,\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      value,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      onValueChange,\n      disabled,\n      invalid,\n      step = 1,\n      ...rest\n    },\n    ref\n  ) => {\n    const [formattedValue, setFormatted] = useState(value);\n    const [rootValue, setRootValue] = useState(value);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const handleInputBlur = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.blur();\n      }\n    };\n\n    const handleSelect = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.select();\n      }\n    };\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      const inputValue = e.target.value;\n      let isValidInput = false;\n\n      const numericInput = disableMacros\n        ? inputValue\n        : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n            return (\n              parseFloat(num) * multiplier[unit.toLowerCase()]\n            ).toString();\n          });\n\n      const regexString = `^(\\\\d{0,9}(?:[${thousandSeparator}]?\\\\d{0,3})*(?:\\\\${decimalSeparator}\\\\d{0,${decimalLength}})?)?$`;\n\n      if (thousandSeparator === \",\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (thousandSeparator === \".\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (!isValidInput) {\n        return;\n      }\n\n      setFormatted(numericInput);\n\n      onValueChange && onValueChange(numericInput);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n      const allowedChars = /[0-9km.,b]/i;\n      const key = e.key;\n      const _step = parseFloat(String(step));\n\n      if (key === \"Escape\") {\n        handleInputBlur();\n      }\n\n      if (key === \"ArrowUp\") {\n        e.preventDefault();\n\n        updateValue(\"increment\", _step);\n      }\n\n      if (key === \"ArrowDown\") {\n        e.preventDefault();\n\n        updateValue(\"decrement\", _step);\n      }\n\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        handleSelect();\n      }\n\n      if (!allowedChars.test(key)) {\n        e.preventDefault();\n      }\n\n      if (decimalLength === 0 && e.key === decimalSeparator) {\n        e.preventDefault();\n      }\n\n      onKeyDown && onKeyDown(e);\n    };\n\n    const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {\n      if (disableAbbreviation) {\n        setFormatted(formattedValue);\n      } else {\n        setFormatted(\n          formatCurrency(formattedValue as string, thousandSeparator)\n        );\n      }\n\n      setRootValue(formattedValue);\n\n      onBlur && onBlur(e);\n    };\n\n    const handleFocus: FocusEventHandler<HTMLInputElement> = (e) => {\n      setFormatted(rootValue);\n\n      onFocus && onFocus(e);\n    };\n\n    const updateValue = (type: \"increment\" | \"decrement\", step: number) => {\n      const value = String(formattedValue);\n\n      let decimalPart = \"\";\n      let increasedValue = 0;\n      let nonDecimalPart = value.replaceAll(thousandSeparator, \"\");\n\n      if (value.includes(decimalSeparator)) {\n        nonDecimalPart = value\n          .slice(0, value.indexOf(decimalSeparator))\n          .replaceAll(thousandSeparator, \"\");\n      }\n\n      if (value.includes(decimalSeparator)) {\n        decimalPart = value.slice(value.indexOf(decimalSeparator));\n      }\n\n      if (type === \"increment\") {\n        increasedValue = parseFloat(nonDecimalPart) + step;\n      } else {\n        increasedValue = parseFloat(nonDecimalPart) - step;\n      }\n\n      if (value.includes(decimalSeparator)) {\n        increasedValue = parseFloat(increasedValue.toFixed(decimalLength));\n      }\n\n      const joinedValue = numberWithSeparator(\n        increasedValue,\n        thousandSeparator,\n        value.includes(thousandSeparator)\n      );\n\n      setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);\n    };\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":"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"}

package/dist/esm/components/Input/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yFA4D9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFA+CvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yFA4D9B,CAAC;AAIF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oFAgDvB,CAAC"}

package/dist/esm/components/Input/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledInputWrapper","div","props","$size","$disabled","$invalid","displayName","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AASxC,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,2TAexCF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBN,GAAG,oCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,kBAEF;AAAA,GAEC,UAACK,KAAK;EAAA,OACRA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,kBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACE,SAAS,IACfP,GAAG,iCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChB,CAACF,KAAK,CAACG,QAAQ,IACfR,GAAG,gEAKF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChBF,KAAK,CAACG,QAAQ,IACdR,GAAG,oCAEF;AAAA,EACJ;AAEDG,kBAAkB,CAACM,WAAW,GAAG,oBAAoB;AAOrD,OAAO,IAAMC,WAAW,GAAGX,MAAM,CAACY,KAAK;EAAA;EAAA;AAAA,8SAkBnC,UAACN,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,qBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,wCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACO,QAAQ,IACdZ,GAAG,qBAEF;AAAA,GACD,UAACK,KAAK;EAAA,OACNA,KAAK,CAACQ,QAAQ,IACdb,GAAG,sBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACS,KAAK,IACXd,GAAG,uBACaK,KAAK,CAACS,KAAK,CAC1B;AAAA,EACJ;AAEDJ,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledInputWrapper","div","props","$size","$disabled","$invalid","displayName","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputProps } from \"./Input\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AASxC,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,2TAexCF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBN,GAAG,oCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,kBAEF;AAAA,GAEC,UAACK,KAAK;EAAA,OACRA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,kBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACE,SAAS,IACfP,GAAG,iCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChB,CAACF,KAAK,CAACG,QAAQ,IACfR,GAAG,gEAKF;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACE,SAAS,IAChBF,KAAK,CAACG,QAAQ,IACdR,GAAG,oCAEF;AAAA,EACJ;AAEDG,kBAAkB,CAACM,WAAW,GAAG,oBAAoB;AAOrD,OAAO,IAAMC,WAAW,GAAGX,MAAM,CAACY,KAAK;EAAA;EAAA;AAAA,8SAkBnC,UAACN,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,KAAK,IACrBN,GAAG,qBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBN,GAAG,wCAGF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACO,QAAQ,IACdZ,GAAG,qBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACQ,QAAQ,IACdb,GAAG,sBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACS,KAAK,IACXd,GAAG,uBACaK,KAAK,CAACS,KAAK,CAC1B;AAAA,EACJ;AAEDJ,WAAW,CAACD,WAAW,GAAG,aAAa"}

package/dist/esm/utils/currencyUtils.d.ts

@@ -0,0 +1,4 @@
+import { Separators } from "../components/Input/InputNumber";
+export declare const formatCurrency: (n: string, thousandSeparator?: string) => string | undefined;
+export declare const numberWithSeparator: (x: number | string, thousandSeparator: Separators, format?: boolean) => string | number;
+//# sourceMappingURL=currencyUtils.d.ts.map

package/dist/esm/utils/currencyUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/currencyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,eAAO,MAAM,cAAc,MAAO,MAAM,mDA8BvC,CAAC;AAGF,eAAO,MAAM,mBAAmB,MAC3B,MAAM,GAAG,MAAM,qBACC,UAAU,sCAW9B,CAAC"}