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

package/lib/objects/atoms/index.mjs

@@ -0,0 +1,15 @@
+"use client";
+import "../../chunk-HQESKFCX.mjs";
+import {
+  getTextClassName
+} from "../../chunk-RXBVZD3M.mjs";
+import {
+  getBackgroundClassName
+} from "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  getBackgroundClassName,
+  getTextClassName
+};

package/lib/objects/facets/Accessibility/index.d.ts

@@ -0,0 +1,3 @@
+export interface Accessibility {
+    accessibilityLabel?: string;
+}

package/lib/objects/facets/Accessibility/index.js

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

package/lib/objects/facets/Accessibility/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-6BTWLQPI.mjs";

package/lib/objects/facets/Alignable/index.d.mts

@@ -0,0 +1,32 @@
+/**
+ * Component Alignement
+ */
+export declare enum Alignable {
+    ALIGNED_CENTER = "ALIGNED_CENTER",
+    ALIGNED_START = "ALIGNED_START",
+    ALIGNED_END = "ALIGNED_END",
+    ALIGNED_STRETCH = "ALIGNED_STRETCH"
+}
+export declare enum Align {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    STRETCH = "STRETCH"
+}
+export type AlignableValues = `${Alignable}`;
+export interface AlignableProps {
+    align?: Alignable | AlignableValues;
+    verticalAlign?: Alignable | AlignableValues;
+}
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Alert type
+ * @returns {string} - Align value
+ */
+export declare const getAlignClassName: (alignType?: string) => string;
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Align type
+ * @returns {string} - Align value
+ */
+export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";

package/lib/objects/facets/Alignable/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Component Alignement
+ */
+export declare enum Alignable {
+    ALIGNED_CENTER = "ALIGNED_CENTER",
+    ALIGNED_START = "ALIGNED_START",
+    ALIGNED_END = "ALIGNED_END",
+    ALIGNED_STRETCH = "ALIGNED_STRETCH"
+}
+export declare enum Align {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    STRETCH = "STRETCH"
+}
+export type AlignableValues = `${Alignable}`;
+export interface AlignableProps {
+    align?: Alignable | AlignableValues;
+    verticalAlign?: Alignable | AlignableValues;
+}
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Alert type
+ * @returns {string} - Align value
+ */
+export declare const getAlignClassName: (alignType?: string) => string;
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Align type
+ * @returns {string} - Align value
+ */
+export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";

package/lib/objects/facets/Alignable/index.js

@@ -0,0 +1,61 @@
+/**
+ * Component Alignement
+ */
+export var Alignable;
+(function (Alignable) {
+    Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
+    Alignable["ALIGNED_START"] = "ALIGNED_START";
+    Alignable["ALIGNED_END"] = "ALIGNED_END";
+    Alignable["ALIGNED_STRETCH"] = "ALIGNED_STRETCH";
+})(Alignable || (Alignable = {}));
+export var Align;
+(function (Align) {
+    Align["CENTER"] = "CENTER";
+    Align["START"] = "START";
+    Align["END"] = "END";
+    Align["STRETCH"] = "STRETCH";
+})(Align || (Align = {}));
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Alert type
+ * @returns {string} - Align value
+ */
+export const getAlignClassName = (alignType) => {
+    switch (alignType) {
+        case 'ALIGNED_CENTER':
+            return 'aligned-center';
+        case 'CENTER':
+            return 'aligned-center';
+        case 'ALIGNED_START':
+            return 'aligned-start';
+        case 'START':
+            return 'aligned-start';
+        case 'ALIGNED_END':
+            return 'aligned-end';
+        case 'END':
+            return 'aligned-end';
+        case 'STRETCH':
+            return 'aligned-stretch';
+        default:
+            return 'aligned-start';
+    }
+};
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Align type
+ * @returns {string} - Align value
+ */
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const getAlignStyle = (alignType) => {
+    switch (alignType) {
+        case 'ALIGNED_CENTER':
+            return 'center';
+        case 'ALIGNED_START':
+            return 'flex-start';
+        case 'ALIGNED_END':
+            return 'flex-end';
+        default:
+            return 'flex-start';
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9BbGlnbmFibGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQUtYO0FBTEQsV0FBWSxTQUFTO0lBQ25CLDhDQUFpQyxDQUFBO0lBQ2pDLDRDQUErQixDQUFBO0lBQy9CLHdDQUEyQixDQUFBO0lBQzNCLGdEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFMVyxTQUFTLEtBQVQsU0FBUyxRQUtwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBS1g7QUFMRCxXQUFZLEtBQUs7SUFDZiwwQkFBaUIsQ0FBQTtJQUNqQix3QkFBZSxDQUFBO0lBQ2Ysb0JBQVcsQ0FBQTtJQUNYLDRCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFMVyxLQUFLLEtBQUwsS0FBSyxRQUtoQjtBQVNEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLFNBQWtCLEVBQVUsRUFBRTtJQUM5RCxRQUFRLFNBQVMsRUFBRSxDQUFDO1FBQ2xCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxnQkFBZ0IsQ0FBQTtRQUN6QixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssS0FBSztZQUNSLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssU0FBUztZQUNaLE9BQU8saUJBQWlCLENBQUE7UUFDMUI7WUFDRSxPQUFPLGVBQWUsQ0FBQTtJQUMxQixDQUFDO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFrQixFQUFFLEVBQUU7SUFDbEQsUUFBUSxTQUFTLEVBQUUsQ0FBQztRQUNsQixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLFFBQVEsQ0FBQTtRQUNqQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxZQUFZLENBQUE7UUFDckIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sVUFBVSxDQUFBO1FBQ25CO1lBQ0UsT0FBTyxZQUFZLENBQUE7SUFDdkIsQ0FBQztBQUNILENBQUMsQ0FBQSJ9

package/lib/objects/facets/Alignable/index.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Align,
+  Alignable,
+  getAlignClassName,
+  getAlignStyle
+} from "../../../chunk-HV6TXVFA.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  Align,
+  Alignable,
+  getAlignClassName,
+  getAlignStyle
+};

package/lib/objects/facets/Alternate/index.d.ts

@@ -0,0 +1,3 @@
+export interface Alternate {
+    alternate?: boolean;
+}

package/lib/objects/facets/Alternate/index.js

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

package/lib/objects/facets/Alternate/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-G6BHSMLA.mjs";

package/lib/objects/facets/Centerable/index.d.ts

@@ -0,0 +1,3 @@
+export interface Centerable {
+    centered?: boolean;
+}

package/lib/objects/facets/Centerable/index.js

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

package/lib/objects/facets/Centerable/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-THOTRBD4.mjs";

package/lib/objects/facets/ChildrenWithNoText/index.d.mts

@@ -0,0 +1,6 @@
+export type ReactElementWithNoText = Exclude<React.ReactElement, string> | boolean | null | undefined;
+export type ArrayOfReactElementWithNoText = Array<ReactElementWithNoText>;
+export type ReactElementsWithNoText = ReactElementWithNoText | ArrayOfReactElementWithNoText;
+export interface ChildrenWithNoText {
+    children?: ReactElementsWithNoText;
+}

package/lib/objects/facets/ChildrenWithNoText/index.d.ts

@@ -0,0 +1,6 @@
+export type ReactElementWithNoText = Exclude<React.ReactElement, string> | boolean | null | undefined;
+export type ArrayOfReactElementWithNoText = Array<ReactElementWithNoText>;
+export type ReactElementsWithNoText = ReactElementWithNoText | ArrayOfReactElementWithNoText;
+export interface ChildrenWithNoText {
+    children?: ReactElementsWithNoText;
+}

package/lib/objects/facets/ChildrenWithNoText/index.js

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

package/lib/objects/facets/ChildrenWithNoText/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-XIQL4ZTN.mjs";

package/lib/objects/facets/Clickable/index.d.mts

@@ -0,0 +1,4 @@
+import { ClickEvent } from '../../../events/OnClickEvent';
+export interface Clickable {
+    onClick?: ClickEvent;
+}

package/lib/objects/facets/Clickable/index.d.ts

@@ -0,0 +1,4 @@
+import { ClickEvent } from '../../../events/OnClickEvent';
+export interface Clickable {
+    onClick?: ClickEvent;
+}

package/lib/objects/facets/Clickable/index.js

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

package/lib/objects/facets/Clickable/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-UUXUTBLZ.mjs";

package/lib/objects/facets/Clipped/index.d.ts

@@ -0,0 +1,3 @@
+export interface Clipped {
+    clipped?: boolean;
+}

package/lib/objects/facets/Clipped/index.js

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

package/lib/objects/facets/Clipped/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../../chunk-QOEJLTZN.mjs";

package/lib/objects/facets/Color/index.d.mts

@@ -0,0 +1,50 @@
+/**
+ * Trilogy color
+ */
+export declare enum TrilogyColor {
+    BACKGROUND = "WHITE",
+    MAIN = "MAIN",
+    MAIN_FADE = "MAIN_FADE",
+    ACCENT = "ACCENT",
+    FONT = "FONT",
+    FONT_PLACEHOLDER = "FONT_PLACEHOLDER",
+    SUCCESS = "SUCCESS",
+    SUCCESS_FADE = "SUCCESS_FADE",
+    INFO = "INFO",
+    INFO_FADE = "INFO_FADE",
+    WARNING = "WARNING",
+    WARNING_FADE = "WARNING_FADE",
+    ERROR = "ERROR",
+    ERROR_FADE = "ERROR_FADE",
+    DISABLED = "DISABLED",
+    DISABLED_FADE = "DISABLED_FADE",
+    NEUTRAL = "NEUTRAL",
+    NEUTRAL_FADE = "NEUTRAL_FADE",
+    STROKE = "STROKE"
+}
+export type TrilogyColorValues = `${TrilogyColor}`;
+/**
+ * Trilogy color values
+ */
+export declare const colors: Record<TrilogyColor, string[]>;
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color className value
+ */
+export declare const getColorClassName: (trilogyColor: TrilogyColor | TrilogyColorValues) => string;
+/**
+ * Returns color button's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Variant Button value
+ */
+export declare const getButtonVariantClassName: (trilogyColor?: string) => string;
+export declare const getButtonColorStyle: (buttonVariant?: string) => TrilogyColor;
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @param index {number} - Index of color ( 1 for BG )
+ * @returns {string} - Color style value
+ */
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues | "transparent") => string;
+export declare function grayscale(hex: string): string;

package/lib/objects/facets/Color/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Trilogy color
+ */
+export declare enum TrilogyColor {
+    BACKGROUND = "WHITE",
+    MAIN = "MAIN",
+    MAIN_FADE = "MAIN_FADE",
+    ACCENT = "ACCENT",
+    FONT = "FONT",
+    FONT_PLACEHOLDER = "FONT_PLACEHOLDER",
+    SUCCESS = "SUCCESS",
+    SUCCESS_FADE = "SUCCESS_FADE",
+    INFO = "INFO",
+    INFO_FADE = "INFO_FADE",
+    WARNING = "WARNING",
+    WARNING_FADE = "WARNING_FADE",
+    ERROR = "ERROR",
+    ERROR_FADE = "ERROR_FADE",
+    DISABLED = "DISABLED",
+    DISABLED_FADE = "DISABLED_FADE",
+    NEUTRAL = "NEUTRAL",
+    NEUTRAL_FADE = "NEUTRAL_FADE",
+    STROKE = "STROKE"
+}
+export type TrilogyColorValues = `${TrilogyColor}`;
+/**
+ * Trilogy color values
+ */
+export declare const colors: Record<TrilogyColor, string[]>;
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color className value
+ */
+export declare const getColorClassName: (trilogyColor: TrilogyColor | TrilogyColorValues) => string;
+/**
+ * Returns color button's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Variant Button value
+ */
+export declare const getButtonVariantClassName: (trilogyColor?: string) => string;
+export declare const getButtonColorStyle: (buttonVariant?: string) => TrilogyColor;
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @param index {number} - Index of color ( 1 for BG )
+ * @returns {string} - Color style value
+ */
+export declare const getColorStyle: (trilogyColor: TrilogyColor | TrilogyColorValues | "transparent") => string;
+export declare function grayscale(hex: string): string;

package/lib/objects/facets/Color/index.js

@@ -0,0 +1,155 @@
+import { TrilogyThemeContext } from '../../../context/providerTheme';
+import { useContext } from 'react';
+/**
+ * Trilogy color
+ */
+export var TrilogyColor;
+(function (TrilogyColor) {
+    TrilogyColor["BACKGROUND"] = "WHITE";
+    TrilogyColor["MAIN"] = "MAIN";
+    TrilogyColor["MAIN_FADE"] = "MAIN_FADE";
+    TrilogyColor["ACCENT"] = "ACCENT";
+    TrilogyColor["FONT"] = "FONT";
+    TrilogyColor["FONT_PLACEHOLDER"] = "FONT_PLACEHOLDER";
+    TrilogyColor["SUCCESS"] = "SUCCESS";
+    TrilogyColor["SUCCESS_FADE"] = "SUCCESS_FADE";
+    TrilogyColor["INFO"] = "INFO";
+    TrilogyColor["INFO_FADE"] = "INFO_FADE";
+    TrilogyColor["WARNING"] = "WARNING";
+    TrilogyColor["WARNING_FADE"] = "WARNING_FADE";
+    TrilogyColor["ERROR"] = "ERROR";
+    TrilogyColor["ERROR_FADE"] = "ERROR_FADE";
+    TrilogyColor["DISABLED"] = "DISABLED";
+    TrilogyColor["DISABLED_FADE"] = "DISABLED_FADE";
+    TrilogyColor["NEUTRAL"] = "NEUTRAL";
+    TrilogyColor["NEUTRAL_FADE"] = "NEUTRAL_FADE";
+    TrilogyColor["STROKE"] = "STROKE";
+})(TrilogyColor || (TrilogyColor = {}));
+/**
+ * Trilogy color values
+ */
+export const colors = {
+    [TrilogyColor.BACKGROUND]: ['#fff', 'white', 'main'],
+    [TrilogyColor.MAIN]: ['#3d5d7e', 'main', 'white'],
+    [TrilogyColor.MAIN_FADE]: ['#BBC6CD', 'main-fade', 'white'],
+    [TrilogyColor.ACCENT]: ['#da641b', 'accent', 'white'],
+    [TrilogyColor.FONT]: ['#3d5d7e', 'main', 'white'],
+    [TrilogyColor.FONT_PLACEHOLDER]: ['#687a87', 'font-placeholder', 'white'],
+    [TrilogyColor.SUCCESS]: ['#007B52', 'success', 'white'],
+    [TrilogyColor.SUCCESS_FADE]: ['#cae8ca', 'success-fade', 'white'],
+    [TrilogyColor.INFO]: ['#1A688A', 'info', 'white'],
+    [TrilogyColor.INFO_FADE]: ['#c8dbec', 'info-fade', 'white'],
+    [TrilogyColor.WARNING]: ['#FFBB33', 'warning', 'white'],
+    [TrilogyColor.WARNING_FADE]: ['#ecdbc6', 'warning-fade', 'white'],
+    [TrilogyColor.ERROR]: ['#D42D02', 'error', 'white'],
+    [TrilogyColor.ERROR_FADE]: ['#eecccc', 'error-fade', 'white'],
+    [TrilogyColor.DISABLED]: ['#646464', 'disabled', 'white'],
+    [TrilogyColor.DISABLED_FADE]: ['#D1D1D1', 'disabled-fade', 'white'],
+    [TrilogyColor.NEUTRAL]: ['#707070', 'grey', 'white'],
+    [TrilogyColor.NEUTRAL_FADE]: ['#F4F4F4', 'grey-fade', 'white'],
+    [TrilogyColor.STROKE]: ['#BBC1CE', 'stroke', 'white'],
+};
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color className value
+ */
+export const getColorClassName = (trilogyColor) => {
+    const color = colors[trilogyColor];
+    return color[1];
+};
+/**
+ * Returns color button's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Variant Button value
+ */
+export const getButtonVariantClassName = (trilogyColor) => {
+    switch (trilogyColor) {
+        case 'CONVERSION':
+            return 'conversion';
+        case 'PRIMARY':
+            return 'primary';
+        case 'SECONDARY':
+            return 'secondary';
+        case 'GHOST':
+            return 'ghost';
+        case 'SUCCESS':
+            return 'success';
+        case 'INFO':
+            return 'info';
+        case 'WARNING':
+            return 'warning';
+        case 'ERROR':
+            return 'error';
+        case 'DISABLED':
+            return 'disabled';
+        default:
+            return 'primary';
+    }
+};
+export const getButtonColorStyle = (buttonVariant) => {
+    switch (buttonVariant) {
+        case 'ACCENT':
+            return TrilogyColor.ACCENT;
+        case 'PRIMARY':
+            return TrilogyColor.MAIN;
+        case 'SECONDARY':
+            return TrilogyColor.MAIN_FADE;
+        case 'GHOST':
+            return TrilogyColor.BACKGROUND;
+        default:
+            return TrilogyColor.MAIN;
+    }
+};
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @param index {number} - Index of color ( 1 for BG )
+ * @returns {string} - Color style value
+ */
+export const getColorStyle = (trilogyColor) => {
+    if (typeof navigator !== 'undefined' && navigator.userAgent === undefined) {
+        const { theme } = useContext(TrilogyThemeContext);
+        const colorsStyle = theme?.colors || colors;
+        const colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
+        if (trilogyColor === 'transparent')
+            return 'transparent';
+        if (!trilogyColor || !colors[trilogyColor]) {
+            return colorsStyle.default;
+        }
+        return colorArray[0];
+    }
+    else {
+        if (trilogyColor === 'transparent')
+            return 'transparent';
+        return colors[trilogyColor][0] || colors[TrilogyColor.MAIN][0];
+    }
+};
+function hexToRgb(hex) {
+    if (hex.charAt(0) === '#') {
+        hex = hex.slice(1);
+    }
+    if (hex.length !== 6) {
+        throw new Error('Wrong format (hexadecimal)');
+    }
+    // Conversion
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    return { r, g, b };
+}
+function rgbToHex(r, g, b) {
+    const toHex = (n) => {
+        const hex = n.toString(16);
+        return hex.length === 1 ? `0${hex}` : hex;
+    };
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+export function grayscale(hex) {
+    const { r, g, b } = hexToRgb(hex);
+    // Formule de luminosité relative
+    const gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b);
+    // Retourner la couleur en niveaux de gris
+    return rgbToHex(gray, gray, gray);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db2xvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsQzs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFlBb0JYO0FBcEJELFdBQVksWUFBWTtJQUN0QixvQ0FBb0IsQ0FBQTtJQUNwQiw2QkFBYSxDQUFBO0lBQ2IsdUNBQXVCLENBQUE7SUFDdkIsaUNBQWlCLENBQUE7SUFDakIsNkJBQWEsQ0FBQTtJQUNiLHFEQUFxQyxDQUFBO0lBQ3JDLG1DQUFtQixDQUFBO0lBQ25CLDZDQUE2QixDQUFBO0lBQzdCLDZCQUFhLENBQUE7SUFDYix1Q0FBdUIsQ0FBQTtJQUN2QixtQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBNkIsQ0FBQTtJQUM3QiwrQkFBZSxDQUFBO0lBQ2YseUNBQXlCLENBQUE7SUFDekIscUNBQXFCLENBQUE7SUFDckIsK0NBQStCLENBQUE7SUFDL0IsbUNBQW1CLENBQUE7SUFDbkIsNkNBQTZCLENBQUE7SUFDN0IsaUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQXBCVyxZQUFZLEtBQVosWUFBWSxRQW9CdkI7QUFJRDs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBbUM7SUFDcEQsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQztJQUNwRCxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ2pELENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLENBQUM7SUFDM0Qs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

package/lib/objects/facets/Color/index.mjs

@@ -0,0 +1,21 @@
+"use client";
+import {
+  TrilogyColor,
+  colors,
+  getButtonColorStyle,
+  getButtonVariantClassName,
+  getColorClassName,
+  getColorStyle,
+  grayscale
+} from "../../../chunk-JOSZ4COK.mjs";
+import "../../../chunk-P372ZF3A.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  TrilogyColor,
+  colors,
+  getButtonColorStyle,
+  getButtonVariantClassName,
+  getColorClassName,
+  getColorStyle,
+  grayscale
+};