@trilogy-ds/react 0.0.5-beta-v4 → 0.0.6-esm-cjs

package/lib/components/autolayout/AutoLayout.helpers.mjs

@@ -0,0 +1,120 @@
+"use client";
+import "../../chunk-TWIPUB5N.mjs";
+import {
+  Spacer_default
+} from "../../chunk-CHKSRCM7.mjs";
+import "../../chunk-EMXC7I76.mjs";
+import "../../chunk-IJCGAWJK.mjs";
+import "../../chunk-D76JOUBK.mjs";
+import "../../chunk-UFMRE754.mjs";
+import {
+  ComponentName
+} from "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+
+// components/autolayout/AutoLayout.helpers.tsx
+import React from "react";
+var isFragment = (element) => (element == null ? void 0 : element.type) === React.Fragment;
+var getTrilogyComponentName = (child) => {
+  const componentsKeys = Object.keys(ComponentName).filter((key) => key);
+  return componentsKeys.find((key) => {
+    var _a, _b, _c;
+    return key === ((_b = (_a = child == null ? void 0 : child.type) == null ? void 0 : _a.render) == null ? void 0 : _b.displayName) || key === ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName);
+  });
+};
+var isElementType = (element, componentType) => {
+  var _a, _b, _c;
+  return ((_b = (_a = element == null ? void 0 : element.type) == null ? void 0 : _a.render) == null ? void 0 : _b.displayName) === componentType || ((_c = element == null ? void 0 : element.type) == null ? void 0 : _c.displayName) === componentType;
+};
+var parseChildren = ({ children, handleBetweenChildren }) => {
+  const array = [];
+  createChildrenArray(array, children);
+  return array.reduce((accumulator, nextChild, childIndex) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const previousChild = accumulator[accumulator.length - 1];
+    const getChildCandidateToComparison = (child, accumulator2) => {
+      if (isElementType(child, "AutoLayout")) {
+        return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
+      }
+      if (child === null && accumulator2 && accumulator2.length >= 2) {
+        return getChildCandidateToComparison(accumulator2[accumulator2.length - 2], accumulator2.slice(0, -1));
+      }
+      return child;
+    };
+    const nextChildType = ((_c = (_b = (_a = getChildCandidateToComparison(nextChild)) == null ? void 0 : _a.type) == null ? void 0 : _b.render) == null ? void 0 : _c.displayName) || ((_e = (_d = getChildCandidateToComparison(nextChild)) == null ? void 0 : _d.type) == null ? void 0 : _e.displayName) || void 0;
+    const previousChildType = ((_h = (_g = (_f = getChildCandidateToComparison(previousChild, accumulator)) == null ? void 0 : _f.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) || ((_j = (_i = getChildCandidateToComparison(previousChild, accumulator)) == null ? void 0 : _i.type) == null ? void 0 : _j.displayName) || void 0;
+    handleBetweenChildren == null ? void 0 : handleBetweenChildren({
+      accumulator,
+      previousChild,
+      previousChildType,
+      nextChild,
+      nextChildType,
+      childIndex
+    });
+    return [
+      ...accumulator,
+      nextChild && React.cloneElement(nextChild, {
+        key: nextChild.key || `child${childIndex}`
+      })
+    ];
+  }, []);
+};
+var autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextChildType, childIndex }) => {
+  const eligibleRule = (mode) => [0 /* INSERT_SPACE_BETWEEN */, 1 /* INSERT_ELEMENT_BETWEEN */].includes(mode);
+  let alreadySpaced = false;
+  const rules = matrix.filter((e) => eligibleRule(e[0]));
+  rules.forEach((rule) => {
+    const [mode, previousType, nextType, value] = rule;
+    const isRuleApplicable = checkRuleApplicable(
+      previousType,
+      nextType,
+      previousChildType,
+      nextChildType,
+      alreadySpaced
+    );
+    if (isRuleApplicable) {
+      alreadySpaced = true;
+      if (mode === 0 /* INSERT_SPACE_BETWEEN */) {
+        accumulator.push(/* @__PURE__ */ React.createElement(Spacer_default, { key: `spacer${childIndex}`, size: value }));
+      } else if (mode === 1 /* INSERT_ELEMENT_BETWEEN */) {
+        accumulator.push(value);
+      }
+    }
+  });
+};
+var createChildrenArray = (array, children) => {
+  React.Children.forEach(children, (child) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (isFragment(child)) {
+      React.Children.forEach(child == null ? void 0 : child.props.children, (item) => {
+        createChildrenArray(array, item);
+      });
+    } else if ((child == null ? void 0 : child.type) && ((_a = child == null ? void 0 : child.type) == null ? void 0 : _a.displayName) !== getTrilogyComponentName(child) && ((_b = child == null ? void 0 : child.type) == null ? void 0 : _b.$$typeof) === void 0) {
+      createChildrenArray(array, child.type(child.props));
+    } else if ((child == null ? void 0 : child.type) && ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName) !== getTrilogyComponentName(child) && ((_d = child == null ? void 0 : child.type) == null ? void 0 : _d.$$typeof) === Symbol.for("react.memo") && ((_e = child == null ? void 0 : child.type) == null ? void 0 : _e.type) !== void 0) {
+      createChildrenArray(array, child.type.type(child.props));
+    } else if ((child == null ? void 0 : child.type) && ((_f = child == null ? void 0 : child.type) == null ? void 0 : _f.$$typeof) === Symbol.for("react.forward_ref") && ((_h = (_g = child == null ? void 0 : child.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) !== getTrilogyComponentName(child) && ((_i = child == null ? void 0 : child.type) == null ? void 0 : _i.type) !== void 0) {
+      createChildrenArray(array, child.type.type(child.props));
+    } else {
+      array.push(child);
+    }
+  });
+};
+var checkRuleApplicable = (previousType, nextType, previousChildType, nextChildType, alreadySpaced) => {
+  if (previousChildType === void 0 || nextChildType === void 0) {
+    return false;
+  }
+  if (alreadySpaced) {
+    return false;
+  } else if (previousType === previousChildType && nextType === nextChildType || previousType === "default" && nextType === nextChildType || previousType === previousChildType && nextType === "default" || previousType === "default" && nextType === "default") {
+    return true;
+  }
+  return false;
+};
+export {
+  autoLayoutChildrenHandler,
+  isElementType,
+  isFragment,
+  parseChildren
+};

package/lib/components/autolayout/AutoLayout.js

@@ -2,10 +2,9 @@ import * as React from 'react';
 /**
  * AutoLayout Component
  */
-var AutoLayout = function (_a) {
-    var children = _a.children;
+const AutoLayout = ({ children }) => {
     // eslint-disable-next-line react/jsx-no-useless-fragment
     return React.createElement("div", { className: 'autolayout' }, children);
 };
 export default AutoLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUk5Qjs7R0FFRztBQUNILElBQU0sVUFBVSxHQUE4QixVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDdkQseURBQXlEO0lBQ3pELE9BQU8sNkJBQUssU0FBUyxFQUFFLFlBQVksSUFBRyxRQUFRLENBQU8sQ0FBQTtBQUN2RCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUk5Qjs7R0FFRztBQUNILE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQWUsRUFBRTtJQUMxRSx5REFBeUQ7SUFDekQsT0FBTyw2QkFBSyxTQUFTLEVBQUUsWUFBWSxJQUFHLFFBQVEsQ0FBTyxDQUFBO0FBQ3ZELENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/autolayout/AutoLayout.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  AutoLayout_default
+} from "../../chunk-MEC5UMTH.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  AutoLayout_default as default
+};

package/lib/components/autolayout/AutoLayout.native.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { autoLayoutChildrenHandler, parseChildren } from '../../components/autolayout/AutoLayout.helpers';
 import { DEFAULT_SPACING_MATRIX } from '../../components/autolayout/DefaultSpacingMatrix';
 import { ComponentName } from '../../components/enumsComponentsName';
-import { Spacer, SpacerSize } from '../../components/spacer';
+import { Spacer, SpacerSize } from '../../components/spacer/index.native';
 /**
  * AutoLayout Component
  * @param children
@@ -11,20 +11,19 @@ import { Spacer, SpacerSize } from '../../components/spacer';
  * @param edgeSize {SpacerSize} Edge size if exist (default = SMALL)
  * @param noSpace {boolean} Set spaces between children to NONE
  */
-var AutoLayout = function (_a) {
-    var children = _a.children, _b = _a.matrix, matrix = _b === void 0 ? DEFAULT_SPACING_MATRIX : _b, edges = _a.edges, _c = _a.edgeSize, edgeSize = _c === void 0 ? SpacerSize.TWO : _c, noSpace = _a.noSpace;
-    var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes('bottom');
-    var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes('top');
+const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.TWO, noSpace, }) => {
+    const hasBottomEdge = edges?.includes('bottom');
+    const hasTopEdge = edges?.includes('top');
     return (React.createElement(React.Fragment, null,
         hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
         noSpace
             ? children
             : parseChildren({
-                children: children,
-                handleBetweenChildren: function (props) { return autoLayoutChildrenHandler(matrix, props); },
+                children,
+                handleBetweenChildren: (props) => autoLayoutChildrenHandler(matrix, props),
             }),
         hasBottomEdge && React.createElement(Spacer, { size: edgeSize })));
 };
 AutoLayout.displayName = ComponentName.AutoLayout;
 export default AutoLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQTtBQUVyRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQTtBQUNyRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4RDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQThCLFVBQUMsRUFNOUM7UUFMQyxRQUFRLGNBQUEsRUFDUixjQUErQixFQUEvQixNQUFNLG1CQUFHLHNCQUFzQixLQUFBLEVBQy9CLEtBQUssV0FBQSxFQUNMLGdCQUF5QixFQUF6QixRQUFRLG1CQUFHLFVBQVUsQ0FBQyxHQUFHLEtBQUEsRUFDekIsT0FBTyxhQUFBO0lBRVAsSUFBTSxhQUFhLEdBQUcsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3pDLE9BQU8sQ0FDTDtRQUNHLFVBQVUsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUN4QyxPQUFPO1lBQ04sQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsYUFBYSxDQUFDO2dCQUNaLFFBQVEsVUFBQTtnQkFDUixxQkFBcUIsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLHlCQUF5QixDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBeEMsQ0FBd0M7YUFDM0UsQ0FBQztRQUNMLGFBQWEsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUMzQyxDQUNKLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQTtBQUVyRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQTtBQUNyRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVyRTs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFDN0MsUUFBUSxFQUNSLE1BQU0sR0FBRyxzQkFBc0IsRUFDL0IsS0FBSyxFQUNMLFFBQVEsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUN6QixPQUFPLEdBQ1IsRUFBZSxFQUFFO0lBQ2hCLE1BQU0sYUFBYSxHQUFHLEtBQUssRUFBRSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDL0MsTUFBTSxVQUFVLEdBQUcsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUN6QyxPQUFPLENBQ0w7UUFDRyxVQUFVLElBQUksb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDeEMsT0FBTztZQUNOLENBQUMsQ0FBQyxRQUFRO1lBQ1YsQ0FBQyxDQUFDLGFBQWEsQ0FBQztnQkFDWixRQUFRO2dCQUNSLHFCQUFxQixFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2FBQzNFLENBQUM7UUFDTCxhQUFhLElBQUksb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FDM0MsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/autolayout/AutoLayoutProps.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
+import { SpacerSize } from '../../components/spacer';
+type EdgeType = 'bottom' | 'top';
+type AutoLayoutProps = {
+    children: React.ReactNode;
+    edges?: EdgeType[];
+    edgeSize?: SpacerSize;
+    noSpace?: boolean;
+    /**
+     * @deprecated
+     */
+    matrix?: SpacingMatrix;
+};
+export type { AutoLayoutProps, EdgeType };

package/lib/components/autolayout/AutoLayoutProps.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/components/autolayout/AutoLayoutWrapper.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
+/**
+ * Wrap children in an AutoLayout component.
+ *
+ * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
+ */
+declare const AutoLayoutWrapper: React.FC<{
+    autolayout: boolean | SpacingMatrix;
+    children: React.ReactNode;
+}>;
+export default AutoLayoutWrapper;

package/lib/components/autolayout/AutoLayoutWrapper.js

@@ -5,8 +5,7 @@ import AutoLayout from '../../components/autolayout/AutoLayout';
  *
  * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
  */
-var AutoLayoutWrapper = function (_a) {
-    var _b = _a.autolayout, autolayout = _b === void 0 ? true : _b, children = _a.children;
+const AutoLayoutWrapper = ({ autolayout = true, children }) => {
     if (autolayout === true) {
         return React.createElement(AutoLayout, null, children);
     }
@@ -19,4 +18,4 @@ var AutoLayoutWrapper = function (_a) {
     }
 };
 export default AutoLayoutWrapper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sVUFBVSxNQUFNLG9DQUFvQyxDQUFBO0FBRzNEOzs7O0dBSUc7QUFDSCxJQUFNLGlCQUFpQixHQUdsQixVQUFDLEVBQStCO1FBQTdCLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUFFLFFBQVEsY0FBQTtJQUNqQyxJQUFJLFVBQVUsS0FBSyxJQUFJLEVBQUU7UUFDdkIsT0FBTyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQUE7S0FDM0M7U0FBTSxJQUFJLFVBQVUsRUFBRTtRQUNyQixPQUFPLG9CQUFDLFVBQVUsSUFBQyxNQUFNLEVBQUUsVUFBVSxJQUFHLFFBQVEsQ0FBYyxDQUFBO0tBQy9EO1NBQU07UUFDTCx5REFBeUQ7UUFDekQsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtLQUN2QjtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsaUJBQWlCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sVUFBVSxNQUFNLG9DQUFvQyxDQUFBO0FBRzNEOzs7O0dBSUc7QUFDSCxNQUFNLGlCQUFpQixHQUdsQixDQUFDLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ3ZDLElBQUksVUFBVSxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ3hCLE9BQU8sb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUFBO0lBQzVDLENBQUM7U0FBTSxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQ3RCLE9BQU8sb0JBQUMsVUFBVSxJQUFDLE1BQU0sRUFBRSxVQUFVLElBQUcsUUFBUSxDQUFjLENBQUE7SUFDaEUsQ0FBQztTQUFNLENBQUM7UUFDTix5REFBeUQ7UUFDekQsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtJQUN4QixDQUFDO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxpQkFBaUIsQ0FBQSJ9

package/lib/components/autolayout/AutoLayoutWrapper.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  AutoLayoutWrapper_default
+} from "../../chunk-WJ3XZJY6.mjs";
+import "../../chunk-MEC5UMTH.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  AutoLayoutWrapper_default as default
+};

package/lib/components/autolayout/DefaultSpacingMatrix.d.mts

@@ -0,0 +1,6 @@
+import { SpacingMatrix, SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
+export declare const INSERT_SPACE_BETWEEN: SpacingMatrixMode;
+/**
+ * Spacing matrix for defining spacings between component types
+ */
+export declare const DEFAULT_SPACING_MATRIX: SpacingMatrix;

package/lib/components/autolayout/DefaultSpacingMatrix.js

@@ -1,11 +1,11 @@
 import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
-import { SpacerSize } from '../../components/spacer';
-var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
-export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
+import { SpacerSize } from '../../components/spacer/SpacerEnum';
+const { FOUR, THREE, TWO, ONE } = SpacerSize;
+export const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
 /**
  * Spacing matrix for defining spacings between component types
  */
-export var DEFAULT_SPACING_MATRIX = [
+export const DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Accordion', 'default', FOUR],
     [INSERT_SPACE_BETWEEN, 'Card', 'default', FOUR],
     [INSERT_SPACE_BETWEEN, 'Box', 'default', FOUR],
@@ -26,7 +26,8 @@ export var DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Progress', 'default', TWO],
     [INSERT_SPACE_BETWEEN, 'ProgressRadial', 'default', TWO],
     [INSERT_SPACE_BETWEEN, 'Radio', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', THREE],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', TWO],
+    [INSERT_SPACE_BETWEEN, 'CheckboxTiles', 'default', THREE],
     [INSERT_SPACE_BETWEEN, 'Switch', 'default', THREE],
     [INSERT_SPACE_BETWEEN, 'Radio', 'default', FOUR],
     [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', FOUR],
@@ -37,4 +38,4 @@ export var DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
     [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFBLElBQUksR0FBaUIsVUFBVSxLQUEzQixFQUFFLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBRXZDLE1BQU0sQ0FBUyxJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFekQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBa0I7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3JELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDeEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ25ELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0NBQzlDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUUzRCxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsVUFBVSxDQUFBO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQTtBQUV6RDs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFrQjtJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUM5QyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNyRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUN4RCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztDQUM5QyxDQUFBIn0=

package/lib/components/autolayout/DefaultSpacingMatrix.mjs

@@ -0,0 +1,12 @@
+"use client";
+import {
+  DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN
+} from "../../chunk-Z2FS6QWP.mjs";
+import "../../chunk-IJCGAWJK.mjs";
+import "../../chunk-D76JOUBK.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN
+};

package/lib/components/autolayout/SpacingMatrix.d.mts

@@ -0,0 +1,24 @@
+import type { TrilogyComponents } from '../../components/interface';
+import { SpacerSize } from '../../components/spacer';
+export declare enum SpacingMatrixMode {
+    /**
+     * Insert space between two elements.
+     */
+    INSERT_SPACE_BETWEEN = 0,
+    /**
+     * Insert an element between two elements.
+     */
+    INSERT_ELEMENT_BETWEEN = 1
+}
+export type SpacingRule = [
+    typeof SpacingMatrixMode.INSERT_SPACE_BETWEEN,
+    TrilogyComponents | undefined | 'default',
+    TrilogyComponents | undefined | 'default',
+    SpacerSize
+] | [
+    typeof SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
+    TrilogyComponents | undefined | 'default',
+    TrilogyComponents | undefined | 'default',
+    JSX.Element
+];
+export type SpacingMatrix = SpacingRule[];

package/lib/components/autolayout/SpacingMatrix.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { TrilogyComponents } from '@/components/index.d';
+import type { TrilogyComponents } from '../../components/interface';
 import { SpacerSize } from '../../components/spacer';
 export declare enum SpacingMatrixMode {
     /**

package/lib/components/autolayout/SpacingMatrix.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  SpacingMatrixMode
+} from "../../chunk-D76JOUBK.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  SpacingMatrixMode
+};

package/lib/components/autolayout/index.d.mts

@@ -0,0 +1,5 @@
+import AutoLayout from '../../components/autolayout/AutoLayout';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
+export * from './DefaultSpacingMatrix';
+export * from './SpacingMatrix';
+export { AutoLayout, AutoLayoutWrapper };

package/lib/components/autolayout/index.d.ts

@@ -1,2 +1,5 @@
-export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
-export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
+import AutoLayout from '../../components/autolayout/AutoLayout';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
+export * from './DefaultSpacingMatrix';
+export * from './SpacingMatrix';
+export { AutoLayout, AutoLayoutWrapper };

package/lib/components/autolayout/index.js

@@ -1,3 +1,6 @@
-export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
-export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUEifQ==
+import AutoLayout from '../../components/autolayout/AutoLayout';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
+export * from './DefaultSpacingMatrix';
+export * from './SpacingMatrix';
+export { AutoLayout, AutoLayoutWrapper };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sb0NBQW9DLENBQUE7QUFDM0QsT0FBTyxpQkFBaUIsTUFBTSwyQ0FBMkMsQ0FBQTtBQUN6RSxjQUFjLHdCQUF3QixDQUFBO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUE7QUFDL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/autolayout/index.mjs

@@ -0,0 +1,24 @@
+"use client";
+import "../../chunk-HJW5GKBW.mjs";
+import {
+  AutoLayoutWrapper_default
+} from "../../chunk-WJ3XZJY6.mjs";
+import {
+  AutoLayout_default
+} from "../../chunk-MEC5UMTH.mjs";
+import {
+  DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN
+} from "../../chunk-Z2FS6QWP.mjs";
+import "../../chunk-IJCGAWJK.mjs";
+import {
+  SpacingMatrixMode
+} from "../../chunk-D76JOUBK.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  AutoLayout_default as AutoLayout,
+  AutoLayoutWrapper_default as AutoLayoutWrapper,
+  DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN,
+  SpacingMatrixMode
+};

package/lib/components/autolayout/index.native.js

@@ -0,0 +1,6 @@
+import AutoLayout from '../../components/autolayout/AutoLayout.native';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
+export * from './DefaultSpacingMatrix';
+export * from './SpacingMatrix';
+export { AutoLayout, AutoLayoutWrapper };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSwyQ0FBMkMsQ0FBQTtBQUNsRSxPQUFPLGlCQUFpQixNQUFNLDJDQUEyQyxDQUFBO0FBQ3pFLGNBQWMsd0JBQXdCLENBQUE7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixFQUFFLENBQUEifQ==

package/lib/components/autolayout/interface.d.mts

@@ -0,0 +1,34 @@
+import type { TrilogyComponents } from '../interface';
+export type HandleBetweenChildren = {
+    /**
+     * List of previously accumulated elements prior to current step
+     */
+    accumulator: JSX.Element[];
+    /**
+     * The previous child element
+     */
+    previousChild: React.ReactChild;
+    /**
+     * The next child element
+     */
+    nextChild: React.ReactChild;
+    /**
+     * The previous child type
+     */
+    previousChildType: TrilogyComponents | undefined;
+    /**
+     * The next child type
+     */
+    nextChildType: TrilogyComponents | undefined;
+    /**
+     * Child index from the original children list
+     */
+    childIndex: number;
+};
+export type ParseChildren = {
+    children: React.ReactNode;
+    /**
+     * Decide what to do when facing two particular elements
+     */
+    handleBetweenChildren: (props: HandleBetweenChildren) => void;
+};

package/lib/components/autolayout/interface.d.ts

@@ -0,0 +1,34 @@
+import type { TrilogyComponents } from '../interface';
+export type HandleBetweenChildren = {
+    /**
+     * List of previously accumulated elements prior to current step
+     */
+    accumulator: JSX.Element[];
+    /**
+     * The previous child element
+     */
+    previousChild: React.ReactChild;
+    /**
+     * The next child element
+     */
+    nextChild: React.ReactChild;
+    /**
+     * The previous child type
+     */
+    previousChildType: TrilogyComponents | undefined;
+    /**
+     * The next child type
+     */
+    nextChildType: TrilogyComponents | undefined;
+    /**
+     * Child index from the original children list
+     */
+    childIndex: number;
+};
+export type ParseChildren = {
+    children: React.ReactNode;
+    /**
+     * Decide what to do when facing two particular elements
+     */
+    handleBetweenChildren: (props: HandleBetweenChildren) => void;
+};

package/lib/components/autolayout/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L2ludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/autolayout/interface.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/components/badge/Badge.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BadgeProps } from './BadgeProps';
+/**
+ * Badge Component
+ * @param children {React.ReactNode} If no content add children (Icon for example)
+ * @param id
+ * @param label {string|number} Badge content text
+ * @param inverted {boolean} Inverted style for Badge
+ * @param onClick {Function} onClick Event for Badge
+ * @param variant
+ * @param position
+ * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/lib/components/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BadgeProps } from './BadgeProps';
 /**
  * Badge Component
@@ -7,11 +7,11 @@ import { BadgeProps } from './BadgeProps';
  * @param label {string|number} Badge content text
  * @param inverted {boolean} Inverted style for Badge
  * @param onClick {Function} onClick Event for Badge
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param variant
  * @param position
  * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  */
-declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export default Badge;

package/lib/components/badge/Badge.js

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { has, is } from '../../services';
-import { getStatusClassName, getVariantClassName, StatusState, TrilogyColor } from '../../objects';
 import { Icon, IconColor, IconName } from '../../components/icon';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { TrilogyColor } from '../../objects/facets/Color';
+import { StatusState, getStatusClassName } from '../../objects/facets/Status';
+import { getVariantClassName } from '../../objects/facets/Variant';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
@@ -13,18 +15,17 @@ import { Icon, IconColor, IconName } from '../../components/icon';
  * @param label {string|number} Badge content text
  * @param inverted {boolean} Inverted style for Badge
  * @param onClick {Function} onClick Event for Badge
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param variant
  * @param position
  * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  */
-var Badge = function (_a) {
-    var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('badge', inverted && is('inverted'), variant && has("background-".concat(getVariantClassName(variant) || getStatusClassName(variant))), position && is(position), className));
-    var iconName = null;
-    var iconColor = null;
+const Badge = React.forwardRef(({ className, children, id, label, inverted, onClick, variant, position, status, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('badge', inverted && is('inverted'), variant && has(`background-${getVariantClassName(variant) || getStatusClassName(variant)}`), position && is(position), className));
+    let iconName = null;
+    let iconColor = null;
     switch (status) {
         case StatusState.SUCCESS:
             iconName = IconName.CHECK_CIRCLE;
@@ -45,16 +46,17 @@ var Badge = function (_a) {
         default:
             break;
     }
-    var simpleBadge = status && iconName && iconColor ? (React.createElement(Icon, __assign({ name: iconName, className: clsx(position && is(position), 'badge-icon'), circled: true, backgroundColor: TrilogyColor.BACKGROUND, color: iconColor, id: id }, others))) : (React.createElement("span", __assign({ id: id, className: classes, onClick: function (e) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    const simpleBadge = status && iconName && iconColor ? (React.createElement(Icon, { ref: ref, name: iconName, className: clsx(position && is(position), 'badge-icon'), circled: true, backgroundColor: TrilogyColor.BACKGROUND, color: iconColor, id: id, ...others })) : (React.createElement("span", { ref: ref, id: id, className: classes, onClick: (e) => {
+            onClick?.(e);
             e.stopPropagation();
-        } }, others), label));
+        }, ...others }, label));
     if (children) {
         return (React.createElement("span", { className: 'badge-container' },
             children,
             simpleBadge));
     }
     return simpleBadge;
-};
+});
+Badge.displayName = ComponentName.Badge;
 export default Badge;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlGLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVZJLGdHQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxFQUNQLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLE9BQU8sSUFBSSxHQUFHLENBQUMscUJBQWMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUUsQ0FBQyxFQUMzRixRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBSSxRQUFRLEdBQW9CLElBQUksQ0FBQTtJQUNwQyxJQUFJLFNBQVMsR0FBcUIsSUFBSSxDQUFBO0lBRXRDLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQTtZQUNoQyxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQTtZQUM3QixNQUFLO1FBQ1AsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFBO1lBQ3RDLFNBQVMsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFBO1lBQzdCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxLQUFLO1lBQ3BCLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFBO1lBQzNCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxJQUFJO1lBQ25CLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFBO1lBQzFCLE1BQUs7UUFDUDtZQUNFLE1BQUs7S0FDUjtJQUVELElBQU0sV0FBVyxHQUNmLE1BQU0sSUFBSSxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNoQyxvQkFBQyxJQUFJLGFBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELE9BQU8sUUFDUCxlQUFlLEVBQUUsWUFBWSxDQUFDLFVBQVUsRUFDeEMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLEVBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLHVDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLElBQ0csTUFBTSxHQUVULEtBQUssQ0FDRCxDQUNSLENBQUE7SUFFSCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUMsaUJBQWlCO1lBQzlCLFFBQVE7WUFDUixXQUFXLENBQ1AsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLFdBQVcsQ0FBQTtBQUNwQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFHdEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDaEgsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixPQUFPLElBQUksR0FBRyxDQUFDLGNBQWMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxFQUMzRixRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBSSxRQUFRLEdBQW9CLElBQUksQ0FBQTtJQUNwQyxJQUFJLFNBQVMsR0FBcUIsSUFBSSxDQUFBO0lBRXRDLFFBQVEsTUFBTSxFQUFFLENBQUM7UUFDZixLQUFLLFdBQVcsQ0FBQyxPQUFPO1lBQ3RCLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFBO1lBQzdCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxPQUFPO1lBQ3RCLFFBQVEsR0FBRyxRQUFRLENBQUMsa0JBQWtCLENBQUE7WUFDdEMsU0FBUyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUE7WUFDN0IsTUFBSztRQUNQLEtBQUssV0FBVyxDQUFDLEtBQUs7WUFDcEIsUUFBUSxHQUFHLFFBQVEsQ0FBQyxZQUFZLENBQUE7WUFDaEMsU0FBUyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUE7WUFDM0IsTUFBSztRQUNQLEtBQUssV0FBVyxDQUFDLElBQUk7WUFDbkIsUUFBUSxHQUFHLFFBQVEsQ0FBQyxZQUFZLENBQUE7WUFDaEMsU0FBUyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUE7WUFDMUIsTUFBSztRQUNQO1lBQ0UsTUFBSztJQUNULENBQUM7SUFFRCxNQUFNLFdBQVcsR0FDZixNQUFNLElBQUksUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDaEMsb0JBQUMsSUFBSSxJQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLFFBQVEsRUFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELE9BQU8sUUFDUCxlQUFlLEVBQUUsWUFBWSxDQUFDLFVBQVUsRUFDeEMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsRUFBRSxFQUFFLEVBQUUsS0FDRixNQUFNLEdBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLDhCQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNiLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsS0FDRyxNQUFNLElBRVQsS0FBSyxDQUNELENBQ1IsQ0FBQTtJQUVILElBQUksUUFBUSxFQUFFLENBQUM7UUFDYixPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFDLGlCQUFpQjtZQUM5QixRQUFRO1lBQ1IsV0FBVyxDQUNQLENBQ1IsQ0FBQTtJQUNILENBQUM7SUFFRCxPQUFPLFdBQVcsQ0FBQTtBQUNwQixDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9