@trilogy-ds/react 0.0.1-beta-70 → 0.0.1-beta-71

package/lib/components/accordion/Accordion.d.ts

@@ -4,5 +4,5 @@ import { AccordionProps } from "./AccordionProps";
  * Accordion Component
  * @param className {string} Additionnal CSS Classes
  */
-declare const Accordion: ({ className, testId, ...others }: AccordionProps) => React.JSX.Element;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -6,10 +6,11 @@ import { hashClass } from "../../helpers/hashClassesHelpers";
  * Accordion Component
  * @param className {string} Additionnal CSS Classes
  */
-const Accordion = ({ className, testId, ...others }) => {
+const Accordion = React.forwardRef((props, ref) => {
+    const { className, testId, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("accordions", className));
-    return React.createElement("section", { className: classes, ...others, "data-testid": testId });
-};
+    return React.createElement("section", { ref: ref, className: classes, ...others, "data-testid": testId });
+});
 export default Accordion;
 //# sourceMappingURL=Accordion.js.map

package/lib/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACM,EAAqB,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAChE,OAAO,iCAAS,SAAS,EAAE,OAAO,KAAM,MAAM,iBAAe,MAAM,GAAI,CAAA;AACzE,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD;;;GAGG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAoC,EAAE,EAAE;IACjG,MAAM,EACJ,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAChE,OAAO,iCAAS,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,iBAAe,MAAM,GAAI,CAAA;AACnF,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/lib/components/breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { BreadcrumbWebProps } from "./BreadcrumbProps";
 /**
  * Breadcrumb Component
@@ -7,5 +7,5 @@ import { BreadcrumbWebProps } from "./BreadcrumbProps";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const Breadcrumb: ({ children, className, testId, accessibilityLabel, ...others }: BreadcrumbWebProps) => JSX.Element;
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbWebProps & React.RefAttributes<HTMLElement>>;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -9,10 +9,11 @@ import { useTrilogyContext } from "../../context";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const Breadcrumb = ({ children, className, testId, accessibilityLabel, ...others }) => {
+const Breadcrumb = React.forwardRef((props, ref) => {
+    const { children, className, testId, accessibilityLabel, ...others } = props;
     const { styled } = useTrilogyContext();
-    return (React.createElement("nav", { role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel, ...others },
+    return (React.createElement("nav", { ref: ref, role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel, ...others },
         React.createElement("ul", null, children)));
-};
+});
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.js.map

package/lib/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,YAAY,iBACJ,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAC/C,kBAAkB,KAC1B,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAyB,EAAE,GAAiC,EAAE,EAAE;IACnG,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,YAAY,iBACJ,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAC/C,kBAAkB,KAC1B,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/lib/components/card/Card.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CardProps } from "./CardProps";
 /**
  * Card Component
@@ -18,5 +18,5 @@ import { CardProps } from "./CardProps";
  * @param fullheight
  * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
  */
-declare const Card: ({ className, background, backgroundSrc, inverted, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }: CardProps) => JSX.Element;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
 export default Card;

package/lib/components/card/Card.js

@@ -23,7 +23,8 @@ import { useTrilogyContext } from "../../context";
  * @param fullheight
  * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
  */
-const Card = ({ className, background, backgroundSrc, inverted, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }) => {
+const Card = React.forwardRef((props, ref) => {
+    const { className, background, backgroundSrc, inverted, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others } = props;
     const [isLoading, setIsLoading] = useState(skeleton || false);
     const { styled } = useTrilogyContext();
     useEffect(() => {
@@ -38,9 +39,9 @@ const Card = ({ className, background, backgroundSrc, inverted, flat, horizontal
                 // eslint-disable-next-line no-unused-expressions
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
-            }, ...others, className: classes }));
+            }, ...others, className: classes, ref: ref }));
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: onClick && onClick, className: classes, style: onClick && { ...hoverStyle }, ...others }));
-};
+    return (React.createElement("div", { "data-testid": testId, onClick: onClick && onClick, className: classes, style: onClick && { ...hoverStyle }, ...others, ref: ref }));
+});
 export default Card;
 //# sourceMappingURL=Card.js.map

package/lib/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,EAAE,EACF,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAwB;QACtC,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAE1C,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EACjD,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,EACtB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,CACvB,CACF,CAAA;IAED,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,EAAE;QAC3B,OAAO,CACL,0CACe,MAAM,EACnB,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,KACG,MAAM,EACV,SAAS,EAAE,OAAO,GAClB,CACH,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,OAAO,IAAI,EAAE,GAAG,UAAU,EAAE,KAC/B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"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"}

package/lib/components/chips/list/ChipsList.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ChipsListProps } from "./ChipsListProps";
 /**
  * ChipsList Component - Container for Chips
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  */
-declare const ChipsList: ({ children, multiple, ...others }: ChipsListProps) => JSX.Element;
+declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<HTMLDivElement>>;
 export default ChipsList;

package/lib/components/chips/list/ChipsList.js

@@ -8,10 +8,11 @@ import { useTrilogyContext } from "../../../context";
  * @param children {React.ReactNode}
  * @param multiple {boolean} Selection Multiple With checked icon
  */
-const ChipsList = ({ children, multiple, ...others }) => {
+const ChipsList = React.forwardRef((props, ref) => {
+    const { children, multiple, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("chips-list", multiple && is("multiple")));
-    return (React.createElement("div", { role: multiple ? "group" : "radiogroup", className: classes, ...others }, children));
-};
+    return (React.createElement("div", { ref: ref, role: multiple ? "group" : "radiogroup", className: classes, ...others }, children));
+});
 export default ChipsList;
 //# sourceMappingURL=ChipsList.js.map

package/lib/components/chips/list/ChipsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,6BAAK,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACzE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAoC,EAAE,EAAE;IACjG,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACnF,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/lib/components/columns/Columns.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ColumnsProps } from "./ColumnsProps";
 /**
  * Columns Component
@@ -15,5 +15,5 @@ import { ColumnsProps } from "./ColumnsProps";
  * @param mobile {boolean} Responsive mode
  * @param flex {boolean} Flex direction
  */
-declare const Columns: ({ className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others }: ColumnsProps) => JSX.Element;
+declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<HTMLDivElement>>;
 export default Columns;

package/lib/components/columns/Columns.js

@@ -18,10 +18,11 @@ import { useTrilogyContext } from "../../context";
  * @param mobile {boolean} Responsive mode
  * @param flex {boolean} Flex direction
  */
-const Columns = ({ className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others }) => {
+const Columns = React.forwardRef((props, ref) => {
+    const { className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, flex, marginless, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("columns", multiline && is("multiline"), inlined && is("inlined"), mobile && is("mobile"), centered && is("centered"), verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)], flex && is("flex"), marginless && is("marginless"), className));
-    return React.createElement("div", { className: classes, ...others });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default Columns;
 //# sourceMappingURL=Columns.js.map

package/lib/components/columns/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAoC,EAAE,EAAE;IAC5F,MAAM,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/lib/components/columns/item/ColumnsItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ColumnsItemProps } from "./ColumnsItemProps";
 /**
  * Columns Item Component - Columns Child
@@ -24,5 +24,5 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-declare const ColumnsItem: ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }: ColumnsItemProps) => JSX.Element;
+declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnsItem;

package/lib/components/columns/item/ColumnsItem.js

@@ -28,10 +28,11 @@ import { getAlignClassName } from "../../../objects";
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-const ColumnsItem = ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }) => {
+const ColumnsItem = React.forwardRef((props, ref) => {
+    const { className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"), verticalCenter && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
-    return React.createElement("div", { className: classes, ...others });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default ColumnsItem;
 //# sourceMappingURL=ColumnsItem.js.map

package/lib/components/columns/item/ColumnsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAoC,EAAE,EAAE;IACrG,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/lib/components/list/List.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ListProps } from "./ListProps";
 /**
  * ListItem Component
@@ -6,5 +6,5 @@ import { ListProps } from "./ListProps";
  * @param children {React.ReactNode}
  * @param hasIcon {boolean} If Have icon
  */
-declare const List: ({ className, hasIcon, children, testId, ...others }: ListProps) => JSX.Element;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 export default List;

package/lib/components/list/List.js

@@ -8,10 +8,11 @@ import { useTrilogyContext } from "../../context";
  * @param children {React.ReactNode}
  * @param hasIcon {boolean} If Have icon
  */
-const List = ({ className, hasIcon, children, testId, ...others }) => {
+const List = React.forwardRef((props, ref) => {
+    const { className, hasIcon, children, testId, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx(hasIcon ? "icon-list" : "list", className));
-    return (React.createElement("ul", { "data-testid": testId, className: classes, ...others }, children));
-};
+    return (React.createElement("ul", { ref: ref, "data-testid": testId, className: classes, ...others }, children));
+});
 export default List;
 //# sourceMappingURL=List.js.map

package/lib/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../components/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AAEH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAChD,CAAA;IACD,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACpD,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../components/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AAEH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAsC,EAAE,EAAE;IACzF,MAAM,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAChD,CAAA;IACD,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,iBAAe,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IAC9D,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/lib/components/progress/Progress.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ProgressProps } from "./ProgressProps";
 /**
  * Progress component
@@ -14,5 +14,5 @@ import { ProgressProps } from "./ProgressProps";
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-declare const Progress: ({ children, className, percent, maxPercent, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }: ProgressProps) => JSX.Element;
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
 export default Progress;

package/lib/components/progress/Progress.js

@@ -20,12 +20,13 @@ import { useTrilogyContext } from "../../context";
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-const Progress = ({ children, className, percent, maxPercent = 100, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }) => {
+const Progress = React.forwardRef((props, ref) => {
+    const { children, className, percent, maxPercent = 100, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("progress", alert && is(getAlertClassName(alert)), !alert && is("primary"), small && is("small"), className));
     const stackedClasses = hashClass(styled, clsx("progress", stacked && is("stacked"), className));
     if (children && stacked) {
-        return (React.createElement("div", { className: stackedClasses, ...others }, children));
+        return (React.createElement("div", { ref: ref, className: stackedClasses, ...others }, children));
     }
     return (React.createElement(React.Fragment, null,
         React.createElement("progress", { className: classes, value: percent, max: maxPercent, ...others }, percent),
@@ -35,6 +36,6 @@ const Progress = ({ children, className, percent, maxPercent = 100, alert, small
                 React.createElement(Text, { level: TextLevels.TWO }, firstExtremLegend)),
             React.createElement(ColumnsItem, { narrow: true },
                 React.createElement(Text, { level: TextLevels.TWO }, secondExtremLegend))))));
-};
+});
 export default Progress;
 //# sourceMappingURL=Progress.js.map

package/lib/components/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CACtD,CAAA;IAED,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,KAAM,MAAM,IACvC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,UAAU,KACX,MAAM,IAET,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CACtD,CAAA;IAED,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,KAAM,MAAM,IACjD,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,UAAU,KACX,MAAM,IAET,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AAEH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/lib/components/progress/item/ProgressItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ProgressItemProps } from "./ProgressItemProps";
 /**
  * Progress Item component - Only if stacked
@@ -11,5 +11,5 @@ import { ProgressItemProps } from "./ProgressItemProps";
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-declare const ProgressItem: ({ className, percent, maxPercent, minPercent, alert, accessibilityLabel, ...others }: ProgressItemProps) => JSX.Element;
+declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ProgressItem;

package/lib/components/progress/item/ProgressItem.js

@@ -15,10 +15,11 @@ import { useTrilogyContext } from "../../../context";
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-const ProgressItem = ({ className, percent, maxPercent = 100, minPercent = 0, alert, accessibilityLabel, ...others }) => {
+const ProgressItem = React.forwardRef((props, ref) => {
+    const { className, percent, maxPercent = 100, minPercent = 0, alert, accessibilityLabel, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("progress-bar", alert && is(getAlertClassName(alert)), !alert && is("primary"), className));
-    return (React.createElement("div", { ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
-};
+    return (React.createElement("div", { ref: ref, ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
+});
 export default ProgressItem;
 //# sourceMappingURL=ProgressItem.js.map

package/lib/components/progress/item/ProgressItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,EACL,kBAAkB,EAClB,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,cAAc,EACd,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,gCACM,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IACvG,MAAM,EACJ,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,EACL,kBAAkB,EAClB,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,cAAc,EACd,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,KACJ,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/components/rows/Rows.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { RowsProps } from "./RowsProps";
 /**
  * Rows Component
@@ -6,5 +6,5 @@ import { RowsProps } from "./RowsProps";
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-declare const Rows: ({ className, ...others }: RowsProps) => JSX.Element;
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
 export default Rows;

package/lib/components/rows/Rows.js

@@ -8,9 +8,10 @@ import { useTrilogyContext } from "../../context";
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-const Rows = ({ className, ...others }) => {
+const Rows = React.forwardRef((props, ref) => {
+    const { className, ...others } = props;
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx("rows", className)), ...others }));
-};
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx("rows", className)), ...others }));
+});
 export default Rows;
 //# sourceMappingURL=Rows.js.map

package/lib/components/rows/Rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAoC,EAAE,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAEtC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CACrF,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,IAAI,CAAA"}

package/lib/components/rows/item/RowItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { RowsItemProps } from "./RowItemProps";
 /**
  * Rows Item Component
@@ -7,5 +7,5 @@ import { RowsItemProps } from "./RowItemProps";
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-declare const RowItem: ({ className, narrow, ...others }: RowsItemProps) => JSX.Element;
+declare const RowItem: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<HTMLDivElement>>;
 export default RowItem;

package/lib/components/rows/item/RowItem.js

@@ -10,10 +10,11 @@ import { useTrilogyContext } from "../../../context";
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-const RowItem = ({ className, narrow, ...others }) => {
+const RowItem = React.forwardRef((props, ref) => {
+    const { className, narrow, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
-    return React.createElement("div", { className: classes, ...others });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default RowItem;
 //# sourceMappingURL=RowItem.js.map

package/lib/components/rows/item/RowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC9F,MAAM,EACJ,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/lib/components/section/Section.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SectionProps } from './SectionProps';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
@@ -10,5 +10,5 @@ import { SectionProps } from './SectionProps';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-declare const Section: ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
+declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
 export default Section;

package/lib/components/section/Section.js

@@ -14,16 +14,17 @@ import { useTrilogyContext } from '../../context';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-const Section = ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }) => {
+const Section = React.forwardRef((props, ref) => {
+    const { className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others } = props;
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);
     const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
-    return (React.createElement("section", { ...(backgroundSrc && {
+    return (React.createElement("section", { ref: ref, ...(backgroundSrc && {
             style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
         }), className: _className, ...others }));
-};
+});
 export default Section;
 //# sourceMappingURL=Section.js.map

package/lib/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/lib/components/select/option/SelectOption.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SelectOptionProps } from './SelectOptionProps';
 /**
  * Select Option Component
@@ -13,5 +13,5 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
+declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<HTMLOptionElement>>;
 export default SelectOption;

package/lib/components/select/option/SelectOption.js

@@ -14,13 +14,14 @@ import * as React from 'react';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-const SelectOption = ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
+const SelectOption = React.forwardRef((allProps, ref) => {
+    const { id, className, value, disabled, children, onClick, label, iconName, testId, ...others } = allProps;
     const { checked, native, focused, ...props } = others;
     const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
     if (native) {
-        return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+        return (React.createElement("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
     }
     return (React.createElement(Radio, { checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId, ...others }));
-};
+});
 export default SelectOption;
 //# sourceMappingURL=SelectOption.js.map

package/lib/components/select/option/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAA4D,CAAA;IAC3G,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,QAA2B,EAAE,GAAuC,EAAE,EAAE;IAC7G,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACV,GAAG,QAAQ,CAAA;IAEZ,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAA4D,CAAA;IAC3G,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/components/stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { StepperProps } from "./StepperProps";
 /**
  * Stepper Component
@@ -6,5 +6,5 @@ import { StepperProps } from "./StepperProps";
  * @param centered Center the stepper
  * @param children {ReactNode}
  */
-declare const Stepper: ({ className, centered, children, ...others }: StepperProps) => JSX.Element;
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
 export default Stepper;

package/lib/components/stepper/Stepper.js

@@ -9,7 +9,8 @@ import { useTrilogyContext } from "../../context";
  * @param centered Center the stepper
  * @param children {ReactNode}
  */
-const Stepper = ({ className, centered, children, ...others }) => {
+const Stepper = React.forwardRef((props, ref) => {
+    const { className, centered, children, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("stepper-wrapper", className));
     const centerClasses = hashClass(styled, clsx("section", has("text-centered"), className));
@@ -41,7 +42,7 @@ const Stepper = ({ className, centered, children, ...others }) => {
         }
     }, [children]);
     if (centered) {
-        return (React.createElement("section", { className: centerClasses },
+        return (React.createElement("section", { ref: ref, className: centerClasses },
             React.createElement("div", { className: classes, ...others },
                 children,
                 React.createElement("div", { className: 'step-count' },
@@ -49,12 +50,12 @@ const Stepper = ({ className, centered, children, ...others }) => {
                     "/",
                     nbChild))));
     }
-    return (React.createElement("div", { className: classes, ...others },
+    return (React.createElement("div", { ref: ref, className: classes, ...others },
         children,
         React.createElement("div", { className: 'step-count' },
             currentStep,
             "/",
             nbChild)));
-};
+});
 export default Stepper;
 //# sourceMappingURL=Stepper.js.map

package/lib/components/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IACrE,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CACjD,CAAA;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QACzC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;QAC/D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAA;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI,eAAe,GAAG,KAAK,CAAA;gBAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;oBACrB,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,EAAE;wBACzB,eAAe,GAAG,IAAI,CAAA;wBACtB,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;qBACjC;gBACH,CAAC,CAAC,CAAA;gBACF,IAAI,CAAC,eAAe;oBAAE,cAAc,CAAC,CAAC,CAAC,CAAA;aACxC;iBAAM;gBACL,cAAc,CAAC,CAAC,CAAC,CAAA;aAClB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,iCAAS,SAAS,EAAE,aAAa;YAC/B,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;gBAChC,QAAQ;gBACT,6BAAK,SAAS,EAAC,YAAY;oBACxB,WAAW;;oBAAG,OAAO,CAClB,CACF,CACE,CACX,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,QAAQ;QACT,6BAAK,SAAS,EAAC,YAAY;YACxB,WAAW;;YAAG,OAAO,CAClB,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IACrE,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CACjD,CAAA;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE/D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QACzC,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;QAC/D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAA;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI,eAAe,GAAG,KAAK,CAAA;gBAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;oBACrB,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,EAAE;wBACzB,eAAe,GAAG,IAAI,CAAA;wBACtB,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;qBACjC;gBACH,CAAC,CAAC,CAAA;gBACF,IAAI,CAAC,eAAe;oBAAE,cAAc,CAAC,CAAC,CAAC,CAAA;aACxC;iBAAM;gBACL,cAAc,CAAC,CAAC,CAAC,CAAA;aAClB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa;YACzC,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;gBAChC,QAAQ;gBACT,6BAAK,SAAS,EAAC,YAAY;oBACxB,WAAW;;oBAAG,OAAO,CAClB,CACF,CACE,CACX,CAAA;KACF;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM;QAC1C,QAAQ;QACT,6BAAK,SAAS,EAAC,YAAY;YACxB,WAAW;;YAAG,OAAO,CAClB,CACF,CACP,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,OAAO,CAAA"}

package/lib/components/stepper/step/StepperStep.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { StepperStepProps } from "./StepperStepProps";
 /**
  * Stepper Step Component
@@ -11,5 +11,5 @@ import { StepperStepProps } from "./StepperStepProps";
  * @param label {string} Step label
  * @param step {number|string} Step text circle
  */
-declare const StepperStep: ({ children, className, active, markup, current, done, label, iconName, error, ...others }: StepperStepProps) => JSX.Element;
+declare const StepperStep: React.ForwardRefExoticComponent<StepperStepProps & React.RefAttributes<any>>;
 export default StepperStep;

package/lib/components/stepper/step/StepperStep.js

@@ -17,7 +17,8 @@ import { IconSize } from "../../../components/icon";
  * @param label {string} Step label
  * @param step {number|string} Step text circle
  */
-const StepperStep = ({ children, className, active, markup, current, done, label, iconName, error, ...others }) => {
+const StepperStep = React.forwardRef((props, ref) => {
+    const { children, className, active, markup, current, done, label, iconName, error, ...others } = props;
     const { styled } = useTrilogyContext();
     const classesStepLabel = hashClass(styled, clsx('step-label'));
     const classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
@@ -30,10 +31,10 @@ const StepperStep = ({ children, className, active, markup, current, done, label
             return true;
     };
     const Tag = markup && isCorrectMarkup(markup) ? markup : StepperStepMarkup.DIV;
-    return (React.createElement(Tag, { className: classes, "data-label": label, ...others },
+    return (React.createElement(Tag, { ref: ref, className: classes, "data-label": label, ...others },
         React.createElement("div", { className: classesStepLabel },
             label || children,
             !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
-};
+});
 export default StepperStep;
 //# sourceMappingURL=StepperStep.js.map

package/lib/components/stepper/step/StepperStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperStep.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAA2B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,IAAI,MAAM,wBAAwB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAC5H,CAAA;IAED;;OAEG;IAEH,MAAM,eAAe,GAAG,CAAC,YAAyD,EAAE,EAAE;QACpF,IACE,YAAY,IAAI,iBAAiB;YACjC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,YAAiC,CAAC;YAE5E,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAA;IAE9E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,gBAAc,KAAK,KAAM,MAAM;QACpD,6BAAK,SAAS,EAAE,gBAAgB;YAC7B,KAAK,IAAI,QAAQ;YAEhB,CAAC,IAAI,IAAI,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAI,CAEtG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"StepperStep.js","sourceRoot":"","sources":["../../../../components/stepper/step/StepperStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAA2B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,IAAI,MAAM,wBAAwB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAyB,EAAE,EAAE;IAC1F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAC5H,CAAA;IAED;;OAEG;IAEH,MAAM,eAAe,GAAG,CAAC,YAAyD,EAAE,EAAE;QACpF,IACE,YAAY,IAAI,iBAAiB;YACjC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,YAAiC,CAAC;YAE5E,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAA;IAE9E,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAAc,KAAK,KAAM,MAAM;QAC9D,6BAAK,SAAS,EAAE,gBAAgB;YAC7B,KAAK,IAAI,QAAQ;YAEhB,CAAC,IAAI,IAAI,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAI,CAEtG,CACF,CACP,CAAA;AAEH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/lib/components/tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TabsProps } from './TabsProps';
 /**
  * Tabs Component
@@ -16,5 +16,5 @@ import { TabsProps } from './TabsProps';
  * @param fullwidth {boolean} Fullwidth tabs
  * @param leftAlign {boolean} Tabs left align
  */
-declare const Tabs: ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }: TabsProps) => JSX.Element;
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

package/lib/components/tabs/Tabs.js

@@ -19,7 +19,8 @@ import { has, is } from '../../services/classify';
  * @param fullwidth {boolean} Fullwidth tabs
  * @param leftAlign {boolean} Tabs left align
  */
-const Tabs = ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }) => {
+const Tabs = React.forwardRef((props, ref) => {
+    const { children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others } = props;
     const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
     const { styled } = useTrilogyContext();
     const [isIcons, setIsIcons] = React.useState(false);
@@ -44,7 +45,7 @@ const Tabs = ({ children, className, onClick, activeIndex, disabled, rightAlign,
     useEffect(() => {
         setActivateIndex(activateIndex);
     }, [activeIndex]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
         React.createElement("div", { className: classes, role: 'tablist', ...others }, React.Children.map(children, (child, index) => {
             if (React.isValidElement(child)) {
                 if (!isIcons && child.props.iconName)
@@ -66,6 +67,6 @@ const Tabs = ({ children, className, onClick, activeIndex, disabled, rightAlign,
                 return React.cloneElement(child, props);
             }
         }))));
-};
+});
 export default Tabs;
 //# sourceMappingURL=Tabs.js.map

package/lib/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/lib/components/tabs/item/TabsItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { TabsItemProps } from "./TabsItemProps";
 /**
  * Tabs Item Component
@@ -13,5 +13,5 @@ import { TabsItemProps } from "./TabsItemProps";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TabsItem: ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }: TabsItemProps) => JSX.Element;
+declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<any>>;
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.js

@@ -16,7 +16,8 @@ import { Icon } from "../../../components/icon";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const TabsItem = ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }) => {
+const TabsItem = React.forwardRef((props, ref) => {
+    const { active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others } = props;
     const [activeItem, setActiveItem] = useState(active || false);
     const { styled } = useTrilogyContext();
     // accessibility
@@ -32,7 +33,7 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
     const classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
     if (routerLink && (to || href)) {
         const RouterLink = (routerLink ? routerLink : "a");
-        return (React.createElement(RouterLink, { "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
+        return (React.createElement(RouterLink, { ref: ref, "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
                 if (!disabled) {
                     const target = e.target;
                     setActiveItem(active || false);
@@ -45,7 +46,7 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
             React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
             children));
     }
-    return (React.createElement("button", { "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
+    return (React.createElement("button", { ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
             if (!disabled) {
                 const target = e.target;
                 setActiveItem(active || false);
@@ -57,6 +58,6 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
         } },
         React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
         children));
-};
+});
 export default TabsItem;
 //# sourceMappingURL=TabsItem.js.map

package/lib/components/tabs/item/TabsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabsItem.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.tsx"],"names":[],"mappings":"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"}

package/lib/components/tag/list/TagList.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { TagListProps } from "./TagListProps";
 /**
  * Tag List Component
@@ -9,5 +9,5 @@ import { TagListProps } from "./TagListProps";
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const TagList: ({ className, gapless, centered, marginless, ...others }: TagListProps) => JSX.Element;
+declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<HTMLElement>>;
 export default TagList;

package/lib/components/tag/list/TagList.js

@@ -12,9 +12,10 @@ import { is } from "../../../services";
  *  - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const TagList = ({ className, gapless, centered, marginless, ...others }) => {
+const TagList = React.forwardRef((props, ref) => {
+    const { className, gapless, centered, marginless, ...others } = props;
     const { styled } = useTrilogyContext();
-    return (React.createElement("span", { className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)), ...others }));
-};
+    return (React.createElement("span", { ref: ref, className: hashClass(styled, clsx("tags", centered && is("centered"), gapless && is("gapless"), marginless && is("marginless"), className)), ...others }));
+});
 export default TagList;
 //# sourceMappingURL=TagList.js.map

package/lib/components/tag/list/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,MAAM,EACN,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,KACG,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AACD,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../components/tag/list/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAiC,EAAE,EAAE;IAC1F,MAAM,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,MAAM,EACN,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,KACG,MAAM,GACV,CACH,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,OAAO,CAAA"}

package/lib/components/timeline/Timeline.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { TimelineProps } from "./TimelineProps";
 /**
  * Timeline Component
@@ -8,5 +8,5 @@ import { TimelineProps } from "./TimelineProps";
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-declare const Timeline: ({ className, notifications, horizontal, ...others }: TimelineProps) => JSX.Element;
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
 export default Timeline;

package/lib/components/timeline/Timeline.js

@@ -11,11 +11,11 @@ import { is } from "../../services";
  * @param horizontal {boolean} timeline horizontal
  * @param className {string} Additionnal CSS Classes
  */
-const Timeline = ({ className, notifications, horizontal, ...others }) => {
+const Timeline = React.forwardRef((props, ref) => {
+    const { className, notifications, horizontal, ...others } = props;
     const { styled } = useTrilogyContext();
-    const timelineRef = React.useRef(null);
     const classes = hashClass(styled, clsx("timeline", notifications && notifications, horizontal && is("horizontal"), className));
-    return React.createElement("div", { ref: timelineRef, className: classes, ...others });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default Timeline;
 //# sourceMappingURL=Timeline.js.map

package/lib/components/timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClE,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../components/timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC/F,MAAM,EACJ,SAAS,EACT,aAAa,EACb,UAAU,EACV,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,aAAa,IAAI,aAAa,EAC9B,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/lib/components/timeline/item/TimelineItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { TimelineItemWebProps } from "./TimelineItemProps";
 /**
  * Timeline Item Component
@@ -9,5 +9,5 @@ import { TimelineItemWebProps } from "./TimelineItemProps";
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-declare const TimelineItem: ({ className, done, active, undone, cancel, ...others }: TimelineItemWebProps) => JSX.Element;
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemWebProps & React.RefAttributes<HTMLDivElement>>;
 export default TimelineItem;

package/lib/components/timeline/item/TimelineItem.js

@@ -11,10 +11,11 @@ import { hashClass } from "../../../helpers";
  * @param undone {boolean} Undone Timeline Item
  * @param cancel {boolean} Cancel Timeline Item
  */
-const TimelineItem = ({ className, done, active, undone, cancel, ...others }) => {
+const TimelineItem = React.forwardRef((props, ref) => {
+    const { className, done, active, undone, cancel, ...others } = props;
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("timeline-item", done && "done", active && "active", undone && "undone", cancel && "cancel", className));
-    return React.createElement("div", { className: classes, ...others });
-};
+    return React.createElement("div", { ref: ref, className: classes, ...others });
+});
 export default TimelineItem;
 //# sourceMappingURL=TimelineItem.js.map

package/lib/components/timeline/item/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,MAAM,EACY,EAAe,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,eAAe,EACf,IAAI,IAAI,MAAM,EACd,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,CACF,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"TimelineItem.js","sourceRoot":"","sources":["../../../../components/timeline/item/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA2B,EAAE,GAAoC,EAAE,EAAE;IAC1G,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,eAAe,EACf,IAAI,IAAI,MAAM,EACd,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,CACF,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-beta-70";
+export declare const version = "0.0.1-beta-71";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.1-beta-70";
+export const version = "0.0.1-beta-71";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta-70",
+  "version": "0.0.1-beta-71",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [