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

package/lib/components/box/footer/BoxFooter.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BoxFooterProps } from './BoxFooterProps';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param id
- * @param others
  */
-declare const BoxFooter: ({ className, children, backgroundColor, id, ...others }: BoxFooterProps) => JSX.Element;
+declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxFooter;

package/lib/components/box/footer/BoxFooter.js

@@ -1,23 +1,22 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { getBackgroundClassName } from '../../../objects';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers/index';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { has } from '../../../services/classify';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from 'react';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param id
- * @param others
  */
-var BoxFooter = function (_a) {
-    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
-};
+const BoxFooter = React.forwardRef(({ className, children, backgroundColor, id, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)), ...others }, children));
+});
+BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1RTtJQUFyRSxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzlELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxDQUFDLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsRUFBRSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDNUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQy9GLEtBQ0csTUFBTSxJQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/box/footer/BoxFooter.mjs

@@ -0,0 +1,18 @@
+import {
+  BoxFooter_default
+} from "../../../chunk-XWUKMXWZ.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  BoxFooter_default as default
+};

package/lib/components/box/footer/BoxFooter.native.js

@@ -1,29 +1,25 @@
-import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { getColorStyle } from "../../../objects";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle } from '../../../objects/index.native';
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  */
-var BoxFooter = function (_a) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
-    var boxRadius = 6;
-    var styles = StyleSheet.create({
+const BoxFooter = React.forwardRef(({ children, backgroundColor, ...others }, ref) => {
+    const boxRadius = 6;
+    const styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
-            justifyContent: "center",
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
-                : "transparent",
+            justifyContent: 'center',
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
             borderBottomLeftRadius: boxRadius,
             borderBottomRightRadius: boxRadius,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxFooter] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
-};
+    return (React.createElement(View, { ref: ref, style: [styles.boxFooter], ...others }, children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+});
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBSUY7SUFIZixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQWUscUJBQUEsRUFDWixNQUFNLGNBSFEsK0JBSWxCLENBRFU7SUFFVCxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlO2dCQUM5QixDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztnQkFDaEMsQ0FBQyxDQUFDLGFBQWE7WUFDakIsc0JBQXNCLEVBQUUsU0FBUztZQUNqQyx1QkFBdUIsRUFBRSxTQUFTO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdyRDs7OztHQUlHO0FBQ0gsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUM3RCxNQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYTtZQUNqRixzQkFBc0IsRUFBRSxTQUFTO1lBQ2pDLHVCQUF1QixFQUFFLFNBQVM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxLQUFNLE1BQU0sSUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/footer/BoxFooterProps.d.mts

@@ -0,0 +1,14 @@
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { Dev } from '../../../objects/facets/Dev';
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Box Footer Interface
+ */
+export interface BoxFooterProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+}
+export type BoxFooterRef = HTMLDivElement;
+export type BoxFooterNativeRef = View;

package/lib/components/box/footer/BoxFooterProps.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
-import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { Dev } from '../../../objects/facets/Dev';
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Box Footer Interface
@@ -8,3 +10,5 @@ export interface BoxFooterProps extends Accessibility, Dev, CommonProps {
     children?: React.ReactNode;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }
+export type BoxFooterRef = HTMLDivElement;
+export type BoxFooterNativeRef = View;

package/lib/components/box/footer/BoxFooterPropsDefaults.js

@@ -28,6 +28,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -40,9 +41,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -50,7 +53,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "accessibilityLabel": {

package/lib/components/box/footer/index.d.mts

@@ -0,0 +1,2 @@
+import BoxFooter from './BoxFooter';
+export default BoxFooter;

package/lib/components/box/footer/index.mjs

@@ -0,0 +1,19 @@
+import {
+  footer_default
+} from "../../../chunk-MIIK56FU.mjs";
+import "../../../chunk-XWUKMXWZ.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  footer_default as default
+};

package/lib/components/box/footer/index.native.js

@@ -0,0 +1,3 @@
+import BoxFooter from './BoxFooter.native';
+export default BoxFooter;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/box/header/BoxHeader.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BoxHeaderProps } from './BoxHeaderProps';
+/**
+ * Box Header Component
+ * @param children {React.ReactNode} Children
+ * @param help {string} Box Header Help Sticker
+ * @param variant {TrilogyColor} Box Header backgroundColor
+ * @param align
+ * @param id
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxHeader;

package/lib/components/box/header/BoxHeader.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BoxHeaderProps } from './BoxHeaderProps';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
- * @param others
+ * @param align
+ * @param id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-declare const BoxHeader: ({ children, className, id, align, variant, ...others }: BoxHeaderProps) => JSX.Element;
+declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.js

@@ -1,23 +1,24 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers/index';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { has, is } from '../../../services/classify';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { has, is } from '../../../services';
-import { getAlignClassName, getBackgroundClassName } from '../../../objects';
+import * as React from 'react';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
- * @param others
+ * @param align
+ * @param id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var BoxHeader = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
-    var styled = useTrilogyContext().styled;
-    var alignClass = null;
+const BoxHeader = React.forwardRef(({ children, className, id, align, variant, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    let alignClass = null;
     if (align) {
         alignClass =
             (getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
@@ -25,8 +26,9 @@ var BoxHeader = function (_a) {
                 (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
                 null;
     }
-    var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
-    return (React.createElement("div", __assign({ id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
-};
+    const classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
+    return (React.createElement("div", { ref: ref, id: id, className: classes, ...others }, children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
+});
+BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNwQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFckU7Ozs7Ozs7O0dBUUc7QUFFSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFwRCxtREFBc0QsQ0FBRjtJQUM3RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLFVBQVUsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3hDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxDQUFDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzNFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUNyQixJQUFJLEtBQUssRUFBRSxDQUFDO1FBQ1YsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtJQUNSLENBQUM7SUFDRCxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLFVBQVUsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxLQUFNLE1BQU0sSUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsK0JBQUksUUFBUSxDQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDOUUsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFDRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeader.mjs

@@ -0,0 +1,19 @@
+import {
+  BoxHeader_default
+} from "../../../chunk-PD7N2H7V.mjs";
+import "../../../chunk-LCCPZVJA.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  BoxHeader_default as default
+};

package/lib/components/box/header/BoxHeader.native.js

@@ -1,30 +1,23 @@
-import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { StatesContext } from '../../../context/providerStates';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color/index.native';
 import * as React from 'react';
 import { useContext } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { StatesContext } from '../../../context/providerStates';
 /**
  * Box Header Component
- * @param children {React.ReactNode} Childrens
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
- * @param help {string} Box Header Help Sticker
+ * @param children {React.ReactNode} Children
  * @param variant {TrilogyColor} Box Header backgroundColor
- * @param others
  */
-var BoxHeader = function (_a) {
-    var children = _a.children, variant = _a.variant, others = __rest(_a, ["children", "variant"]);
-    var statesContext = useContext(StatesContext);
-    var centered = false;
-    var pulledLeft = false;
-    var pulledRight = false;
-    var help = '';
-    var headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
-    var textColor = getColorStyle(TrilogyColor.BACKGROUND);
-    var styles = StyleSheet.create({
+const BoxHeader = React.forwardRef(({ children, variant, ...others }, ref) => {
+    const statesContext = useContext(StatesContext);
+    const centered = false;
+    const pulledLeft = false;
+    const pulledRight = false;
+    const help = '';
+    const headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
+    const textColor = getColorStyle(TrilogyColor.BACKGROUND);
+    const styles = StyleSheet.create({
         boxHeader: {
             width: '100%',
             backgroundColor: headerBgc,
@@ -52,11 +45,11 @@ var BoxHeader = function (_a) {
             lineHeight: 15,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxHeader] }, others),
+    return (React.createElement(View, { style: [styles.boxHeader], ref: ref, ...others },
         children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
         help && (React.createElement(View, { style: styles.helpContainer },
             React.createElement(Text, { style: styles.help }, help)))));
-};
+});
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBZ0Q7SUFBOUMsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTlCLHVCQUFnQyxDQUFGO0lBQy9DLElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDdEIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFBO0lBQ3hCLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUN6QixJQUFNLElBQUksR0FBRyxFQUFFLENBQUE7SUFFZixJQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNyRixJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXhELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsRUFBRTtZQUNYLFdBQVcsRUFBRSxFQUFFO1lBQ2YsbUJBQW1CLEVBQUUsQ0FBQztZQUN0QixvQkFBb0IsRUFBRSxDQUFDO1lBQ3ZCLFNBQVMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFFLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFBRSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxZQUFZLENBQUMsSUFBSSxZQUFZO1lBQ2pILGFBQWEsRUFBRSxLQUFLO1NBQ3JCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLFNBQVM7WUFDaEIsUUFBUSxFQUFFLEVBQUU7WUFDWixVQUFVLEVBQUUsS0FBSztTQUNsQjtRQUNELGFBQWEsRUFBRTtZQUNiLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osUUFBUSxFQUFFLEVBQUU7WUFDWixLQUFLLEVBQUUsU0FBUztZQUNoQixVQUFVLEVBQUUsS0FBSztZQUNqQixVQUFVLEVBQUUsRUFBRTtTQUNmO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTTtRQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ3BELENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNUO1FBRUEsSUFBSSxJQUFJLENBQ1Asb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsYUFBYTtZQUMvQixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsSUFBSSxDQUFRLENBQ2xDLENBQ1IsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDakYsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHckQ7Ozs7R0FJRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDckQsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUN0QixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUVmLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JGLE1BQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxTQUFTO1lBQzFCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUFFLEVBQUU7WUFDZixtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLG9CQUFvQixFQUFFLENBQUM7WUFDdkIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUUsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUNSLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFlBQVksQ0FBQyxJQUFJLFlBQVk7WUFDdkcsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxLQUFNLE1BQU07UUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeaderProps.d.mts

@@ -0,0 +1,14 @@
+/**
+ * Box Header Interface
+ */
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps {
+    children?: React.ReactNode;
+    variant?: TrilogyColor | TrilogyColorValues;
+}
+export type BoxHeaderRef = HTMLDivElement;
+export type BoxHeaderNativeRef = View;

package/lib/components/box/header/BoxHeaderProps.d.ts

@@ -1,10 +1,14 @@
-/// <reference types="react" />
 /**
  * Box Header Interface
  */
-import { Accessibility, AlignableProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps {
     children?: React.ReactNode;
     variant?: TrilogyColor | TrilogyColorValues;
 }
+export type BoxHeaderRef = HTMLDivElement;
+export type BoxHeaderNativeRef = View;

package/lib/components/box/header/BoxHeaderPropsDefaults.js

@@ -28,6 +28,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -40,9 +41,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -50,7 +53,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "align": {
@@ -60,9 +64,11 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
     ]
   },
   "verticalAlign": {
@@ -72,9 +78,11 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
     ]
   },
   "accessibilityLabel": {

package/lib/components/box/header/index.d.mts

@@ -0,0 +1,2 @@
+import BoxHeader from './BoxHeader';
+export default BoxHeader;

package/lib/components/box/header/index.mjs

@@ -0,0 +1,20 @@
+import {
+  header_default
+} from "../../../chunk-XBBQRJAM.mjs";
+import "../../../chunk-PD7N2H7V.mjs";
+import "../../../chunk-LCCPZVJA.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  header_default as default
+};

package/lib/components/box/header/index.native.js

@@ -0,0 +1,3 @@
+import BoxHeader from './BoxHeader.native';
+export default BoxHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxlQUFlLFNBQVMsQ0FBQSJ9

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

@@ -0,0 +1,9 @@
+import Box from './Box';
+import BoxContent from './content';
+import BoxFooter from './footer';
+import BoxHeader from './header';
+import BoxTableContainer from './table-container';
+import BoxItem from './item';
+import { BoxItemSize } from './item/BoxItemEnum';
+export * from './BoxProps';
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };

package/lib/components/box/index.mjs

@@ -0,0 +1,50 @@
+import "../../chunk-NYWFYCBW.mjs";
+import {
+  item_default
+} from "../../chunk-YHEULX2P.mjs";
+import {
+  table_container_default
+} from "../../chunk-V62SY5DS.mjs";
+import "../../chunk-NJUQR6X4.mjs";
+import {
+  footer_default
+} from "../../chunk-MIIK56FU.mjs";
+import "../../chunk-XWUKMXWZ.mjs";
+import {
+  header_default
+} from "../../chunk-XBBQRJAM.mjs";
+import "../../chunk-PD7N2H7V.mjs";
+import "../../chunk-ENRRADYB.mjs";
+import {
+  BoxItemSize
+} from "../../chunk-DAX6A6MF.mjs";
+import {
+  content_default
+} from "../../chunk-TQW2WOQT.mjs";
+import "../../chunk-OJAMAX3C.mjs";
+import {
+  Box_default
+} from "../../chunk-GCCNG7UD.mjs";
+import "../../chunk-JGARCGCD.mjs";
+import "../../chunk-LCCPZVJA.mjs";
+import "../../chunk-CNJHYNT2.mjs";
+import "../../chunk-EJ2APB7I.mjs";
+import "../../chunk-SEWWK5HV.mjs";
+import "../../chunk-U3F6V3KT.mjs";
+import "../../chunk-OADZ62IM.mjs";
+import "../../chunk-37LDCDVM.mjs";
+import "../../chunk-UDTBRLJ5.mjs";
+import "../../chunk-HLQ4FCCM.mjs";
+import "../../chunk-XFWJ47MX.mjs";
+import "../../chunk-EJOKG5F4.mjs";
+import "../../chunk-5VN6OIEF.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  Box_default as Box,
+  content_default as BoxContent,
+  footer_default as BoxFooter,
+  header_default as BoxHeader,
+  item_default as BoxItem,
+  BoxItemSize,
+  table_container_default as BoxTableContainer
+};

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

@@ -0,0 +1,10 @@
+import Box from './Box.native';
+import BoxContent from './content/BoxContent.native';
+import BoxFooter from './footer/BoxFooter.native';
+import BoxHeader from './header/BoxHeader.native';
+import BoxItem from './item/BoxItem.native';
+import { BoxItemSize } from './item/BoxItemEnum';
+import BoxTableContainer from './table-container/BoxTableContainer.native';
+export * from './BoxProps';
+export { Box, BoxContent, BoxFooter, BoxHeader, BoxItem, BoxItemSize, BoxTableContainer };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaW5kZXgubmF0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLGNBQWMsQ0FBQTtBQUM5QixPQUFPLFVBQVUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNwRCxPQUFPLFNBQVMsTUFBTSwyQkFBMkIsQ0FBQTtBQUNqRCxPQUFPLFNBQVMsTUFBTSwyQkFBMkIsQ0FBQTtBQUNqRCxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDaEQsT0FBTyxpQkFBaUIsTUFBTSw0Q0FBNEMsQ0FBQTtBQUUxRSxjQUFjLFlBQVksQ0FBQTtBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQSJ9

package/lib/components/box/item/BoxItem.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { BoxItemProps } from './BoxItemProps';
+/**
+ * Box Item Component
+ * @param children {React.ReactNode} Children
+ * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxItem;