@activecollab/components 1.0.402 → 1.0.404

package/dist/esm/utils/currencyUtils.js

@@ -1,3 +1,9 @@
+export var currencyMultiplier = {
+  k: 1000,
+  m: 1000000,
+  b: 1000000000,
+  t: 1000000000000
+};
 export var formatCurrency = function formatCurrency(n, thousandSeparator) {
   if (thousandSeparator === void 0) {
     thousandSeparator = ",";
@@ -6,21 +12,17 @@ export var formatCurrency = function formatCurrency(n, 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";
+  var isNegative = number < 0;
+  var absoluteNumber = Math.abs(number);
+  var suffixes = ["", "K", "M", "B", "T"];
+  var scale = 0;
+  while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {
+    absoluteNumber /= 1000;
+    scale++;
   }
+  var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
+  var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
+  return isNegative ? "-" + result + suffixes[scale] : "" + result + suffixes[scale];
 };
 export var numberWithSeparator = function numberWithSeparator(x, thousandSeparator, format) {
   if (format === void 0) {

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

@@ -1 +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\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":"AAEA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAS,EAAEC,iBAAiB,EAAW;EAAA,IAA5BA,iBAAiB;IAAjBA,iBAAiB,GAAG,GAAG;EAAA;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,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,CAAkB,EAClBV,iBAA6B,EAC7BW,MAAM,EACH;EAAA,IADHA,MAAM;IAANA,MAAM,GAAG,IAAI;EAAA;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"}
+{"version":3,"file":"currencyUtils.js","names":["currencyMultiplier","k","m","b","t","formatCurrency","n","thousandSeparator","number","parseFloat","String","replaceAll","isNaN","isNegative","absoluteNumber","Math","abs","suffixes","scale","length","formattedNum","toFixed","result","endsWith","slice","numberWithSeparator","x","format","parts","toString","split","replace","join"],"sources":["../../../src/utils/currencyUtils.ts"],"sourcesContent":["import { Separators } from \"../hooks\";\n\nexport const currencyMultiplier = {\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 const formatCurrency = (n: string, thousandSeparator = \",\") => {\n  const number = parseFloat(String(n).replaceAll(thousandSeparator, \"\"));\n\n  if (isNaN(number)) {\n    return \"\";\n  }\n\n  const isNegative = number < 0;\n  let absoluteNumber = Math.abs(number);\n\n  const suffixes = [\"\", \"K\", \"M\", \"B\", \"T\"];\n  let scale = 0;\n\n  while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {\n    absoluteNumber /= 1000;\n    scale++;\n  }\n\n  const formattedNum =\n    scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);\n  const result = formattedNum.endsWith(\".0\")\n    ? formattedNum.slice(0, -2)\n    : formattedNum;\n\n  return isNegative\n    ? `-${result}${suffixes[scale]}`\n    : `${result}${suffixes[scale]}`;\n};\n\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":"AAEA,OAAO,IAAMA,kBAAkB,GAAG;EAChCC,CAAC,EAAE,IAAK;EACRC,CAAC,EAAE,OAAS;EACZC,CAAC,EAAE,UAAa;EAChBC,CAAC,EAAE;AACL,CAAC;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAS,EAAEC,iBAAiB,EAAW;EAAA,IAA5BA,iBAAiB;IAAjBA,iBAAiB,GAAG,GAAG;EAAA;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,IAAMK,UAAU,GAAGL,MAAM,GAAG,CAAC;EAC7B,IAAIM,cAAc,GAAGC,IAAI,CAACC,GAAG,CAACR,MAAM,CAAC;EAErC,IAAMS,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;EACzC,IAAIC,KAAK,GAAG,CAAC;EAEb,OAAOJ,cAAc,IAAI,IAAI,IAAII,KAAK,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC,EAAE;IAC5DL,cAAc,IAAI,IAAI;IACtBI,KAAK,EAAE;EACT;EAEA,IAAME,YAAY,GAChBF,KAAK,KAAK,CAAC,GAAGJ,cAAc,CAACO,OAAO,CAAC,CAAC,CAAC,GAAGP,cAAc,CAACO,OAAO,CAAC,CAAC,CAAC;EACrE,IAAMC,MAAM,GAAGF,YAAY,CAACG,QAAQ,CAAC,IAAI,CAAC,GACtCH,YAAY,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACzBJ,YAAY;EAEhB,OAAOP,UAAU,SACTS,MAAM,GAAGL,QAAQ,CAACC,KAAK,CAAC,QACzBI,MAAM,GAAGL,QAAQ,CAACC,KAAK,CAAG;AACnC,CAAC;AAED,OAAO,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,CAAkB,EAClBnB,iBAA6B,EAC7BoB,MAAM,EACH;EAAA,IADHA,MAAM;IAANA,MAAM,GAAG,IAAI;EAAA;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,EAAExB,iBAAiB,CAAC;EAEvE,OAAOqB,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC;AACxB,CAAC"}

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

@@ -1,11 +1,11 @@
 import { formatCurrency, numberWithSeparator } from "./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) {
+  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"], ["-50,000.00", "-50K"], ["-1,200", "-1.2K"], ["-90,000,000.00", "-90M"]])("should format currency", function (value, expected) {
     expect(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) {
+  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"], ["-50.000,00", "-50K"], ["-1.200", "-1.2K"], ["-90.000.000,00", "-90M"]])("should format currency", function (value, expected) {
     expect(formatCurrency(value, ".")).toEqual(expected);
   });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","numberWithSeparator","describe","it","each","value","expected","expect","toEqual","test","result","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } 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\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","numberWithSeparator","describe","it","each","value","expected","expect","toEqual","test","result","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } 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    [\"-50,000.00\", \"-50K\"],\n    [\"-1,200\", \"-1.2K\"],\n    [\"-90,000,000.00\", \"-90M\"],\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    [\"-50.000,00\", \"-50K\"],\n    [\"-1.200\", \"-1.2K\"],\n    [\"-90.000.000,00\", \"-90M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}

package/dist/index.js

@@ -3300,6 +3300,44 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
+  /**
+   * @component DescriptionSmallIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <DescriptionSmallIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DescriptionSmallIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15 15H3a1.5 1.5 0 01-1.5-1.5v-9A1.5 1.5 0 013 3h12a1.5 1.5 0 011.5 1.5v9A1.5 1.5 0 0115 15zM3 4.5v9h12v-9H3zm1.5 2.25h9v1.5h-9v-1.5zm0 3H12v1.5H4.5v-1.5z"
+    }));
+  });
+  DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
+  var DescriptionSmallIcon$1 = DescriptionSmallIcon;
+
   /**
    * @component DescriptionIcon
    * @description
@@ -11008,6 +11046,172 @@
     return height;
   };
 
+  var currencyMultiplier = {
+    k: 1000,
+    m: 1000000,
+    b: 1000000000,
+    t: 1000000000000
+  };
+  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 "";
+    }
+    var isNegative = number < 0;
+    var absoluteNumber = Math.abs(number);
+    var suffixes = ["", "K", "M", "B", "T"];
+    var scale = 0;
+    while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {
+      absoluteNumber /= 1000;
+      scale++;
+    }
+    var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
+    var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
+    return isNegative ? "-".concat(result).concat(suffixes[scale]) : "".concat(result).concat(suffixes[scale]);
+  };
+  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(".");
+  };
+
+  var useInputNumber = function useInputNumber(_ref, ref) {
+    var _ref$decimalSeparator = _ref.decimalSeparator,
+      decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+      _ref$thousandSeparato = _ref.thousandSeparator,
+      thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+      disableAbbreviation = _ref.disableAbbreviation,
+      disableMacros = _ref.disableMacros,
+      decimalLength = _ref.decimalLength,
+      value = _ref.value,
+      onValueChange = _ref.onValueChange,
+      onKeyDown = _ref.onKeyDown,
+      onBlur = _ref.onBlur,
+      onFocus = _ref.onFocus,
+      step = _ref.step;
+    var _useState = React.useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      formattedValue = _useState2[0],
+      setFormatted = _useState2[1];
+    var _useState3 = React.useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      rootValue = _useState4[0],
+      setRootValue = _useState4[1];
+    var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      focused = _useState6[0],
+      setFocused = _useState6[1];
+    var handleInputBlur = function handleInputBlur() {
+      if (ref && ref.current) {
+        ref.current.blur();
+      }
+    };
+    var handleSelect = function handleSelect() {
+      if (ref && ref.current) {
+        ref.current.select();
+      }
+    };
+    var handleChange = function handleChange(e) {
+      var inputValue = e.target.value;
+      var isValidInput = false;
+      if (inputValue.startsWith("00")) {
+        return;
+      }
+      var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+        return (parseFloat(num) * currencyMultiplier[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 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 (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);
+      setFocused(false);
+      onBlur && onBlur(e);
+    };
+    var handleFocus = function handleFocus(e) {
+      setFormatted(rootValue);
+      setFocused(true);
+      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) {
+        return;
+      }
+      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 {
+      focused: focused,
+      formattedValue: formattedValue,
+      rootValue: rootValue,
+      handleChange: handleChange,
+      handleKeyDown: handleKeyDown,
+      handleBlur: handleBlur,
+      handleFocus: handleFocus,
+      onValueChange: onValueChange
+    };
+  };
+
   var _excluded$O = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
@@ -18005,6 +18209,7 @@
   exports.DependencyIcon = DependencyIcon$1;
   exports.DependencySmallIcon = DependencySmallIcon$1;
   exports.DescriptionIcon = DescriptionIcon$1;
+  exports.DescriptionSmallIcon = DescriptionSmallIcon$1;
   exports.Dialog = Dialog;
   exports.DiscussionAddIcon = DiscussionAddIcon$1;
   exports.DiscussionIcon = DiscussionIcon$1;
@@ -18229,6 +18434,7 @@
   exports.useForkRef = useForkRef;
   exports.useHeight = useHeight;
   exports.useInitScrollRef = useInitScrollRef;
+  exports.useInputNumber = useInputNumber;
   exports.useLayerContext = useLayerContext;
   exports.useMenuContext = useMenuContext;
   exports.useResizeObserver = useResizeObserver$1;