@l3mpire/icons 0.3.5

package/README.md

@@ -0,0 +1,108 @@
+# @l3mpire/icons
+
+Icon component and FontAwesome icon re-exports for the lemDS design system.
+
+Wraps `@fortawesome/react-fontawesome` with design-system sizes and provides tree-shakeable icon imports.
+
+## Installation
+
+```bash
+pnpm add @l3mpire/icons
+```
+
+Peer dependencies:
+
+```bash
+pnpm add react react-dom
+```
+
+## Usage
+
+```tsx
+import { Icon, faMagnifyingGlass } from "@l3mpire/icons";
+
+<Icon icon={faMagnifyingGlass} size="md" />
+<Icon icon={faMagnifyingGlass} size="sm" color="var(--core-text-main-secondary)" />
+<Icon icon={faMagnifyingGlass} size="lg" label="Search" />
+```
+
+## Sizes
+
+| Size | Glyph | CSS |
+|------|-------|-----|
+| `xs` | 12px | `0.75rem` |
+| `sm` | 14px | `0.875rem` |
+| `md` | 16px | `1rem` |
+| `lg` | 20px | `1.25rem` |
+| `xl` | 24px | `1.5rem` |
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `icon` | `IconDefinition` | *required* | FontAwesome icon definition |
+| `size` | `"xs" \| "sm" \| "md" \| "lg" \| "xl"` | `"md"` | Icon size |
+| `color` | `string` | — | CSS color value (inherits `currentColor` if omitted) |
+| `label` | `string` | — | Accessible label (`aria-label`) |
+| `className` | `string` | — | Additional CSS classes |
+
+When no `label` is provided, the icon is marked as decorative (`aria-hidden="true"`).
+
+## Available Icons
+
+### Solid Icons
+
+```
+faCheck, faXmark, faPlus, faMinus, faPen, faTrash, faMagnifyingGlass,
+faChevronDown, faChevronUp, faChevronLeft, faChevronRight,
+faArrowLeft, faArrowRight, faEllipsis, faEllipsisVertical,
+faSpinner, faCircleNotch, faTriangleExclamation, faCircleExclamation,
+faCircleCheck, faCircleInfo, faCircleXmark, faBell, faGear,
+faUser, faUsers, faEnvelope, faPaperPlane, faLink, faCopy,
+faDownload, faUpload, faFilter, faSort, faStar, faHeart,
+faEye, faEyeSlash, faLock, faUnlock, faCalendar, faClock,
+faHome, faFolder, faFile, faArrowUp, faArrowDown,
+faGripDotsVertical
+```
+
+### Regular (Outline) Icons
+
+Suffixed with `Outline` for clarity:
+
+```
+faBellOutline, faStarOutline, faHeartOutline, faEnvelopeOutline,
+faEyeOutline, faCalendarOutline, faClockOutline, faFolderOutline,
+faFileOutline, faCopyOutline, faPaperPlaneOutline, faTrashCanOutline,
+faSquarePlusOutline, faCircleCheckOutline, faSquareCheckOutline,
+faPenToSquareOutline, faBookmarkOutline, faCommentOutline,
+faMessageOutline, faUserOutline, faCircleXmarkOutline,
+faFilterOutline, faSortOutline, faArrowUpOutline, faArrowDownOutline
+```
+
+### Pro Regular Icons
+
+```
+faCircleExclamationOutline
+```
+
+> Requires `@fortawesome/pro-regular-svg-icons` (FontAwesome Pro license).
+
+## Tree Shaking
+
+All icons are individually exported for optimal tree shaking. Only the icons you import will be included in your bundle:
+
+```tsx
+// Only faCheck and faXmark are bundled
+import { Icon, faCheck, faXmark } from "@l3mpire/icons";
+```
+
+## Using Custom Icons
+
+You can pass any FontAwesome `IconDefinition` directly:
+
+```tsx
+import { Icon } from "@l3mpire/icons";
+import { faCoffee } from "@fortawesome/free-solid-svg-icons";
+
+<Icon icon={faCoffee} size="md" />
+```

package/dist/index.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export { faAddressBook as faAddressBookOutline, faArrowLeftFromLine as faArrowLeftFromLineOutline, faArrowLeft as faArrowLeftOutline, faArrowRightFromBracket as faArrowRightFromBracketOutline, faArrowRightFromLine as faArrowRightFromLineOutline, faArrowRight as faArrowRightOutline, faBadgeDollar as faBadgeDollarOutline, faBell as faBellOutline, faBookmark as faBookmarkOutline, faBrakeWarning as faBrakeWarningOutline, faBuildings as faBuildingsOutline, faBullseye as faBullseyeOutline, faCalendar as faCalendarOutline, faChartLineUp as faChartLineUpOutline, faCheck as faCheckOutline, faChevronDown as faChevronDownOutline, faChevronLeft as faChevronLeftOutline, faChevronRight as faChevronRightOutline, faChevronUp as faChevronUpOutline, faCircleCheck as faCircleCheckOutline, faCircleExclamation as faCircleExclamationOutline, faCircleInfo as faCircleInfoOutline, faCircleNotch as faCircleNotchOutline, faCircleXmark as faCircleXmarkOutline, faClock as faClockOutline, faCoin as faCoinOutline, faComment as faCommentOutline, faCopy as faCopyOutline, faDownload as faDownloadOutline, faEllipsis as faEllipsisOutline, faEllipsisVertical as faEllipsisVerticalOutline, faEnvelope as faEnvelopeOutline, faEye as faEyeOutline, faEyeSlash as faEyeSlashOutline, faFile as faFileOutline, faFilter as faFilterOutline, faFolder as faFolderOutline, faGaugeHigh as faGaugeHighOutline, faGear as faGearOutline, faGripDotsVertical as faGripDotsVerticalOutline, faHeart as faHeartOutline, faHome as faHomeOutline, faInbox as faInboxOutline, faLink as faLinkOutline, faLock as faLockOutline, faMagnifyingGlass as faMagnifyingGlassOutline, faMessage as faMessageOutline, faMinus as faMinusOutline, faPaperPlane as faPaperPlaneOutline, faPaperPlaneTop as faPaperPlaneTopOutline, faPen as faPenOutline, faPenToSquare as faPenToSquareOutline, faPhone as faPhoneOutline, faPlus as faPlusOutline, faRefresh as faRefreshOutline, faShapes as faShapesOutline, faSidebarFlip as faSidebarFlipOutline, faSortDown as faSortDownOutline, faSort as faSortOutline, faSortUp as faSortUpOutline, faSpinner as faSpinnerOutline, faSquareCheck as faSquareCheckOutline, faSquarePlus as faSquarePlusOutline, faStar as faStarOutline, faStars as faStarsOutline, faTrashCan as faTrashCanOutline, faTrash as faTrashOutline, faTriangleExclamation as faTriangleExclamationOutline, faUnlock as faUnlockOutline, faUpload as faUploadOutline, faUser as faUserOutline, faUsers as faUsersOutline, faVideo as faVideoOutline, faXmark as faXmarkOutline } from '@fortawesome/pro-regular-svg-icons';
+export { faAddressBook as faAddressBookSolid, faArrowLeftFromLine as faArrowLeftFromLineSolid, faArrowLeft as faArrowLeftSolid, faArrowRightFromBracket as faArrowRightFromBracketSolid, faArrowRightFromLine as faArrowRightFromLineSolid, faArrowRight as faArrowRightSolid, faBadgeDollar as faBadgeDollarSolid, faBell as faBellSolid, faBookmark as faBookmarkSolid, faBrakeWarning as faBrakeWarningSolid, faBuildings as faBuildingsSolid, faBullseye as faBullseyeSolid, faCalendar as faCalendarSolid, faChartLineUp as faChartLineUpSolid, faCheck as faCheckSolid, faChevronDown as faChevronDownSolid, faChevronLeft as faChevronLeftSolid, faChevronRight as faChevronRightSolid, faChevronUp as faChevronUpSolid, faCircleCheck as faCircleCheckSolid, faCircleExclamation as faCircleExclamationSolid, faCircleInfo as faCircleInfoSolid, faCircleNotch as faCircleNotchSolid, faCircleXmark as faCircleXmarkSolid, faClock as faClockSolid, faCoin as faCoinSolid, faComment as faCommentSolid, faCopy as faCopySolid, faDownload as faDownloadSolid, faEllipsis as faEllipsisSolid, faEllipsisVertical as faEllipsisVerticalSolid, faEnvelope as faEnvelopeSolid, faEyeSlash as faEyeSlashSolid, faEye as faEyeSolid, faFile as faFileSolid, faFilter as faFilterSolid, faFolder as faFolderSolid, faGaugeHigh as faGaugeHighSolid, faGear as faGearSolid, faGripDotsVertical as faGripDotsVerticalSolid, faHeart as faHeartSolid, faHome as faHomeSolid, faInbox as faInboxSolid, faLink as faLinkSolid, faLock as faLockSolid, faMagnifyingGlass as faMagnifyingGlassSolid, faMessage as faMessageSolid, faMinus as faMinusSolid, faPaperPlane as faPaperPlaneSolid, faPaperPlaneTop as faPaperPlaneTopSolid, faPen as faPenSolid, faPenToSquare as faPenToSquareSolid, faPhone as faPhoneSolid, faPlus as faPlusSolid, faRefresh as faRefreshSolid, faShapes as faShapesSolid, faSidebarFlip as faSidebarFlipSolid, faSortDown as faSortDownSolid, faSort as faSortSolid, faSortUp as faSortUpSolid, faSpinner as faSpinnerSolid, faSquareCheck as faSquareCheckSolid, faSquarePlus as faSquarePlusSolid, faStar as faStarSolid, faStars as faStarsSolid, faTrashCan as faTrashCanSolid, faTrash as faTrashSolid, faTriangleExclamation as faTriangleExclamationSolid, faUnlock as faUnlockSolid, faUpload as faUploadSolid, faUser as faUserSolid, faUsers as faUsersSolid, faVideo as faVideoSolid, faXmark as faXmarkSolid } from '@fortawesome/pro-solid-svg-icons';
+
+type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size" | "color"> {
+    icon: IconDefinition;
+    solidIcon?: IconDefinition;
+    solid?: boolean;
+    size?: IconSize;
+    color?: string;
+    label?: string;
+    className?: string;
+}
+declare function Icon({ icon, solidIcon, solid, size, color, label, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
+
+export { Icon, type IconProps, type IconSize };

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export { faAddressBook as faAddressBookOutline, faArrowLeftFromLine as faArrowLeftFromLineOutline, faArrowLeft as faArrowLeftOutline, faArrowRightFromBracket as faArrowRightFromBracketOutline, faArrowRightFromLine as faArrowRightFromLineOutline, faArrowRight as faArrowRightOutline, faBadgeDollar as faBadgeDollarOutline, faBell as faBellOutline, faBookmark as faBookmarkOutline, faBrakeWarning as faBrakeWarningOutline, faBuildings as faBuildingsOutline, faBullseye as faBullseyeOutline, faCalendar as faCalendarOutline, faChartLineUp as faChartLineUpOutline, faCheck as faCheckOutline, faChevronDown as faChevronDownOutline, faChevronLeft as faChevronLeftOutline, faChevronRight as faChevronRightOutline, faChevronUp as faChevronUpOutline, faCircleCheck as faCircleCheckOutline, faCircleExclamation as faCircleExclamationOutline, faCircleInfo as faCircleInfoOutline, faCircleNotch as faCircleNotchOutline, faCircleXmark as faCircleXmarkOutline, faClock as faClockOutline, faCoin as faCoinOutline, faComment as faCommentOutline, faCopy as faCopyOutline, faDownload as faDownloadOutline, faEllipsis as faEllipsisOutline, faEllipsisVertical as faEllipsisVerticalOutline, faEnvelope as faEnvelopeOutline, faEye as faEyeOutline, faEyeSlash as faEyeSlashOutline, faFile as faFileOutline, faFilter as faFilterOutline, faFolder as faFolderOutline, faGaugeHigh as faGaugeHighOutline, faGear as faGearOutline, faGripDotsVertical as faGripDotsVerticalOutline, faHeart as faHeartOutline, faHome as faHomeOutline, faInbox as faInboxOutline, faLink as faLinkOutline, faLock as faLockOutline, faMagnifyingGlass as faMagnifyingGlassOutline, faMessage as faMessageOutline, faMinus as faMinusOutline, faPaperPlane as faPaperPlaneOutline, faPaperPlaneTop as faPaperPlaneTopOutline, faPen as faPenOutline, faPenToSquare as faPenToSquareOutline, faPhone as faPhoneOutline, faPlus as faPlusOutline, faRefresh as faRefreshOutline, faShapes as faShapesOutline, faSidebarFlip as faSidebarFlipOutline, faSortDown as faSortDownOutline, faSort as faSortOutline, faSortUp as faSortUpOutline, faSpinner as faSpinnerOutline, faSquareCheck as faSquareCheckOutline, faSquarePlus as faSquarePlusOutline, faStar as faStarOutline, faStars as faStarsOutline, faTrashCan as faTrashCanOutline, faTrash as faTrashOutline, faTriangleExclamation as faTriangleExclamationOutline, faUnlock as faUnlockOutline, faUpload as faUploadOutline, faUser as faUserOutline, faUsers as faUsersOutline, faVideo as faVideoOutline, faXmark as faXmarkOutline } from '@fortawesome/pro-regular-svg-icons';
+export { faAddressBook as faAddressBookSolid, faArrowLeftFromLine as faArrowLeftFromLineSolid, faArrowLeft as faArrowLeftSolid, faArrowRightFromBracket as faArrowRightFromBracketSolid, faArrowRightFromLine as faArrowRightFromLineSolid, faArrowRight as faArrowRightSolid, faBadgeDollar as faBadgeDollarSolid, faBell as faBellSolid, faBookmark as faBookmarkSolid, faBrakeWarning as faBrakeWarningSolid, faBuildings as faBuildingsSolid, faBullseye as faBullseyeSolid, faCalendar as faCalendarSolid, faChartLineUp as faChartLineUpSolid, faCheck as faCheckSolid, faChevronDown as faChevronDownSolid, faChevronLeft as faChevronLeftSolid, faChevronRight as faChevronRightSolid, faChevronUp as faChevronUpSolid, faCircleCheck as faCircleCheckSolid, faCircleExclamation as faCircleExclamationSolid, faCircleInfo as faCircleInfoSolid, faCircleNotch as faCircleNotchSolid, faCircleXmark as faCircleXmarkSolid, faClock as faClockSolid, faCoin as faCoinSolid, faComment as faCommentSolid, faCopy as faCopySolid, faDownload as faDownloadSolid, faEllipsis as faEllipsisSolid, faEllipsisVertical as faEllipsisVerticalSolid, faEnvelope as faEnvelopeSolid, faEyeSlash as faEyeSlashSolid, faEye as faEyeSolid, faFile as faFileSolid, faFilter as faFilterSolid, faFolder as faFolderSolid, faGaugeHigh as faGaugeHighSolid, faGear as faGearSolid, faGripDotsVertical as faGripDotsVerticalSolid, faHeart as faHeartSolid, faHome as faHomeSolid, faInbox as faInboxSolid, faLink as faLinkSolid, faLock as faLockSolid, faMagnifyingGlass as faMagnifyingGlassSolid, faMessage as faMessageSolid, faMinus as faMinusSolid, faPaperPlane as faPaperPlaneSolid, faPaperPlaneTop as faPaperPlaneTopSolid, faPen as faPenSolid, faPenToSquare as faPenToSquareSolid, faPhone as faPhoneSolid, faPlus as faPlusSolid, faRefresh as faRefreshSolid, faShapes as faShapesSolid, faSidebarFlip as faSidebarFlipSolid, faSortDown as faSortDownSolid, faSort as faSortSolid, faSortUp as faSortUpSolid, faSpinner as faSpinnerSolid, faSquareCheck as faSquareCheckSolid, faSquarePlus as faSquarePlusSolid, faStar as faStarSolid, faStars as faStarsSolid, faTrashCan as faTrashCanSolid, faTrash as faTrashSolid, faTriangleExclamation as faTriangleExclamationSolid, faUnlock as faUnlockSolid, faUpload as faUploadSolid, faUser as faUserSolid, faUsers as faUsersSolid, faVideo as faVideoSolid, faXmark as faXmarkSolid } from '@fortawesome/pro-solid-svg-icons';
+
+type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size" | "color"> {
+    icon: IconDefinition;
+    solidIcon?: IconDefinition;
+    solid?: boolean;
+    size?: IconSize;
+    color?: string;
+    label?: string;
+    className?: string;
+}
+declare function Icon({ icon, solidIcon, solid, size, color, label, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
+
+export { Icon, type IconProps, type IconSize };

package/dist/index.js

@@ -0,0 +1,641 @@
+'use strict';
+
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var jsxRuntime = require('react/jsx-runtime');
+var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+
+// src/Icon.tsx
+var sizeMap = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "1.5rem"
+};
+function Icon({
+  icon,
+  solidIcon,
+  solid = false,
+  size = "md",
+  color,
+  label,
+  className,
+  style,
+  ...rest
+}) {
+  const resolvedIcon = solid && solidIcon ? solidIcon : icon;
+  const mergedStyle = {
+    width: sizeMap[size],
+    height: sizeMap[size],
+    ...style,
+    ...color ? { color } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactFontawesome.FontAwesomeIcon,
+    {
+      icon: resolvedIcon,
+      className,
+      style: mergedStyle,
+      "aria-label": label,
+      "aria-hidden": !label,
+      ...rest
+    }
+  );
+}
+
+Object.defineProperty(exports, "faAddressBookOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faAddressBook; }
+});
+Object.defineProperty(exports, "faArrowLeftFromLineOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faArrowLeftFromLine; }
+});
+Object.defineProperty(exports, "faArrowLeftOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faArrowLeft; }
+});
+Object.defineProperty(exports, "faArrowRightFromBracketOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faArrowRightFromBracket; }
+});
+Object.defineProperty(exports, "faArrowRightFromLineOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faArrowRightFromLine; }
+});
+Object.defineProperty(exports, "faArrowRightOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faArrowRight; }
+});
+Object.defineProperty(exports, "faBadgeDollarOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBadgeDollar; }
+});
+Object.defineProperty(exports, "faBellOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBell; }
+});
+Object.defineProperty(exports, "faBookmarkOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBookmark; }
+});
+Object.defineProperty(exports, "faBrakeWarningOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBrakeWarning; }
+});
+Object.defineProperty(exports, "faBuildingsOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBuildings; }
+});
+Object.defineProperty(exports, "faBullseyeOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faBullseye; }
+});
+Object.defineProperty(exports, "faCalendarOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCalendar; }
+});
+Object.defineProperty(exports, "faChartLineUpOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faChartLineUp; }
+});
+Object.defineProperty(exports, "faCheckOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCheck; }
+});
+Object.defineProperty(exports, "faChevronDownOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faChevronDown; }
+});
+Object.defineProperty(exports, "faChevronLeftOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faChevronLeft; }
+});
+Object.defineProperty(exports, "faChevronRightOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faChevronRight; }
+});
+Object.defineProperty(exports, "faChevronUpOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faChevronUp; }
+});
+Object.defineProperty(exports, "faCircleCheckOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCircleCheck; }
+});
+Object.defineProperty(exports, "faCircleExclamationOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCircleExclamation; }
+});
+Object.defineProperty(exports, "faCircleInfoOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCircleInfo; }
+});
+Object.defineProperty(exports, "faCircleNotchOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCircleNotch; }
+});
+Object.defineProperty(exports, "faCircleXmarkOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCircleXmark; }
+});
+Object.defineProperty(exports, "faClockOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faClock; }
+});
+Object.defineProperty(exports, "faCoinOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCoin; }
+});
+Object.defineProperty(exports, "faCommentOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faComment; }
+});
+Object.defineProperty(exports, "faCopyOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faCopy; }
+});
+Object.defineProperty(exports, "faDownloadOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faDownload; }
+});
+Object.defineProperty(exports, "faEllipsisOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faEllipsis; }
+});
+Object.defineProperty(exports, "faEllipsisVerticalOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faEllipsisVertical; }
+});
+Object.defineProperty(exports, "faEnvelopeOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faEnvelope; }
+});
+Object.defineProperty(exports, "faEyeOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faEye; }
+});
+Object.defineProperty(exports, "faEyeSlashOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faEyeSlash; }
+});
+Object.defineProperty(exports, "faFileOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faFile; }
+});
+Object.defineProperty(exports, "faFilterOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faFilter; }
+});
+Object.defineProperty(exports, "faFolderOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faFolder; }
+});
+Object.defineProperty(exports, "faGaugeHighOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faGaugeHigh; }
+});
+Object.defineProperty(exports, "faGearOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faGear; }
+});
+Object.defineProperty(exports, "faGripDotsVerticalOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faGripDotsVertical; }
+});
+Object.defineProperty(exports, "faHeartOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faHeart; }
+});
+Object.defineProperty(exports, "faHomeOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faHome; }
+});
+Object.defineProperty(exports, "faInboxOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faInbox; }
+});
+Object.defineProperty(exports, "faLinkOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faLink; }
+});
+Object.defineProperty(exports, "faLockOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faLock; }
+});
+Object.defineProperty(exports, "faMagnifyingGlassOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faMagnifyingGlass; }
+});
+Object.defineProperty(exports, "faMessageOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faMessage; }
+});
+Object.defineProperty(exports, "faMinusOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faMinus; }
+});
+Object.defineProperty(exports, "faPaperPlaneOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPaperPlane; }
+});
+Object.defineProperty(exports, "faPaperPlaneTopOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPaperPlaneTop; }
+});
+Object.defineProperty(exports, "faPenOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPen; }
+});
+Object.defineProperty(exports, "faPenToSquareOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPenToSquare; }
+});
+Object.defineProperty(exports, "faPhoneOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPhone; }
+});
+Object.defineProperty(exports, "faPlusOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faPlus; }
+});
+Object.defineProperty(exports, "faRefreshOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faRefresh; }
+});
+Object.defineProperty(exports, "faShapesOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faShapes; }
+});
+Object.defineProperty(exports, "faSidebarFlipOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSidebarFlip; }
+});
+Object.defineProperty(exports, "faSortDownOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSortDown; }
+});
+Object.defineProperty(exports, "faSortOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSort; }
+});
+Object.defineProperty(exports, "faSortUpOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSortUp; }
+});
+Object.defineProperty(exports, "faSpinnerOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSpinner; }
+});
+Object.defineProperty(exports, "faSquareCheckOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSquareCheck; }
+});
+Object.defineProperty(exports, "faSquarePlusOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faSquarePlus; }
+});
+Object.defineProperty(exports, "faStarOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faStar; }
+});
+Object.defineProperty(exports, "faStarsOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faStars; }
+});
+Object.defineProperty(exports, "faTrashCanOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faTrashCan; }
+});
+Object.defineProperty(exports, "faTrashOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faTrash; }
+});
+Object.defineProperty(exports, "faTriangleExclamationOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faTriangleExclamation; }
+});
+Object.defineProperty(exports, "faUnlockOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faUnlock; }
+});
+Object.defineProperty(exports, "faUploadOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faUpload; }
+});
+Object.defineProperty(exports, "faUserOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faUser; }
+});
+Object.defineProperty(exports, "faUsersOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faUsers; }
+});
+Object.defineProperty(exports, "faVideoOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faVideo; }
+});
+Object.defineProperty(exports, "faXmarkOutline", {
+  enumerable: true,
+  get: function () { return proRegularSvgIcons.faXmark; }
+});
+Object.defineProperty(exports, "faAddressBookSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faAddressBook; }
+});
+Object.defineProperty(exports, "faArrowLeftFromLineSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faArrowLeftFromLine; }
+});
+Object.defineProperty(exports, "faArrowLeftSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faArrowLeft; }
+});
+Object.defineProperty(exports, "faArrowRightFromBracketSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faArrowRightFromBracket; }
+});
+Object.defineProperty(exports, "faArrowRightFromLineSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faArrowRightFromLine; }
+});
+Object.defineProperty(exports, "faArrowRightSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faArrowRight; }
+});
+Object.defineProperty(exports, "faBadgeDollarSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBadgeDollar; }
+});
+Object.defineProperty(exports, "faBellSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBell; }
+});
+Object.defineProperty(exports, "faBookmarkSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBookmark; }
+});
+Object.defineProperty(exports, "faBrakeWarningSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBrakeWarning; }
+});
+Object.defineProperty(exports, "faBuildingsSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBuildings; }
+});
+Object.defineProperty(exports, "faBullseyeSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faBullseye; }
+});
+Object.defineProperty(exports, "faCalendarSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCalendar; }
+});
+Object.defineProperty(exports, "faChartLineUpSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faChartLineUp; }
+});
+Object.defineProperty(exports, "faCheckSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCheck; }
+});
+Object.defineProperty(exports, "faChevronDownSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faChevronDown; }
+});
+Object.defineProperty(exports, "faChevronLeftSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faChevronLeft; }
+});
+Object.defineProperty(exports, "faChevronRightSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faChevronRight; }
+});
+Object.defineProperty(exports, "faChevronUpSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faChevronUp; }
+});
+Object.defineProperty(exports, "faCircleCheckSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCircleCheck; }
+});
+Object.defineProperty(exports, "faCircleExclamationSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCircleExclamation; }
+});
+Object.defineProperty(exports, "faCircleInfoSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCircleInfo; }
+});
+Object.defineProperty(exports, "faCircleNotchSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCircleNotch; }
+});
+Object.defineProperty(exports, "faCircleXmarkSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCircleXmark; }
+});
+Object.defineProperty(exports, "faClockSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faClock; }
+});
+Object.defineProperty(exports, "faCoinSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCoin; }
+});
+Object.defineProperty(exports, "faCommentSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faComment; }
+});
+Object.defineProperty(exports, "faCopySolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faCopy; }
+});
+Object.defineProperty(exports, "faDownloadSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faDownload; }
+});
+Object.defineProperty(exports, "faEllipsisSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faEllipsis; }
+});
+Object.defineProperty(exports, "faEllipsisVerticalSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faEllipsisVertical; }
+});
+Object.defineProperty(exports, "faEnvelopeSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faEnvelope; }
+});
+Object.defineProperty(exports, "faEyeSlashSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faEyeSlash; }
+});
+Object.defineProperty(exports, "faEyeSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faEye; }
+});
+Object.defineProperty(exports, "faFileSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faFile; }
+});
+Object.defineProperty(exports, "faFilterSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faFilter; }
+});
+Object.defineProperty(exports, "faFolderSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faFolder; }
+});
+Object.defineProperty(exports, "faGaugeHighSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faGaugeHigh; }
+});
+Object.defineProperty(exports, "faGearSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faGear; }
+});
+Object.defineProperty(exports, "faGripDotsVerticalSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faGripDotsVertical; }
+});
+Object.defineProperty(exports, "faHeartSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faHeart; }
+});
+Object.defineProperty(exports, "faHomeSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faHome; }
+});
+Object.defineProperty(exports, "faInboxSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faInbox; }
+});
+Object.defineProperty(exports, "faLinkSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faLink; }
+});
+Object.defineProperty(exports, "faLockSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faLock; }
+});
+Object.defineProperty(exports, "faMagnifyingGlassSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faMagnifyingGlass; }
+});
+Object.defineProperty(exports, "faMessageSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faMessage; }
+});
+Object.defineProperty(exports, "faMinusSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faMinus; }
+});
+Object.defineProperty(exports, "faPaperPlaneSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPaperPlane; }
+});
+Object.defineProperty(exports, "faPaperPlaneTopSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPaperPlaneTop; }
+});
+Object.defineProperty(exports, "faPenSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPen; }
+});
+Object.defineProperty(exports, "faPenToSquareSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPenToSquare; }
+});
+Object.defineProperty(exports, "faPhoneSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPhone; }
+});
+Object.defineProperty(exports, "faPlusSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faPlus; }
+});
+Object.defineProperty(exports, "faRefreshSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faRefresh; }
+});
+Object.defineProperty(exports, "faShapesSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faShapes; }
+});
+Object.defineProperty(exports, "faSidebarFlipSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSidebarFlip; }
+});
+Object.defineProperty(exports, "faSortDownSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSortDown; }
+});
+Object.defineProperty(exports, "faSortSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSort; }
+});
+Object.defineProperty(exports, "faSortUpSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSortUp; }
+});
+Object.defineProperty(exports, "faSpinnerSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSpinner; }
+});
+Object.defineProperty(exports, "faSquareCheckSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSquareCheck; }
+});
+Object.defineProperty(exports, "faSquarePlusSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faSquarePlus; }
+});
+Object.defineProperty(exports, "faStarSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faStar; }
+});
+Object.defineProperty(exports, "faStarsSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faStars; }
+});
+Object.defineProperty(exports, "faTrashCanSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faTrashCan; }
+});
+Object.defineProperty(exports, "faTrashSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faTrash; }
+});
+Object.defineProperty(exports, "faTriangleExclamationSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faTriangleExclamation; }
+});
+Object.defineProperty(exports, "faUnlockSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faUnlock; }
+});
+Object.defineProperty(exports, "faUploadSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faUpload; }
+});
+Object.defineProperty(exports, "faUserSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faUser; }
+});
+Object.defineProperty(exports, "faUsersSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faUsers; }
+});
+Object.defineProperty(exports, "faVideoSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faVideo; }
+});
+Object.defineProperty(exports, "faXmarkSolid", {
+  enumerable: true,
+  get: function () { return proSolidSvgIcons.faXmark; }
+});
+exports.Icon = Icon;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Icon.tsx"],"names":["jsx","FontAwesomeIcon"],"mappings":";;;;;;;;AAaA,IAAM,OAAA,GAAoC;AAAA,EACxC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAaO,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,YAAA,GAAe,KAAA,IAAS,SAAA,GAAY,SAAA,GAAY,IAAA;AAEtD,EAAA,MAAM,WAAA,GAA6B;AAAA,IACjC,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,IACnB,MAAA,EAAQ,QAAQ,IAAI,CAAA;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAI,KAAA,GAAQ,EAAE,KAAA,KAAU;AAAC,GAC3B;AAEA,EAAA,uBACEA,cAAA;AAAA,IAACC,gCAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,YAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA,EAAO,WAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,eAAa,CAAC,KAAA;AAAA,MACb,GAAG;AAAA;AAAA,GACN;AAEJ","file":"index.js","sourcesContent":["import { type CSSProperties } from \"react\";\nimport {\n  FontAwesomeIcon,\n  type FontAwesomeIconProps,\n} from \"@fortawesome/react-fontawesome\";\nimport type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport type IconSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n/**\n * Rem values aligned with @l3mpire/tokens font-size scale:\n *   xs → 12px, sm → 14px, md → 16px, lg → 20px, xl → 24px\n */\nconst sizeMap: Record<IconSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"0.875rem\",\n  md: \"1rem\",\n  lg: \"1.25rem\",\n  xl: \"1.5rem\",\n};\n\nexport interface IconProps\n  extends Omit<FontAwesomeIconProps, \"icon\" | \"size\" | \"color\"> {\n  icon: IconDefinition;\n  solidIcon?: IconDefinition;\n  solid?: boolean;\n  size?: IconSize;\n  color?: string;\n  label?: string;\n  className?: string;\n}\n\nexport function Icon({\n  icon,\n  solidIcon,\n  solid = false,\n  size = \"md\",\n  color,\n  label,\n  className,\n  style,\n  ...rest\n}: IconProps) {\n  const resolvedIcon = solid && solidIcon ? solidIcon : icon;\n\n  const mergedStyle: CSSProperties = {\n    width: sizeMap[size],\n    height: sizeMap[size],\n    ...style,\n    ...(color ? { color } : {}),\n  };\n\n  return (\n    <FontAwesomeIcon\n      icon={resolvedIcon}\n      className={className}\n      style={mergedStyle}\n      aria-label={label}\n      aria-hidden={!label}\n      {...rest}\n    />\n  );\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,47 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { jsx } from 'react/jsx-runtime';
+export { faAddressBook as faAddressBookOutline, faArrowLeftFromLine as faArrowLeftFromLineOutline, faArrowLeft as faArrowLeftOutline, faArrowRightFromBracket as faArrowRightFromBracketOutline, faArrowRightFromLine as faArrowRightFromLineOutline, faArrowRight as faArrowRightOutline, faBadgeDollar as faBadgeDollarOutline, faBell as faBellOutline, faBookmark as faBookmarkOutline, faBrakeWarning as faBrakeWarningOutline, faBuildings as faBuildingsOutline, faBullseye as faBullseyeOutline, faCalendar as faCalendarOutline, faChartLineUp as faChartLineUpOutline, faCheck as faCheckOutline, faChevronDown as faChevronDownOutline, faChevronLeft as faChevronLeftOutline, faChevronRight as faChevronRightOutline, faChevronUp as faChevronUpOutline, faCircleCheck as faCircleCheckOutline, faCircleExclamation as faCircleExclamationOutline, faCircleInfo as faCircleInfoOutline, faCircleNotch as faCircleNotchOutline, faCircleXmark as faCircleXmarkOutline, faClock as faClockOutline, faCoin as faCoinOutline, faComment as faCommentOutline, faCopy as faCopyOutline, faDownload as faDownloadOutline, faEllipsis as faEllipsisOutline, faEllipsisVertical as faEllipsisVerticalOutline, faEnvelope as faEnvelopeOutline, faEye as faEyeOutline, faEyeSlash as faEyeSlashOutline, faFile as faFileOutline, faFilter as faFilterOutline, faFolder as faFolderOutline, faGaugeHigh as faGaugeHighOutline, faGear as faGearOutline, faGripDotsVertical as faGripDotsVerticalOutline, faHeart as faHeartOutline, faHome as faHomeOutline, faInbox as faInboxOutline, faLink as faLinkOutline, faLock as faLockOutline, faMagnifyingGlass as faMagnifyingGlassOutline, faMessage as faMessageOutline, faMinus as faMinusOutline, faPaperPlane as faPaperPlaneOutline, faPaperPlaneTop as faPaperPlaneTopOutline, faPen as faPenOutline, faPenToSquare as faPenToSquareOutline, faPhone as faPhoneOutline, faPlus as faPlusOutline, faRefresh as faRefreshOutline, faShapes as faShapesOutline, faSidebarFlip as faSidebarFlipOutline, faSortDown as faSortDownOutline, faSort as faSortOutline, faSortUp as faSortUpOutline, faSpinner as faSpinnerOutline, faSquareCheck as faSquareCheckOutline, faSquarePlus as faSquarePlusOutline, faStar as faStarOutline, faStars as faStarsOutline, faTrashCan as faTrashCanOutline, faTrash as faTrashOutline, faTriangleExclamation as faTriangleExclamationOutline, faUnlock as faUnlockOutline, faUpload as faUploadOutline, faUser as faUserOutline, faUsers as faUsersOutline, faVideo as faVideoOutline, faXmark as faXmarkOutline } from '@fortawesome/pro-regular-svg-icons';
+export { faAddressBook as faAddressBookSolid, faArrowLeftFromLine as faArrowLeftFromLineSolid, faArrowLeft as faArrowLeftSolid, faArrowRightFromBracket as faArrowRightFromBracketSolid, faArrowRightFromLine as faArrowRightFromLineSolid, faArrowRight as faArrowRightSolid, faBadgeDollar as faBadgeDollarSolid, faBell as faBellSolid, faBookmark as faBookmarkSolid, faBrakeWarning as faBrakeWarningSolid, faBuildings as faBuildingsSolid, faBullseye as faBullseyeSolid, faCalendar as faCalendarSolid, faChartLineUp as faChartLineUpSolid, faCheck as faCheckSolid, faChevronDown as faChevronDownSolid, faChevronLeft as faChevronLeftSolid, faChevronRight as faChevronRightSolid, faChevronUp as faChevronUpSolid, faCircleCheck as faCircleCheckSolid, faCircleExclamation as faCircleExclamationSolid, faCircleInfo as faCircleInfoSolid, faCircleNotch as faCircleNotchSolid, faCircleXmark as faCircleXmarkSolid, faClock as faClockSolid, faCoin as faCoinSolid, faComment as faCommentSolid, faCopy as faCopySolid, faDownload as faDownloadSolid, faEllipsis as faEllipsisSolid, faEllipsisVertical as faEllipsisVerticalSolid, faEnvelope as faEnvelopeSolid, faEyeSlash as faEyeSlashSolid, faEye as faEyeSolid, faFile as faFileSolid, faFilter as faFilterSolid, faFolder as faFolderSolid, faGaugeHigh as faGaugeHighSolid, faGear as faGearSolid, faGripDotsVertical as faGripDotsVerticalSolid, faHeart as faHeartSolid, faHome as faHomeSolid, faInbox as faInboxSolid, faLink as faLinkSolid, faLock as faLockSolid, faMagnifyingGlass as faMagnifyingGlassSolid, faMessage as faMessageSolid, faMinus as faMinusSolid, faPaperPlane as faPaperPlaneSolid, faPaperPlaneTop as faPaperPlaneTopSolid, faPen as faPenSolid, faPenToSquare as faPenToSquareSolid, faPhone as faPhoneSolid, faPlus as faPlusSolid, faRefresh as faRefreshSolid, faShapes as faShapesSolid, faSidebarFlip as faSidebarFlipSolid, faSortDown as faSortDownSolid, faSort as faSortSolid, faSortUp as faSortUpSolid, faSpinner as faSpinnerSolid, faSquareCheck as faSquareCheckSolid, faSquarePlus as faSquarePlusSolid, faStar as faStarSolid, faStars as faStarsSolid, faTrashCan as faTrashCanSolid, faTrash as faTrashSolid, faTriangleExclamation as faTriangleExclamationSolid, faUnlock as faUnlockSolid, faUpload as faUploadSolid, faUser as faUserSolid, faUsers as faUsersSolid, faVideo as faVideoSolid, faXmark as faXmarkSolid } from '@fortawesome/pro-solid-svg-icons';
+
+// src/Icon.tsx
+var sizeMap = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "1.5rem"
+};
+function Icon({
+  icon,
+  solidIcon,
+  solid = false,
+  size = "md",
+  color,
+  label,
+  className,
+  style,
+  ...rest
+}) {
+  const resolvedIcon = solid && solidIcon ? solidIcon : icon;
+  const mergedStyle = {
+    width: sizeMap[size],
+    height: sizeMap[size],
+    ...style,
+    ...color ? { color } : {}
+  };
+  return /* @__PURE__ */ jsx(
+    FontAwesomeIcon,
+    {
+      icon: resolvedIcon,
+      className,
+      style: mergedStyle,
+      "aria-label": label,
+      "aria-hidden": !label,
+      ...rest
+    }
+  );
+}
+
+export { Icon };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Icon.tsx"],"names":[],"mappings":";;;;;;AAaA,IAAM,OAAA,GAAoC;AAAA,EACxC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAaO,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,YAAA,GAAe,KAAA,IAAS,SAAA,GAAY,SAAA,GAAY,IAAA;AAEtD,EAAA,MAAM,WAAA,GAA6B;AAAA,IACjC,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,IACnB,MAAA,EAAQ,QAAQ,IAAI,CAAA;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAI,KAAA,GAAQ,EAAE,KAAA,KAAU;AAAC,GAC3B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,YAAA;AAAA,MACN,SAAA;AAAA,MACA,KAAA,EAAO,WAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,eAAa,CAAC,KAAA;AAAA,MACb,GAAG;AAAA;AAAA,GACN;AAEJ","file":"index.mjs","sourcesContent":["import { type CSSProperties } from \"react\";\nimport {\n  FontAwesomeIcon,\n  type FontAwesomeIconProps,\n} from \"@fortawesome/react-fontawesome\";\nimport type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport type IconSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n/**\n * Rem values aligned with @l3mpire/tokens font-size scale:\n *   xs → 12px, sm → 14px, md → 16px, lg → 20px, xl → 24px\n */\nconst sizeMap: Record<IconSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"0.875rem\",\n  md: \"1rem\",\n  lg: \"1.25rem\",\n  xl: \"1.5rem\",\n};\n\nexport interface IconProps\n  extends Omit<FontAwesomeIconProps, \"icon\" | \"size\" | \"color\"> {\n  icon: IconDefinition;\n  solidIcon?: IconDefinition;\n  solid?: boolean;\n  size?: IconSize;\n  color?: string;\n  label?: string;\n  className?: string;\n}\n\nexport function Icon({\n  icon,\n  solidIcon,\n  solid = false,\n  size = \"md\",\n  color,\n  label,\n  className,\n  style,\n  ...rest\n}: IconProps) {\n  const resolvedIcon = solid && solidIcon ? solidIcon : icon;\n\n  const mergedStyle: CSSProperties = {\n    width: sizeMap[size],\n    height: sizeMap[size],\n    ...style,\n    ...(color ? { color } : {}),\n  };\n\n  return (\n    <FontAwesomeIcon\n      icon={resolvedIcon}\n      className={className}\n      style={mergedStyle}\n      aria-label={label}\n      aria-hidden={!label}\n      {...rest}\n    />\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@l3mpire/icons",
+  "version": "0.3.5",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/l3mpire/lemds-product-design.git",
+    "directory": "packages/icons"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7",
+    "@fortawesome/pro-regular-svg-icons": "^7",
+    "@fortawesome/pro-solid-svg-icons": "^7",
+    "@fortawesome/react-fontawesome": "^0.2",
+    "@l3mpire/tokens": "0.5.3"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "react": "^19",
+    "react-dom": "^19",
+    "tsup": "^8",
+    "typescript": "^5"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "echo 'TODO: lint'",
+    "clean": "rm -rf dist .turbo"
+  }
+}