@udixio/ui-react 1.0.1 → 1.2.0

package/dist/lib/components/Button.d.ts

@@ -5,5 +5,5 @@ import { ButtonInterface } from '../interfaces';
  * @status beta
  * @category Action
  */
-export declare const Button: ({ variant, disabled, icon, href, label, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, disabled, icon, href, label, disableTextMargins, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/lib/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,0LAmBpB,UAAU,CAAC,eAAe,CAAC,4CA6I7B,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA8I7B,CAAC"}

package/dist/lib/icon/icon.d.ts

@@ -1,7 +1,14 @@
 import { default as React } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export type Icon = IconDefinition | SvgImport | string;
+interface SvgImport {
+    src: string;
+    width: number;
+    height: number;
+    format: string;
+}
 interface Props {
-    icon: IconDefinition;
+    icon: Icon;
     colors?: string[];
     className?: string;
 }

package/dist/lib/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,UAAU,KAAK;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoChC,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFhC,CAAC"}

package/dist/lib/interfaces/button.interface.d.ts

@@ -1,6 +1,6 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ActionOrLink } from '../utils';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 type Props = {
     /**
      * The label is the text that is displayed on the button.
@@ -16,10 +16,16 @@ type Props = {
      * Disables the button if set to true.
      */
     disabled?: boolean;
+    /**
+     * Controls whether negative margins are applied to text variant buttons.
+     * When true, removes the default negative horizontal margins.
+     * Only applies to 'text' variant buttons.
+     */
+    disableTextMargins?: boolean;
     /**
      * An optional icon to display in the button.
      */
-    icon?: IconDefinition;
+    icon?: Icon;
     iconPosition?: 'left' | 'right';
     loading?: boolean;
     /**

package/dist/lib/interfaces/button.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}
+{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}

package/dist/lib/interfaces/fab.interface.d.ts

@@ -1,12 +1,12 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ActionOrLink } from '../utils/component';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
 type Props = {
     variant?: FabVariant;
     label?: string;
     children?: string;
-    icon: IconDefinition;
+    icon: Icon;
     size?: 'small' | 'medium' | 'large';
     isExtended?: boolean;
     transition?: Transition;

package/dist/lib/interfaces/fab.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/dist/lib/interfaces/icon-button.interface.d.ts

@@ -2,10 +2,11 @@ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { IconButtonVariant } from '../components/IconButton';
 import { ActionOrLink } from '../utils/component';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 type Props = {
     label?: string;
     children?: string;
-    icon: IconDefinition;
+    icon: Icon;
     size?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
     width?: 'default' | 'narrow' | 'wide';
     iconSelected?: IconDefinition;

package/dist/lib/interfaces/icon-button.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/icon-button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,KAAK,QAAQ,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IACtD,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"icon-button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/icon-button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,KAAK,QAAQ,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IACtD,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/dist/lib/interfaces/navigation-rail-item.interface.d.ts

@@ -2,12 +2,13 @@ import { ActionOrLink } from '../utils';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { Dispatch, RefObject, SetStateAction } from 'react';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 export type NavProps = {
     selected?: boolean;
     variant?: 'vertical' | 'horizontal';
     label?: string;
     children?: string;
-    icon: IconDefinition;
+    icon: Icon;
     iconSelected: IconDefinition;
     selectedItem?: number | null;
     setSelectedItem?: Dispatch<SetStateAction<number | null>>;

package/dist/lib/interfaces/navigation-rail-item.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-rail-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/navigation-rail-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,oBAAoB;IACpB,YAAY;IACZ,MAAM;IACN,OAAO;IACP,WAAW;CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IACjE,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"navigation-rail-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/navigation-rail-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,oBAAoB;IACpB,YAAY;IACZ,MAAM;IACN,OAAO;IACP,WAAW;CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IACjE,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/dist/lib/interfaces/navigation-rail.interface.d.ts

@@ -1,10 +1,10 @@
 import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { Transition } from 'motion';
 import { ReactProps } from '../utils';
 import { NavigationRailItemInterface } from './navigation-rail-item.interface';
+import { Icon } from '../icon';
 type MenuState = {
-    icon: IconDefinition;
+    icon: Icon;
     label: string;
 };
 export interface NavigationRailInterface {

package/dist/lib/interfaces/navigation-rail.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-rail.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/navigation-rail.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,CAC5B,UAAU,CAAC,2BAA2B,CAAC,EACvC,OAAO,GAAG,MAAM,CACjB,GAAG;YACA,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACrB,KACA,IAAI,CAAC;QACV,QAAQ,EAAE,SAAS,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,EAAE;YACL,MAAM,EAAE,SAAS,CAAC;YAClB,MAAM,EAAE,SAAS,CAAC;SACnB,CAAC;QACF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAE/C,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;CAChE"}
+{"version":3,"file":"navigation-rail.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/navigation-rail.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,CAC5B,UAAU,CAAC,2BAA2B,CAAC,EACvC,OAAO,GAAG,MAAM,CACjB,GAAG;YACA,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACrB,KACA,IAAI,CAAC;QACV,QAAQ,EAAE,SAAS,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,EAAE;YACL,MAAM,EAAE,SAAS,CAAC;YAClB,MAAM,EAAE,SAAS,CAAC;SACnB,CAAC;QACF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAE/C,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;CAChE"}

package/dist/lib/interfaces/snackbar.interface.d.ts

@@ -1,11 +1,11 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { Icon } from '../icon';
 export interface SnackbarInterface {
     type: 'div';
     props: {
         duration?: number;
         onClose?: () => void;
         message: string;
-        closeIcon?: IconDefinition;
+        closeIcon?: Icon;
     };
     states: {
         isVisible: boolean;

package/dist/lib/interfaces/snackbar.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/snackbar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,cAAc,CAAC;KAC5B,CAAC;IACF,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;CACzE"}
+{"version":3,"file":"snackbar.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/snackbar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,IAAI,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;CACzE"}

package/dist/lib/interfaces/switch.interface.d.ts

@@ -1,10 +1,10 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { Icon } from '../icon';
 export interface SwitchInterface {
     type: 'div';
     props: {
         selected?: boolean;
-        activeIcon?: IconDefinition;
-        inactiveIcon?: IconDefinition;
+        activeIcon?: Icon;
+        inactiveIcon?: Icon;
         disabled?: boolean;
         onChange?: (checked: boolean) => void;
     };

package/dist/lib/interfaces/switch.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/switch.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;CAC/E"}
+{"version":3,"file":"switch.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/switch.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,IAAI,CAAC;QAClB,YAAY,CAAC,EAAE,IAAI,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;CAC/E"}

package/dist/lib/interfaces/tab.interface.d.ts

@@ -1,12 +1,12 @@
 import { ActionOrLink } from '../utils/component';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { TabsVariant } from './tabs.interface';
 import { Dispatch, RefObject, SetStateAction } from 'react';
+import { Icon } from '../icon';
 export type TabProps = {
     selected?: boolean;
     variant?: TabsVariant;
     label?: string;
-    icon?: IconDefinition;
+    icon?: Icon;
     selectedTab?: number | null;
     setSelectedTab?: Dispatch<SetStateAction<number | null>>;
     tabsId?: string;

package/dist/lib/interfaces/tab.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IAClD,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"tab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IAClD,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/dist/lib/interfaces/text-field.interface.d.ts

@@ -1,6 +1,6 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { default as React } from 'react';
 import { IconButton } from '../components/IconButton';
+import { Icon } from '../icon';
 export type TextFieldVariant = 'filled' | 'outlined';
 type Props = {
     placeholder?: string;
@@ -9,8 +9,8 @@ type Props = {
     disabled?: boolean;
     errorText?: string | null;
     supportingText?: string;
-    trailingIcon?: React.ReactElement<typeof IconButton> | IconDefinition;
-    leadingIcon?: React.ReactElement<typeof IconButton> | IconDefinition;
+    trailingIcon?: React.ReactElement<typeof IconButton> | Icon;
+    leadingIcon?: React.ReactElement<typeof IconButton> | Icon;
     onChange?: (value: string) => void;
     showSupportingText?: boolean;
     suffix?: string;

package/dist/lib/interfaces/text-field.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/text-field.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,cAAc,CAAC;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;CACrD,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE;QACR,WAAW;QACX,SAAS;QACT,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,QAAQ;QACR,YAAY;KACb,CAAC;CACH"}
+{"version":3,"file":"text-field.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/text-field.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;CACrD,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE;QACR,WAAW;QACX,SAAS;QACT,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,QAAQ;QACR,YAAY;KACb,CAAC;CACH"}

package/dist/lib/styles/button.style.d.ts

@@ -5,6 +5,7 @@ export declare const buttonStyle: (states: (({
     size: any;
     variant: any;
     disabled: any;
+    disableTextMargins: any;
     icon: any;
     iconPosition: any;
     loading: any;
@@ -20,6 +21,7 @@ export declare const buttonStyle: (states: (({
     size: any;
     variant: any;
     disabled: any;
+    disableTextMargins: any;
     icon: any;
     iconPosition: any;
     loading: any;
@@ -35,7 +37,8 @@ export declare const buttonStyle: (states: (({
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
-    icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    disableTextMargins?: boolean;
+    icon?: import('..').Icon;
     iconPosition?: "left" | "right";
     loading?: boolean;
     shape?: "squared" | "rounded";
@@ -51,7 +54,8 @@ export declare const buttonStyle: (states: (({
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
-    icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    disableTextMargins?: boolean;
+    icon?: import('..').Icon;
     iconPosition?: "left" | "right";
     loading?: boolean;
     shape?: "squared" | "rounded";
@@ -65,5 +69,5 @@ export declare const buttonStyle: (states: (({
     isActive: boolean;
 } & {
     className: string | import('..').ClassNameComponent<ButtonInterface> | undefined;
-}) => Record<"button" | "label" | "stateLayer" | "icon" | "touchTarget", string>;
+}) => Record<"button" | "label" | "icon" | "stateLayer" | "touchTarget", string>;
 //# sourceMappingURL=button.style.d.ts.map

package/dist/lib/styles/button.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA0IvB,CAAC"}
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA6IvB,CAAC"}

package/dist/lib/styles/fab.style.d.ts

@@ -21,7 +21,7 @@ export declare const fabStyle: (states: ({
     variant?: import('..').FabVariant;
     label?: string;
     children?: string;
-    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    icon: import('..').Icon;
     size?: "small" | "medium" | "large";
     isExtended?: boolean;
     transition?: import('motion').Transition;
@@ -31,7 +31,7 @@ export declare const fabStyle: (states: ({
     variant?: import('..').FabVariant;
     label?: string;
     children?: string;
-    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    icon: import('..').Icon;
     size?: "small" | "medium" | "large";
     isExtended?: boolean;
     transition?: import('motion').Transition;
@@ -39,5 +39,5 @@ export declare const fabStyle: (states: ({
     href?: never;
 })) & {
     className: string | import('..').ClassNameComponent<FabInterface> | undefined;
-})) => Record<"label" | "stateLayer" | "icon" | "fab", string>;
+})) => Record<"label" | "icon" | "fab" | "stateLayer", string>;
 //# sourceMappingURL=fab.style.d.ts.map

package/dist/lib/styles/icon-button.style.d.ts

@@ -32,7 +32,7 @@ export declare const iconButtonStyle: (states: (({
 }) & (({
     label?: string;
     children?: string;
-    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    icon: import('..').Icon;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     width?: "default" | "narrow" | "wide";
     iconSelected?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
@@ -48,7 +48,7 @@ export declare const iconButtonStyle: (states: (({
 }) | ({
     label?: string;
     children?: string;
-    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    icon: import('..').Icon;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     width?: "default" | "narrow" | "wide";
     iconSelected?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
@@ -63,5 +63,5 @@ export declare const iconButtonStyle: (states: (({
     href?: never;
 }))) & import('..').IconButtonStates & {
     className: string | import('..').ClassNameComponent<IconButtonInterface> | undefined;
-}) => Record<"stateLayer" | "icon" | "iconButton" | "touchTarget", string>;
+}) => Record<"icon" | "stateLayer" | "iconButton" | "touchTarget", string>;
 //# sourceMappingURL=icon-button.style.d.ts.map

package/dist/lib/styles/navigation-rail-item.style.d.ts

@@ -37,5 +37,5 @@ export declare const navigationRailItemStyle: (states: (({
     isSelected: boolean;
 } & {
     className: string | import('..').ClassNameComponent<NavigationRailItemInterface> | undefined;
-}) => Record<"container" | "label" | "stateLayer" | "icon" | "navigationRailItem", string>;
+}) => Record<"container" | "label" | "icon" | "stateLayer" | "navigationRailItem", string>;
 //# sourceMappingURL=navigation-rail-item.style.d.ts.map

package/dist/lib/styles/navigation-rail-item.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-rail-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/navigation-rail-item.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0FAwCjC,CAAC"}
+{"version":3,"file":"navigation-rail-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/navigation-rail-item.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0FA2CjC,CAAC"}

package/dist/lib/styles/navigation-rail.style.d.ts

@@ -24,11 +24,11 @@ export declare const navigationRailStyle: (states: {
     alignment?: "middle" | "top";
     menu?: {
         closed: {
-            icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+            icon: import('..').Icon;
             label: string;
         };
         opened: {
-            icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+            icon: import('..').Icon;
             label: string;
         };
     };

package/dist/lib/styles/snackbar.style.d.ts

@@ -8,7 +8,7 @@ export declare const snackbarStyle: (states: {
     duration?: number;
     onClose?: () => void;
     message: string;
-    closeIcon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    closeIcon?: import('..').Icon;
 } & {
     isVisible: boolean;
 } & {

package/dist/lib/styles/switch.style.d.ts

@@ -7,8 +7,8 @@ export declare const switchStyle: (states: {
     onChange: any;
 } & {
     selected?: boolean;
-    activeIcon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
-    inactiveIcon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    activeIcon?: import('..').Icon;
+    inactiveIcon?: import('..').Icon;
     disabled?: boolean;
     onChange?: (checked: boolean) => void;
 } & {

package/dist/lib/styles/tab.style.d.ts

@@ -31,5 +31,5 @@ export declare const tabStyle: (states: (({
     isSelected: boolean;
 } & {
     className: string | import('..').ClassNameComponent<TabInterface> | undefined;
-}) => Record<"content" | "label" | "stateLayer" | "tab" | "icon" | "underline", string>;
+}) => Record<"content" | "label" | "icon" | "tab" | "underline" | "stateLayer", string>;
 //# sourceMappingURL=tab.style.d.ts.map

package/dist/lib/styles/text-field.style.d.ts

@@ -24,8 +24,8 @@ export declare const textFieldStyle: (states: {
     disabled?: boolean;
     errorText?: string | null;
     supportingText?: string;
-    trailingIcon?: React.ReactElement<typeof import('..').IconButton> | import('@fortawesome/fontawesome-svg-core').IconDefinition;
-    leadingIcon?: React.ReactElement<typeof import('..').IconButton> | import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    trailingIcon?: React.ReactElement<typeof import('..').IconButton> | import('..').Icon;
+    leadingIcon?: React.ReactElement<typeof import('..').IconButton> | import('..').Icon;
     onChange?: (value: string) => void;
     showSupportingText?: boolean;
     suffix?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -26,17 +26,17 @@
     "motion": "^12.23.0",
     "tailwind-merge": "^3.3.1",
     "uuid": "^11.0.3",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2"
+    "@fortawesome/fontawesome-svg-core": "^7.0.0",
+    "@fortawesome/free-brands-svg-icons": "^7.0.0",
+    "@fortawesome/free-regular-svg-icons": "^7.0.0",
+    "@fortawesome/free-solid-svg-icons": "^7.0.0",
+    "@fortawesome/react-fontawesome": "^3.0.0"
   },
   "devDependencies": {
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@udixio/tailwind": "1.2.1",
-    "@udixio/theme": "1.0.0"
+    "@udixio/theme": "1.0.0",
+    "@udixio/tailwind": "1.2.1"
   },
   "repository": {
     "type": "git",

package/src/lib/components/Button.tsx

@@ -17,6 +17,7 @@ export const Button = ({
   icon,
   href,
   label,
+  disableTextMargins,
   className,
   iconPosition = 'left',
   loading = false,
@@ -74,6 +75,7 @@ export const Button = ({
   const styles = buttonStyle({
     allowShapeTransformation,
     size,
+    disableTextMargins,
     shape,
     href,
     disabled,

package/src/lib/icon/icon.tsx

@@ -2,14 +2,78 @@ import type React from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { classNames } from '../utils';
 
+export type Icon = IconDefinition | SvgImport | string;
+
+interface SvgImport {
+  src: string;
+  width: number;
+  height: number;
+  format: string;
+}
+
 interface Props {
-  icon: IconDefinition;
+  icon: Icon;
   colors?: string[];
   className?: string;
 }
 
 export const Icon: React.FC<Props> = ({ icon, colors = [], className }) => {
-  const { icon: iconData } = icon; // Extraction des données de l'icône.
+  // Si c'est une chaîne de caractères (SVG raw)
+  if (typeof icon === 'string') {
+    // Modifier la couleur du SVG en remplaçant les attributs fill/stroke
+    let svgContent = icon;
+    if (colors[0]) {
+      // Remplacer ou ajouter des attributs de couleur
+      svgContent = svgContent.replace(
+        /<svg([^>]*)>/,
+        `<svg$1 fill="${colors[0]}" color="${colors[0]}">`,
+      );
+      // Remplacer les paths existants pour utiliser currentColor
+      svgContent = svgContent.replace(
+        /<path([^>]*?)>/g,
+        '<path$1 fill="currentColor">',
+      );
+    }
+
+    return (
+      <div
+        className={classNames(
+          'size-5 box-content inline-flex fill-current',
+          className,
+        )}
+        style={{ color: colors[0] || 'inherit' }}
+        dangerouslySetInnerHTML={{ __html: svgContent }}
+      />
+    );
+  }
+
+  // Si c'est un objet SVG importé (cas précédent)
+  if (icon && typeof icon === 'object' && 'src' in icon) {
+    const svgImport = icon as SvgImport;
+    return (
+      <img
+        src={svgImport.src}
+        width={svgImport.width}
+        height={svgImport.height}
+        className={classNames('size-5 box-content', className)}
+        style={{
+          filter: colors[0]
+            ? `brightness(0) saturate(100%) invert(1)`
+            : undefined,
+        }}
+        alt=""
+        aria-hidden="true"
+      />
+    );
+  }
+
+  // Si c'est une IconDefinition FontAwesome
+  const faIcon = icon as IconDefinition;
+  if (!faIcon?.prefix) {
+    throw new Error(`Invalid icon type: ${typeof icon}`);
+  }
+
+  const { icon: iconData } = faIcon;
   const [width, height, , , svgPathData] = iconData || [];
 
   const getColorStyle = (colors: string[]): React.CSSProperties => {
@@ -29,9 +93,7 @@ export const Icon: React.FC<Props> = ({ icon, colors = [], className }) => {
   return (
     <svg
       className={classNames('size-5 box-content', className)}
-      style={{
-        ...getColorStyle(colors),
-      }}
+      style={{ ...getColorStyle(colors) }}
       xmlns="http://www.w3.org/2000/svg"
       viewBox={`0 0 ${width} ${height}`}
       role="img"

package/src/lib/interfaces/button.interface.ts

@@ -1,6 +1,6 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ActionOrLink } from '../utils';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 
 type Props = {
   /**
@@ -22,10 +22,17 @@ type Props = {
    */
   disabled?: boolean;
 
+  /**
+   * Controls whether negative margins are applied to text variant buttons.
+   * When true, removes the default negative horizontal margins.
+   * Only applies to 'text' variant buttons.
+   */
+  disableTextMargins?: boolean;
+
   /**
    * An optional icon to display in the button.
    */
-  icon?: IconDefinition;
+  icon?: Icon;
 
   iconPosition?: 'left' | 'right';
 

package/src/lib/interfaces/fab.interface.ts

@@ -1,13 +1,13 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ActionOrLink } from '../utils/component';
 import { Transition } from 'motion';
+import { Icon } from '../icon';
 
 export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
 type Props = {
   variant?: FabVariant;
   label?: string;
   children?: string;
-  icon: IconDefinition;
+  icon: Icon;
   size?: 'small' | 'medium' | 'large';
   isExtended?: boolean;
   transition?: Transition;