@assembly-js/design-system 3.1.2 → 3.1.4

package/dist/esm/components/IconPicker/index.js

@@ -0,0 +1,3 @@
+// This file is generated by a script. Do not edit this file directly.
+import React from "react";
+export { IconPicker } from "./IconPicker";

package/dist/esm/components/IconPicker/pickerIcons.js

@@ -0,0 +1,20 @@
+// This file is generated by a script. Do not edit this file directly.
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { icons as allFaIcons } from "./icons.generated";
+import { dsPickerIcons } from "./dsPickerIcons";
+export var pickerIcons = [].concat(_toConsumableArray(dsPickerIcons), _toConsumableArray(allFaIcons.map(function (icon) {
+  return _objectSpread(_objectSpread({}, icon), {}, {
+    source: 'fa'
+  });
+})));

package/dist/esm/components/IconPicker/searchIcons.js

@@ -0,0 +1,122 @@
+// This file is generated by a script. Do not edit this file directly.
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { searchTermsMap } from "./icons.generated";
+function createNode() {
+  return {
+    children: new Map(),
+    icons: new Set()
+  };
+}
+function insert(root, key, icon) {
+  var node = root;
+  var _iterator = _createForOfIteratorHelper(key),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _char = _step.value;
+      var child = node.children.get(_char);
+      if (!child) {
+        child = createNode();
+        node.children.set(_char, child);
+      }
+      node = child;
+      node.icons.add(icon);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function lookup(root, prefix) {
+  var node = root;
+  var _iterator2 = _createForOfIteratorHelper(prefix),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _char2 = _step2.value;
+      var child = node.children.get(_char2);
+      if (!child) return new Set();
+      node = child;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return node.icons;
+}
+
+/** Split PascalCase into lowercase words: "GoogleDrive" → ["google", "drive"] */
+function splitPascalCase(name) {
+  var parts = name.match(/[A-Z][a-z]*|[a-z]+|[A-Z]+(?=[A-Z][a-z]|\d|\b)/g);
+  if (!parts || parts.length <= 1) return [];
+  return parts.map(function (p) {
+    return p.toLowerCase();
+  });
+}
+function buildTrie(icons) {
+  var root = createNode();
+  var _iterator3 = _createForOfIteratorHelper(icons),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var icon = _step3.value;
+      insert(root, icon.name.toLowerCase(), icon);
+      var terms = searchTermsMap[icon.name];
+      if (terms) {
+        var _iterator4 = _createForOfIteratorHelper(terms),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var term = _step4.value;
+            insert(root, term.toLowerCase(), icon);
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+      }
+      if (icon.source === 'ds') {
+        var _iterator5 = _createForOfIteratorHelper(splitPascalCase(icon.name)),
+          _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var word = _step5.value;
+            insert(root, word, icon);
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return root;
+}
+var cache = new WeakMap();
+function getOrBuildTrie(icons) {
+  var trie = cache.get(icons);
+  if (!trie) {
+    trie = buildTrie(icons);
+    cache.set(icons, trie);
+  }
+  return trie;
+}
+export function searchIcons(query, icons) {
+  var q = query.trim().toLowerCase();
+  if (!q) return icons;
+  var trie = getOrBuildTrie(icons);
+  var matches = lookup(trie, q);
+  return icons.filter(function (icon) {
+    return matches.has(icon);
+  });
+}

package/dist/esm/icons/AssemblyLogo.js

@@ -8,6 +8,6 @@ export var AssemblyLogo = function AssemblyLogo(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M19.998 14.435v3.375c0 1.193-.97 2.161-2.167 2.161H.597a.594.594 0 0 1-.421-1.014l4.04-4.029a1.7 1.7 0 0 1 1.194-.493zM19.998 6.813v3.374c0 1.193-.97 2.161-2.167 2.161H6.803l5.056-5.042a1.7 1.7 0 0 1 1.194-.494zM20 .624v1.941c0 1.193-.97 2.161-2.167 2.161h-3.385L18.983.204A.596.596 0 0 1 20 .624"
+    d: "M19.998 14.435v3.375c0 1.193-.97 2.161-2.167 2.161H.597a.594.594 0 0 1-.421-1.014l4.04-4.029a1.7 1.7 0 0 1 1.194-.493zM19.998 6.813v3.374c0 1.193-.97 2.161-2.167 2.161H6.803l5.056-5.042a1.7 1.7 0 0 1 1.194-.494zM20 .624v1.941c0 1.193-.97 2.161-2.166 2.161h-3.385L18.984.204A.596.596 0 0 1 20 .624"
   }));
 };

package/dist/esm/icons/BoltSlash.js

@@ -8,6 +8,6 @@ export var BoltSlash = function BoltSlash(props) {
     viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M1.673.242a.84.84 0 0 0-1.18 0 .837.837 0 0 0 0 1.18l18.332 18.333a.833.833 0 0 0 1.177-1.177l-5.704-5.704L17.62 9.9a1.218 1.218 0 0 0-.812-2.125h-4.201l2.041-6.124a.835.835 0 0 0-1.344-.889L7.44 6.009zM8.621 7.19l3.458-3.094-1.417 4.247a.836.836 0 0 0 .792 1.097h4.18l-2.514 2.25zm-.198 8.7L9.47 12.75 7.273 10.55H4.871l1.267-1.136-1.18-1.18-2.077 1.857a1.218 1.218 0 0 0 .812 2.125h4.202l-2.042 6.125a.832.832 0 0 0 1.348.882l4.617-4.132-1.18-1.18-2.212 1.979z"
+    d: "M1.672.242a.84.84 0 0 0-1.18 0 .837.837 0 0 0 0 1.18l18.332 18.333a.833.833 0 0 0 1.177-1.177l-5.705-5.704L17.62 9.9a1.218 1.218 0 0 0-.812-2.125h-4.201l2.041-6.124a.835.835 0 0 0-1.344-.889L7.44 6.009zM8.62 7.19l3.458-3.094-1.417 4.247a.837.837 0 0 0 .792 1.097h4.18l-2.513 2.25zm-.198 8.7L9.47 12.75 7.272 10.55H4.87l1.267-1.136-1.18-1.18-2.077 1.857a1.218 1.218 0 0 0 .812 2.125h4.202l-2.042 6.125a.832.832 0 0 0 1.348.882l4.617-4.132-1.18-1.18-2.212 1.979z"
   }));
 };

package/dist/esm/icons/IceCream.js

@@ -8,6 +8,6 @@ export var IceCream = function IceCream(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M5.633 5.882A4.116 4.116 0 0 1 9.75 1.765a4.116 4.116 0 0 1 4.106 4.419c-.03.426.25.816.666.919a1.471 1.471 0 0 1-.36 2.897H5.338a1.47 1.47 0 0 1-.36-2.897.88.88 0 0 0 .665-.92 4 4 0 0 1-.011-.3M9.75 0a5.884 5.884 0 0 0-5.88 5.643A3.24 3.24 0 0 0 2.105 8.53a3.234 3.234 0 0 0 2.933 3.221l3.86 7.724a.95.95 0 0 0 .854.526.95.95 0 0 0 .853-.526l3.86-7.724a3.234 3.234 0 0 0 2.934-3.22 3.24 3.24 0 0 0-1.769-2.887A5.884 5.884 0 0 0 9.751 0"
+    d: "M5.632 5.882A4.116 4.116 0 0 1 9.75 1.765a4.116 4.116 0 0 1 4.106 4.419c-.03.426.25.816.666.919a1.471 1.471 0 0 1-.36 2.897H5.337a1.47 1.47 0 0 1-.36-2.897.88.88 0 0 0 .665-.92 4 4 0 0 1-.011-.3M9.75 0a5.884 5.884 0 0 0-5.88 5.643A3.24 3.24 0 0 0 2.104 8.53a3.234 3.234 0 0 0 2.933 3.221l3.86 7.724A.95.95 0 0 0 9.75 20a.95.95 0 0 0 .852-.526l3.86-7.724a3.234 3.234 0 0 0 2.935-3.22 3.24 3.24 0 0 0-1.769-2.887A5.884 5.884 0 0 0 9.75 0"
   }));
 };

package/dist/esm/icons/MartiniGlassEmpty.js

@@ -5,9 +5,9 @@ export var MartiniGlassEmpty = function MartiniGlassEmpty(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 21 21"
+    viewBox: "0 0 20 21"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M.984 1.312a.983.983 0 0 0-.697 1.682l9.227 9.226v6.812h-3.28a.98.98 0 0 0-.985.984c0 .545.44.984.984.984h8.53a.98.98 0 0 0 .984-.984.98.98 0 0 0-.984-.984h-3.28V12.22l9.226-9.226a.986.986 0 0 0-.697-1.682zm9.514 9.108-7.14-7.14h14.28z"
+    d: "M.938 1.25A.936.936 0 0 0 .274 2.85l8.788 8.79v6.487H5.938a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h8.124c.52 0 .938-.418.938-.937a.935.935 0 0 0-.938-.938h-3.125V11.64l8.789-8.789a.939.939 0 0 0-.664-1.601zM10 9.925l-6.8-6.8h13.6z"
   }));
 };

package/dist/esm/icons/PersonDress.js

@@ -8,6 +8,6 @@ export var PersonDress = function PersonDress(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.087 3.889a1.945 1.945 0 1 0 0-3.89 1.945 1.945 0 0 0 0 3.89m-2.215 8.889 1.68-5.712a.564.564 0 0 1 1.077 0l1.68 5.712H7.872m-.007 1.666v4.723c0 .461.371.833.833.833a.83.83 0 0 0 .834-.833v-4.723h1.11v4.723c0 .461.372.833.834.833a.83.83 0 0 0 .833-.833v-4.723h1.48a.557.557 0 0 0 .534-.711L12.81 8.587l2.157 3.01a.833.833 0 1 0 1.354-.972L13.535 6.74A4.17 4.17 0 0 0 10.15 5h-.122c-1.344 0-2.604.65-3.385 1.74l-2.788 3.885a.836.836 0 0 0 .19 1.163.837.837 0 0 0 1.164-.19l2.156-3.011-1.514 5.146a.557.557 0 0 0 .535.711z"
+    d: "M10.088 3.889a1.945 1.945 0 1 0 0-3.89 1.945 1.945 0 0 0 0 3.89m-2.215 8.889 1.68-5.712a.564.564 0 0 1 1.077 0l1.68 5.712H7.873m-.007 1.666v4.723c0 .461.371.833.833.833a.83.83 0 0 0 .834-.833v-4.723h1.11v4.723c0 .461.372.833.834.833a.83.83 0 0 0 .833-.833v-4.723h1.48a.557.557 0 0 0 .534-.711L12.81 8.587l2.157 3.01a.833.833 0 1 0 1.354-.972L13.536 6.74A4.17 4.17 0 0 0 10.151 5h-.122c-1.344 0-2.604.65-3.385 1.74l-2.788 3.885a.836.836 0 0 0 .19 1.163.837.837 0 0 0 1.164-.19l2.156-3.011-1.514 5.146a.557.557 0 0 0 .535.711z"
   }));
 };

package/dist/esm/icons/SettingsSolid.js

@@ -0,0 +1,20 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var SettingsSolid = function SettingsSolid(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#settingssolid-a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M11.93.852a.88.88 0 0 0-.762-.782A11 11 0 0 0 10 .004q-.652 0-1.281.082a.884.884 0 0 0-.754.781l-.113.903a.66.66 0 0 1-.45.535 8 8 0 0 0-1.09.457.66.66 0 0 1-.703-.059l-.703-.547a.886.886 0 0 0-1.09-.015 10 10 0 0 0-1.734 1.746.886.886 0 0 0 .02 1.086l.554.715a.65.65 0 0 1 .059.695q-.259.515-.442 1.07a.65.65 0 0 1-.535.453l-.89.114a.89.89 0 0 0-.782.757c-.05.403-.074.817-.074 1.23q0 .623.074 1.227c.051.403.38.707.782.758l.89.113c.25.032.457.211.535.454q.183.556.442 1.074a.66.66 0 0 1-.059.695l-.547.703a.886.886 0 0 0-.02 1.086 10 10 0 0 0 1.735 1.746c.32.25.77.235 1.09-.015l.703-.547a.66.66 0 0 1 .703-.059q.528.27 1.09.457a.66.66 0 0 1 .45.535l.113.903c.05.402.351.73.754.781q.629.082 1.28.082.593 0 1.169-.066a.884.884 0 0 0 .761-.782l.11-.879a.66.66 0 0 1 .457-.539 8 8 0 0 0 1.133-.46.66.66 0 0 1 .695.058l.707.555c.32.25.766.265 1.086.02q.164-.13.32-.262l1.2-1.2.21-.258a.88.88 0 0 0-.015-1.09l-.547-.699a.66.66 0 0 1-.059-.703c.188-.367.352-.754.48-1.152a.65.65 0 0 1 .536-.453l.89-.11c.403-.05.735-.355.782-.757l.023-.203V8.992l-.023-.203a.89.89 0 0 0-.781-.758l-.891-.11a.65.65 0 0 1-.535-.452 8 8 0 0 0-.48-1.153.66.66 0 0 1 .058-.703l.547-.699c.25-.32.265-.77.015-1.09l-.21-.258-1.2-1.21q-.156-.134-.32-.262a.88.88 0 0 0-1.086.02l-.715.554a.65.65 0 0 1-.695.059 8 8 0 0 0-1.133-.461.66.66 0 0 1-.457-.536zM10 6.875a3.125 3.125 0 1 1 0 6.25 3.125 3.125 0 0 1 0-6.25"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "settingssolid-a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h20v20H0z"
+  }))));
+};

package/dist/esm/icons/Warning.js

@@ -8,6 +8,6 @@ export var Warning = function Warning(props) {
     viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.02 0c.574 0 1.1.316 1.374.82l8.438 15.625c.262.485.25 1.07-.031 1.543a1.56 1.56 0 0 1-1.344.762H1.582c-.55 0-1.059-.29-1.34-.762a1.56 1.56 0 0 1-.031-1.543L8.648.82C8.922.316 9.45 0 10.023 0zM2.104 16.875h15.828L10.02 2.219zm7.914-1.562a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0-8.126c.727 0 1.29.63 1.211 1.352l-.277 2.504a.94.94 0 0 1-.934.832.935.935 0 0 1-.93-.832l-.277-2.504a1.22 1.22 0 0 1 1.211-1.351z"
+    d: "M10.02 0c.575 0 1.102.316 1.375.82l8.438 15.625c.262.485.25 1.07-.031 1.543a1.56 1.56 0 0 1-1.344.762H1.583c-.55 0-1.059-.29-1.34-.762a1.56 1.56 0 0 1-.031-1.543L8.649.82C8.923.316 9.45 0 10.024 0zM2.106 16.875h15.828L10.02 2.219zm7.914-1.562a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0-8.126c.727 0 1.29.63 1.211 1.352l-.277 2.504a.94.94 0 0 1-.934.832.935.935 0 0 1-.93-.832l-.277-2.504a1.22 1.22 0 0 1 1.211-1.351z"
   }));
 };

package/dist/esm/icons/iconToFaMap.js

@@ -0,0 +1,309 @@
+// This file is generated by a script. Do not edit this file directly.
+/**
+ * Maps webapp module icon names to their FontAwesome equivalents.
+ *
+ * • Webapp module icons are keyed by their component name (e.g. "HomeIcon")
+ * • Values are FA icon names as they appear in the IconPicker
+ */
+export var iconToFaMap = {
+  // ──────────────────────────────────────────────
+  //  Webapp module icons
+  // ──────────────────────────────────────────────
+
+  // Accessibility & People
+  AccessibilityIcon: 'wheelchair-move',
+  BodyIcon: 'person',
+  FemaleIcon: 'venus',
+  MaleIcon: 'mars',
+  MaleFemaleIcon: 'mars-and-venus',
+  ManIcon: 'person',
+  WomanIcon: 'person-dress',
+  TransgenderIcon: 'transgender',
+  HappyIcon: 'face-smile',
+  SadIcon: 'face-frown',
+  // Travel & Transport
+  AirplaneIcon: 'plane',
+  BicycleIcon: 'bicycle',
+  BoatIcon: 'sailboat',
+  BusIcon: 'bus',
+  CarIcon: 'car',
+  CarSportIcon: 'car-side',
+  SubwayIcon: 'train-subway',
+  TrainIcon: 'train-subway',
+  WalkIcon: 'person-walking',
+  FootstepsIcon: 'shoe-prints',
+  NavigateIcon: 'location-arrow',
+  // Time & Calendar
+  AlarmIcon: 'alarm-clock',
+  CalendarIcon: 'calendar',
+  CalendarClearIcon: 'calendar-xmark',
+  CalendarNumberIcon: 'calendar-days',
+  HourglassIcon: 'hourglass',
+  TimeIcon: 'clock',
+  TimerIcon: 'timer',
+  TodayIcon: 'calendar-check',
+  StopwatchIcon: 'stopwatch',
+  WatchIcon: 'watch',
+  // Music & Media
+  AlbumsIcon: 'record-vinyl',
+  DiscIcon: 'compact-disc',
+  FilmIcon: 'film',
+  MusicalNoteIcon: 'music-note',
+  MusicalNotesIcon: 'music',
+  RadioIcon: 'radio',
+  RadioButtonOnIcon: 'circle-dot',
+  VideocamIcon: 'video',
+  // Sports & Fitness
+  AmericanFootballIcon: 'football',
+  FootballIcon: 'football',
+  BaseballIcon: 'baseball',
+  BasketballIcon: 'basketball',
+  BowlingBallIcon: 'bowling-ball',
+  GolfIcon: 'golf-ball-tee',
+  TennisballIcon: 'tennis-ball',
+  BarbellIcon: 'dumbbell',
+  FitnessIcon: 'heart-pulse',
+  // Charts & Analytics
+  AnalyticsIcon: 'chart-line',
+  BarChartIcon: 'chart-bar',
+  PieChartIcon: 'chart-pie',
+  StatsChartIcon: 'chart-mixed',
+  TrendingDownIcon: 'chart-line-down',
+  TrendingUpIcon: 'chart-line-up',
+  PulseIcon: 'wave-pulse',
+  SpeedometerIcon: 'gauge',
+  PodiumIcon: 'podium',
+  // UI & Layout
+  ApertureIcon: 'aperture',
+  AppsIcon: 'grid-2',
+  GridIcon: 'grip-vertical',
+  LayersIcon: 'layer-group',
+  OptionsIcon: 'sliders',
+  ToggleIcon: 'toggle-on',
+  EllipseIcon: 'circle',
+  SquareIcon: 'square',
+  TriangleIcon: 'triangle-exclamation',
+  ShapesIcon: 'shapes',
+  // Shopping & Commerce
+  BagIcon: 'bag-shopping',
+  BagAddIcon: 'bag-shopping-plus',
+  BagCheckIcon: 'bag-shopping',
+  BagHandleIcon: 'bag-shopping',
+  BagRemoveIcon: 'bag-shopping-minus',
+  BasketIcon: 'basket-shopping',
+  CartIcon: 'cart-shopping',
+  CardIcon: 'credit-card',
+  CashIcon: 'money-bill',
+  PricetagIcon: 'tag',
+  PricetagsIcon: 'tags',
+  ReceiptIcon: 'receipt',
+  StorefrontIcon: 'store',
+  WalletIcon: 'wallet',
+  // Communication
+  CallIcon: 'phone',
+  ChatboxEllipsesIcon: 'comment-dots',
+  ChatboxIcon: 'comment',
+  ChatbubbleEllipsesIcon: 'message-dots',
+  ChatbubbleIcon: 'message',
+  ChatbubblesIcon: 'comments',
+  MegaphoneIcon: 'bullhorn',
+  NotificationsIcon: 'bell',
+  PaperPlaneIcon: 'paper-plane',
+  // Weather & Nature
+  BalloonIcon: 'balloon',
+  BonfireIcon: 'fire',
+  CloudIcon: 'cloud',
+  CloudCircleIcon: 'cloud',
+  CloudyIcon: 'clouds',
+  CloudyNightIcon: 'cloud-moon',
+  FlameIcon: 'fire-flame-curved',
+  FlashIcon: 'bolt-lightning',
+  FlashOffIcon: 'bolt-slash',
+  FlowerIcon: 'flower',
+  LeafIcon: 'leaf',
+  MoonIcon: 'moon',
+  PartlySunnyIcon: 'cloud-sun',
+  RainyIcon: 'cloud-rain',
+  SnowIcon: 'snowflake',
+  SunnyIcon: 'sun',
+  ThunderstormIcon: 'cloud-bolt',
+  UmbrellaIcon: 'umbrella',
+  WaterIcon: 'water',
+  RoseIcon: 'seedling',
+  // Food & Drink
+  BeerIcon: 'beer-mug-empty',
+  CalculatorIcon: 'calculator',
+  CafeIcon: 'mug-hot',
+  FastFoodIcon: 'burger',
+  IceCreamIcon: 'ice-cream',
+  NutritionIcon: 'apple-whole',
+  PintIcon: 'glass-citrus',
+  PizzaIcon: 'pizza-slice',
+  RestaurantIcon: 'utensils',
+  WineIcon: 'wine-glass',
+  EggIcon: 'egg',
+  FishIcon: 'fish',
+  // Medical & Health
+  BandageIcon: 'bandage',
+  MedkitIcon: 'suitcase-medical',
+  MedicalIcon: 'kit-medical',
+  ThermometerIcon: 'temperature-half',
+  EarthIcon: 'earth-americas',
+  EarIcon: 'ear',
+  // Science & Tech
+  BeakerIcon: 'flask',
+  FlaskIcon: 'flask-vial',
+  NuclearIcon: 'atom',
+  PlanetIcon: 'globe',
+  TelescopeIcon: 'telescope',
+  PrismIcon: 'chart-pyramid',
+  HardwareChipIcon: 'microchip',
+  QrCodeIcon: 'qrcode',
+  BarcodeIcon: 'barcode',
+  TerminalIcon: 'terminal',
+  // Files & Documents
+  ClipboardIcon: 'clipboard',
+  DocumentIcon: 'file',
+  DocumentTextIcon: 'file-lines',
+  DocumentsIcon: 'files',
+  BookIcon: 'book',
+  BookmarksIcon: 'bookmark',
+  NewspaperIcon: 'newspaper',
+  ReaderIcon: 'book-open',
+  NotificationClipboardIcon: 'clipboard-check',
+  // Folders & Storage
+  FolderIcon: 'folder',
+  FolderOpenIcon: 'folder-open',
+  FileTrayIcon: 'inbox',
+  FileTrayFullIcon: 'inbox-full',
+  FileTrayStackedIcon: 'inboxes',
+  ServerIcon: 'server',
+  SaveIcon: 'floppy-disk',
+  // Camera & Image
+  CameraIcon: 'camera',
+  CameraReverseIcon: 'camera-rotate',
+  ImageIcon: 'image',
+  ImagesIcon: 'images',
+  ColorFillIcon: 'fill-drip',
+  ColorFilterIcon: 'swatchbook',
+  ColorPaletteIcon: 'palette',
+  ColorWandIcon: 'wand-magic-sparkles',
+  EyedropIcon: 'eye-dropper',
+  // Home & Building
+  HomeIcon: 'house',
+  BusinessIcon: 'building',
+  BedIcon: 'bed',
+  SchoolIcon: 'graduation-cap',
+  // Devices
+  DesktopIcon: 'desktop',
+  LaptopIcon: 'laptop',
+  PhoneLandscapeIcon: 'mobile-screen-button',
+  PhonePortraitIcon: 'mobile',
+  TabletLandscapeIcon: 'tablet-screen-button',
+  TabletPortraitIcon: 'tablet',
+  TvIcon: 'tv',
+  HeadsetIcon: 'headset',
+  CellularIcon: 'signal',
+  // Tools & Construction
+  BuildIcon: 'wrench',
+  ConstructIcon: 'helmet-safety',
+  HammerIcon: 'hammer',
+  BrushIcon: 'paintbrush',
+  CutIcon: 'scissors',
+  PencilIcon: 'pencil',
+  FlashlightIcon: 'flashlight',
+  // Actions & Misc
+  AttachIcon: 'paperclip',
+  CompassIcon: 'compass',
+  ContractIcon: 'file-contract',
+  CubeIcon: 'cube',
+  DetailsIcon: 'circle-nodes',
+  DiceIcon: 'dice',
+  DisableIcon: 'ban',
+  ExtensionPuzzleIcon: 'puzzle-piece',
+  FingerPrintIcon: 'fingerprint',
+  FlagIcon: 'flag',
+  FunnelIcon: 'filter',
+  GameControllerIcon: 'gamepad-modern',
+  GiftIcon: 'gift',
+  GlassesIcon: 'glasses',
+  GlobeIcon: 'globe',
+  HandLeftIcon: 'hand-point-left',
+  HandRightIcon: 'hand-point-right',
+  HeartIcon: 'heart',
+  HeartCircleIcon: 'heart-circle-check',
+  HeartHalfIcon: 'heart-half',
+  HelpBuoyIcon: 'life-ring',
+  HelpCircleIcon: 'circle-question',
+  HelpIcon: 'circle-info',
+  IdCardIcon: 'id-card',
+  InfiniteIcon: 'infinity',
+  InformationCircleIcon: 'circle-info',
+  InformationIcon: 'circle-info',
+  InvertModeIcon: 'circle-half-stroke',
+  KeyIcon: 'key',
+  KeypadIcon: 'grid-2-plus',
+  LanguageIcon: 'language',
+  LibraryIcon: 'landmark-dome',
+  LinkIcon: 'link',
+  ListIcon: 'list',
+  ListCircleIcon: 'list-ul',
+  LocateIcon: 'crosshairs',
+  LocationIcon: 'location-dot',
+  LockClosedIcon: 'lock',
+  LockOpenIcon: 'lock-open',
+  MagnetIcon: 'magnet',
+  MapIcon: 'map',
+  MedalIcon: 'medal',
+  PinIcon: 'thumbtack',
+  PrintIcon: 'print',
+  RecordingIcon: 'circle-dot',
+  RibbonIcon: 'ribbon',
+  RocketIcon: 'rocket',
+  ScaleIcon: 'scale-balanced',
+  ShareSocialIcon: 'share-nodes',
+  ShieldIcon: 'shield',
+  ShieldCheckmarkIcon: 'shield-check',
+  ShieldHalfIcon: 'shield-halved',
+  ShirtIcon: 'shirt',
+  SparklesIcon: 'sparkles',
+  StarIcon: 'star',
+  StarHalfIcon: 'star-half',
+  ThumbsDownIcon: 'thumbs-down',
+  ThumbsUpIcon: 'thumbs-up',
+  TicketIcon: 'ticket',
+  TrailSignIcon: 'diamond-turn-right',
+  TrashIcon: 'trash',
+  TrashBinIcon: 'trash-can',
+  TrophyIcon: 'trophy',
+  WarningIcon: 'triangle-exclamation',
+  PawIcon: 'paw',
+  BulbIcon: 'lightbulb',
+  BrowsersIcon: 'window-restore',
+  BugIcon: 'bug',
+  BriefcaseIcon: 'briefcase',
+  EaselIcon: 'chalkboard',
+  TextIcon: 'font',
+  // Git
+  GitBranchIcon: 'code-branch',
+  GitCommitIcon: 'code-commit',
+  GitCompareIcon: 'code-compare',
+  GitMergeIcon: 'code-merge',
+  GitNetworkIcon: 'diagram-project',
+  GitPullRequestIcon: 'code-pull-request',
+  // Custom / App-specific (best-effort match)
+  AutomationsIcon: 'bolt-lightning',
+  PartnerAppsIcon: 'handshake',
+  // Default modules map
+  contracts: 'signature',
+  dashboard: 'gauge',
+  forms: 'clipboard',
+  knowledge: 'book-open',
+  payments: 'credit-card',
+  // sidebar nav icons map
+  NotificationIcon: 'bell',
+  BuildingIcon: 'building',
+  CustomizationIcon: 'palette',
+  PortalModulesIcon: 'list-ul',
+  MainSettingsIcon: 'gear'
+};

package/dist/esm/icons/index.js

@@ -32,6 +32,7 @@ export * from "./EditSolid";
 export * from "./Archive";
 export * from "./Unarchive";
 export * from "./Settings";
+export * from "./SettingsSolid";
 export * from "./Link";
 export * from "./Attachment";
 export * from "./Close";

package/dist/esm/index.js

@@ -31,5 +31,6 @@ export * from "./components/Radio/Radio";
 export * from "./components/Tooltip/Tooltip";
 export * from "./components/Callout/Callout";
 export * from "./components/Toolbar";
+export * from "./components/IconPicker";
 export * from "./components/UserCompanySelector/UserCompanySelector";
 export {};

package/dist/esm/types/components/Avatar/Avatar.d.ts

@@ -83,7 +83,7 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "date" | "location" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -294,7 +294,7 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     fallbackColor?: string | undefined;
     fallbackClassName?: string | undefined;
     subAvatar?: Omit<AvatarProps, "size" | "subAvatar"> | undefined;
-    icon?: "Info" | "InfoSolid" | "Search" | "ResetZoom" | "FitToWidth" | "Ellipsis" | "MoreVertical" | "Download" | "Upload" | "Edit" | "Plus" | "Minus" | "Trash" | "ChevronRight" | "ChevronUp" | "ChevronDown" | "ChevronLeft" | "Copy" | "Duplicate" | "Automation" | "Play" | "Pause" | "Scale" | "Form" | "Message" | "Contract" | "Profile" | "Building" | "InvoicePaid" | "EditSolid" | "Archive" | "Unarchive" | "Settings" | "Link" | "Attachment" | "Close" | "Cancel" | "Smile" | "Share" | "Reply" | "Calendar" | "At" | "List" | "NumberedList" | "UnorderedList" | "Checklist" | "Tasks" | "Filter" | "Templates" | "Star" | "Email" | "EmailUnread" | "EmailRead" | "H1" | "H2" | "H3" | "Text" | "Bold" | "Italicize" | "Underline" | "Strikethrough" | "Menu" | "Inbox" | "Home" | "Notification" | "Billing" | "Dollar" | "Helpdesk" | "AppSetup" | "Gift" | "Location" | "Number" | "MobileNumber" | "Bank" | "Puzzle" | "Code" | "ArrowUpSolid" | "ArrowDownSolid" | "ArrowLeft" | "ArrowRight" | "ArrowNE" | "Dash" | "Compose" | "MassFileShare" | "Warning" | "WarningSolid" | "Failed" | "FailedSolid" | "Check" | "Success" | "SuccessSolid" | "New" | "ToDo" | "InProgress" | "Book" | "Send" | "SendFilled" | "Dot" | "SquareSolid" | "Eye" | "EyeHidden" | "Invoice" | "Comment" | "Invite" | "Spinner" | "Repeat" | "Web" | "Time" | "GraphBarSolid" | "Sidebar" | "SidebarFilled" | "Export" | "File" | "MP4" | "SVG" | "MOV" | "MP3" | "CSV" | "Excel" | "PNG" | "PDF" | "JPG" | "Doc" | "ZIP" | "Movie" | "GIF" | "Store" | "ShoppingBag" | "DragDrop" | "Image" | "ImageMissing" | "LogOut" | "Lead" | "QuestionMark" | "API" | "PlansPayments" | "Customization" | "Teams" | "AI" | "BracketsCurly" | "Callout" | "Table" | "Chart" | "Tag" | "ThumbsUp" | "ThumbsDown" | "CaretDown" | "CaretUp" | "CaretRight" | "Disconnect" | "Mention" | "Insert" | "AssemblyLogo" | "Reposition" | "Marketing" | "Gauge" | "Subtask" | "Compass" | "UnPin" | "Pin" | "Files" | "FolderLocked" | "Unlock" | "Authentication" | "LockFilled" | "Reverse" | "AuditLog" | "Subscription" | "Note" | "Accessibility" | "Plane" | "AlarmClock" | "Football" | "Aperture" | "BagShoppingPlus" | "BagShoppingMinus" | "Balloon" | "Bandage" | "Dumbbell" | "BarcodeRead" | "Baseball" | "BasketShoppingSimple" | "Basketball" | "Flask" | "BedFront" | "BeerMug" | "PersonBiking" | "Ship" | "FireSmoke" | "Bookmark" | "BowlingBall" | "Briefcase" | "WindowMaximize" | "PaintbrushFine" | "Bug" | "Wrench" | "Lightbulb" | "Bus" | "Buildings" | "Mug" | "Calculator" | "CalendarDays" | "Camera" | "CameraRotate" | "Car" | "CartShopping" | "MoneyBills" | "SignalBars" | "MessageDots" | "CommentDots" | "Messages" | "Cloud" | "CloudMoon" | "Fill" | "Palette" | "WandMagicSparkles" | "ScrewdriverWrench" | "Scissors" | "Desktop" | "DiceFive" | "BullseyeArrow" | "FileLines" | "Ear" | "EarthAmericas" | "PresentationScreen" | "Egg" | "EyeDropper" | "BurgerFries" | "Venus" | "InboxFull" | "Inboxes" | "Film" | "Fingerprint" | "FishFins" | "HeartPulse" | "Flag" | "Fire" | "BoltSlash" | "Flashlight" | "Flower" | "FolderOpen" | "Soccer" | "ShoePrints" | "GamepadModern" | "CodeBranch" | "CodeCommit" | "CodeCompare" | "CodeMerge" | "CodeFork" | "CodePullRequest" | "Glasses" | "GolfFlagHole" | "GridFourSquares" | "Hammer" | "Hand" | "Microchip" | "Headphones" | "Heart" | "HeartHalfStroke" | "LifeRing" | "SquareQuestion" | "Question" | "HourglassHalf" | "IceCream" | "IdBadge" | "ImageNotFilled" | "Images" | "Infinity" | "KeyboardBrightness" | "Key" | "Dialpad" | "Language" | "Laptop" | "LayerGroup" | "Leaf" | "LocationCrosshairs" | "Magnet" | "MarsAndVenus" | "Mars" | "PersonSimple" | "Map" | "Medal" | "Asterisk" | "BriefcaseMedical" | "Bullhorn" | "Moon" | "MusicNote" | "Music" | "LocationArrow" | "Newspaper" | "AppleWhole" | "CloudSun" | "SolarSystem" | "Paw" | "Mobile" | "Glass" | "PizzaSlice" | "PlanetRinged" | "ChartSimpleHorizontal" | "Tags" | "Print" | "WavePulse" | "Qrcode" | "RecordVinyl" | "SignalStream" | "Voicemail" | "ForkKnife" | "AwardSimple" | "Rocket" | "FaceFrownSlight" | "FloppyDisk" | "WeightScale" | "GraduationCap" | "Coins" | "ShareNodes" | "ShieldCheck" | "Shield" | "ShieldHalf" | "Shirt" | "Snowflake" | "SquareOutline" | "StarHalf" | "Stopwatch" | "Brightness" | "Autoresponder" | "RectangleWide" | "TennisBall" | "Telescope" | "TemperatureThreeQuarters" | "CloudBolt" | "Ticket" | "Timer" | "ToggleOn" | "SignPost" | "Train" | "Transgender" | "ArrowTrendDown" | "ArrowTrendUp" | "Triangle" | "Trophy" | "Tv" | "Umbrella" | "Video" | "PersonWalking" | "Wallet" | "WatchApple" | "Droplet" | "MartiniGlassEmpty" | "PersonDress" | "ImageStack" | "FontCase" | "HubspotMeetings" | "Notion" | "Loom" | "Calendly" | "Typeform" | "OneDrive" | "ClickUp" | "YouTube" | "Monday" | "Databox" | "Figma" | "PowerBi" | "Airtable" | "Zoom" | "QuickBook" | "Canva" | "Xero" | "AcuityScheduling" | "Trello" | "Slack" | "Zapier" | "Exporter" | "TokenInspector" | "Jotform" | "GoogleDrive" | "GoogleCalendar" | "CalCom" | "EmbedsLinks" | "Miro" | "Dropbox" | "Make" | "CustomApps" | "GoogleSheets" | "GoogleDocs" | "GoogleSlides" | "Instagram" | "X" | "Facebook" | "LinkedIn" | "FolderMove" | "Details" | undefined;
+    icon?: IconType | undefined;
 } | {
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -362,7 +362,7 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "date" | "location" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -574,6 +574,6 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     fallbackColor?: string | undefined;
     fallbackClassName?: string | undefined;
     subAvatar?: Omit<AvatarProps, "size" | "subAvatar"> | undefined;
-    icon?: "Info" | "InfoSolid" | "Search" | "ResetZoom" | "FitToWidth" | "Ellipsis" | "MoreVertical" | "Download" | "Upload" | "Edit" | "Plus" | "Minus" | "Trash" | "ChevronRight" | "ChevronUp" | "ChevronDown" | "ChevronLeft" | "Copy" | "Duplicate" | "Automation" | "Play" | "Pause" | "Scale" | "Form" | "Message" | "Contract" | "Profile" | "Building" | "InvoicePaid" | "EditSolid" | "Archive" | "Unarchive" | "Settings" | "Link" | "Attachment" | "Close" | "Cancel" | "Smile" | "Share" | "Reply" | "Calendar" | "At" | "List" | "NumberedList" | "UnorderedList" | "Checklist" | "Tasks" | "Filter" | "Templates" | "Star" | "Email" | "EmailUnread" | "EmailRead" | "H1" | "H2" | "H3" | "Text" | "Bold" | "Italicize" | "Underline" | "Strikethrough" | "Menu" | "Inbox" | "Home" | "Notification" | "Billing" | "Dollar" | "Helpdesk" | "AppSetup" | "Gift" | "Location" | "Number" | "MobileNumber" | "Bank" | "Puzzle" | "Code" | "ArrowUpSolid" | "ArrowDownSolid" | "ArrowLeft" | "ArrowRight" | "ArrowNE" | "Dash" | "Compose" | "MassFileShare" | "Warning" | "WarningSolid" | "Failed" | "FailedSolid" | "Check" | "Success" | "SuccessSolid" | "New" | "ToDo" | "InProgress" | "Book" | "Send" | "SendFilled" | "Dot" | "SquareSolid" | "Eye" | "EyeHidden" | "Invoice" | "Comment" | "Invite" | "Spinner" | "Repeat" | "Web" | "Time" | "GraphBarSolid" | "Sidebar" | "SidebarFilled" | "Export" | "File" | "MP4" | "SVG" | "MOV" | "MP3" | "CSV" | "Excel" | "PNG" | "PDF" | "JPG" | "Doc" | "ZIP" | "Movie" | "GIF" | "Store" | "ShoppingBag" | "DragDrop" | "Image" | "ImageMissing" | "LogOut" | "Lead" | "QuestionMark" | "API" | "PlansPayments" | "Customization" | "Teams" | "AI" | "BracketsCurly" | "Callout" | "Table" | "Chart" | "Tag" | "ThumbsUp" | "ThumbsDown" | "CaretDown" | "CaretUp" | "CaretRight" | "Disconnect" | "Mention" | "Insert" | "AssemblyLogo" | "Reposition" | "Marketing" | "Gauge" | "Subtask" | "Compass" | "UnPin" | "Pin" | "Files" | "FolderLocked" | "Unlock" | "Authentication" | "LockFilled" | "Reverse" | "AuditLog" | "Subscription" | "Note" | "Accessibility" | "Plane" | "AlarmClock" | "Football" | "Aperture" | "BagShoppingPlus" | "BagShoppingMinus" | "Balloon" | "Bandage" | "Dumbbell" | "BarcodeRead" | "Baseball" | "BasketShoppingSimple" | "Basketball" | "Flask" | "BedFront" | "BeerMug" | "PersonBiking" | "Ship" | "FireSmoke" | "Bookmark" | "BowlingBall" | "Briefcase" | "WindowMaximize" | "PaintbrushFine" | "Bug" | "Wrench" | "Lightbulb" | "Bus" | "Buildings" | "Mug" | "Calculator" | "CalendarDays" | "Camera" | "CameraRotate" | "Car" | "CartShopping" | "MoneyBills" | "SignalBars" | "MessageDots" | "CommentDots" | "Messages" | "Cloud" | "CloudMoon" | "Fill" | "Palette" | "WandMagicSparkles" | "ScrewdriverWrench" | "Scissors" | "Desktop" | "DiceFive" | "BullseyeArrow" | "FileLines" | "Ear" | "EarthAmericas" | "PresentationScreen" | "Egg" | "EyeDropper" | "BurgerFries" | "Venus" | "InboxFull" | "Inboxes" | "Film" | "Fingerprint" | "FishFins" | "HeartPulse" | "Flag" | "Fire" | "BoltSlash" | "Flashlight" | "Flower" | "FolderOpen" | "Soccer" | "ShoePrints" | "GamepadModern" | "CodeBranch" | "CodeCommit" | "CodeCompare" | "CodeMerge" | "CodeFork" | "CodePullRequest" | "Glasses" | "GolfFlagHole" | "GridFourSquares" | "Hammer" | "Hand" | "Microchip" | "Headphones" | "Heart" | "HeartHalfStroke" | "LifeRing" | "SquareQuestion" | "Question" | "HourglassHalf" | "IceCream" | "IdBadge" | "ImageNotFilled" | "Images" | "Infinity" | "KeyboardBrightness" | "Key" | "Dialpad" | "Language" | "Laptop" | "LayerGroup" | "Leaf" | "LocationCrosshairs" | "Magnet" | "MarsAndVenus" | "Mars" | "PersonSimple" | "Map" | "Medal" | "Asterisk" | "BriefcaseMedical" | "Bullhorn" | "Moon" | "MusicNote" | "Music" | "LocationArrow" | "Newspaper" | "AppleWhole" | "CloudSun" | "SolarSystem" | "Paw" | "Mobile" | "Glass" | "PizzaSlice" | "PlanetRinged" | "ChartSimpleHorizontal" | "Tags" | "Print" | "WavePulse" | "Qrcode" | "RecordVinyl" | "SignalStream" | "Voicemail" | "ForkKnife" | "AwardSimple" | "Rocket" | "FaceFrownSlight" | "FloppyDisk" | "WeightScale" | "GraduationCap" | "Coins" | "ShareNodes" | "ShieldCheck" | "Shield" | "ShieldHalf" | "Shirt" | "Snowflake" | "SquareOutline" | "StarHalf" | "Stopwatch" | "Brightness" | "Autoresponder" | "RectangleWide" | "TennisBall" | "Telescope" | "TemperatureThreeQuarters" | "CloudBolt" | "Ticket" | "Timer" | "ToggleOn" | "SignPost" | "Train" | "Transgender" | "ArrowTrendDown" | "ArrowTrendUp" | "Triangle" | "Trophy" | "Tv" | "Umbrella" | "Video" | "PersonWalking" | "Wallet" | "WatchApple" | "Droplet" | "MartiniGlassEmpty" | "PersonDress" | "ImageStack" | "FontCase" | "HubspotMeetings" | "Notion" | "Loom" | "Calendly" | "Typeform" | "OneDrive" | "ClickUp" | "YouTube" | "Monday" | "Databox" | "Figma" | "PowerBi" | "Airtable" | "Zoom" | "QuickBook" | "Canva" | "Xero" | "AcuityScheduling" | "Trello" | "Slack" | "Zapier" | "Exporter" | "TokenInspector" | "Jotform" | "GoogleDrive" | "GoogleCalendar" | "CalCom" | "EmbedsLinks" | "Miro" | "Dropbox" | "Make" | "CustomApps" | "GoogleSheets" | "GoogleDocs" | "GoogleSlides" | "Instagram" | "X" | "Facebook" | "LinkedIn" | "FolderMove" | "Details" | undefined;
+    icon?: IconType | undefined;
 }) & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar };

package/dist/esm/types/components/Icon.d.ts

@@ -1,6 +1,15 @@
 import type { SVGProps } from 'react';
 import * as icons from '../icons';
-export type IconType = keyof typeof icons;
+import { type FAIconName } from './IconPicker/icons.generated';
+export type IconType = keyof typeof icons | FAIconName;
+/**
+ * Icon component that renders either a Font Awesome icon or a Design System icon.
+ * it checks if the icon name is in the Font Awesome icon set and renders the corresponding icon.
+ * if not, it falls back to the Design System icon set and renders the corresponding icon.
+ * @param icon - The name of the icon to render.
+ * @param props - The props to pass to the icon component.
+ * @returns The icon component.
+ */
 export declare const Icon: ({ icon, ...props }: {
     icon: IconType;
 } & SVGProps<SVGSVGElement>) => import("react").JSX.Element | null;