@assembly-js/design-system 3.1.1 → 3.1.3

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/ChevronLeft.js

@@ -5,9 +5,9 @@ export var ChevronLeft = function ChevronLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 21"
+    viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M5.202 9.412a.934.934 0 0 1 0-1.324L13.015.275A.937.937 0 0 1 14.339 1.6L7.19 8.749l7.149 7.149a.937.937 0 0 1-1.324 1.324L5.202 9.408z"
+    d: "M4.293 9.336a.934.934 0 0 0 0 1.324l7.812 7.813a.937.937 0 0 0 1.324-1.324L6.282 10l7.149-7.148a.937.937 0 0 0-1.324-1.324z"
   }));
 };

package/dist/esm/icons/Details.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 Details = function Details(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(#details-a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5 1.875a.627.627 0 0 0-.625.625v15c0 .344.281.625.625.625h10a.627.627 0 0 0 .625-.625v-15A.627.627 0 0 0 15 1.875zM2.5 2.5C2.5 1.121 3.621 0 5 0h10c1.379 0 2.5 1.121 2.5 2.5v15c0 1.379-1.121 2.5-2.5 2.5H5a2.5 2.5 0 0 1-2.5-2.5zM7.188 5h5.625c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938m0 3.75h5.625c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938m0 3.75h1.875c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "details-a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h20v20H0z"
+  }))));
+};

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

@@ -390,3 +390,4 @@ export * from "./X";
 export * from "./Facebook";
 export * from "./LinkedIn";
 export * from "./FolderMove";
+export * from "./Details";

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" | 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" | 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;

package/dist/esm/types/components/IconPicker/IconGrid.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type PickerIcon } from './pickerIcons';
+export interface IconGridHandle {
+    focusFirst: () => void;
+    resetFocus: () => void;
+}
+export interface IconGridProps {
+    icons: PickerIcon[];
+    onSelect: (icon: PickerIcon) => void;
+    selectedIcon?: string;
+    onEscapeFromGrid?: () => void;
+}
+export declare const IconGrid: React.ForwardRefExoticComponent<IconGridProps & React.RefAttributes<IconGridHandle>>;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface IconPickerProps {
+    /** Currently selected FA icon name (controlled mode) */
+    value?: string;
+    /** Callback when an icon is selected — returns the FA icon name */
+    onChange?: (iconName: string) => void;
+    /** Default FA icon name (uncontrolled mode) */
+    defaultValue?: string;
+    /** Placeholder text when no icon is selected */
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare const IconPicker: React.ForwardRefExoticComponent<IconPickerProps & React.RefAttributes<HTMLDivElement>>;
+export { IconPicker };

package/dist/esm/types/components/IconPicker/IconPicker.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import { IconPicker } from './IconPicker';
+declare const meta: Meta<ComponentProps<typeof IconPicker>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithValue: Story;

package/dist/esm/types/components/IconPicker/__tests__/searchIcons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/components/IconPicker/dsPickerIcons.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentType, type SVGProps } from 'react';
+export interface DSPickerIcon {
+    source: 'ds';
+    name: string;
+    Component: ComponentType<SVGProps<SVGSVGElement>>;
+}
+export declare const dsPickerIcons: DSPickerIcon[];