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

package/lib/components/button/list/ButtonList.native.js

@@ -1,15 +1,13 @@
-import { __assign } from "tslib";
-import * as React from "react";
-import { View } from '../../../components/view';
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { View } from 'react-native';
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
-var ButtonList = function (_a) {
-    var children = _a.children;
-    return React.createElement(View, __assign({}, { children: children }));
-};
+const ButtonList = React.forwardRef(({ children }, ref) => {
+    return React.createElement(View, { ref: ref, children });
+});
 ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBRUY7UUFEaEIsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxJQUFJLGVBQUssRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDbkMsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduQzs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF1QyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDM0csT0FBTyxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBUSxRQUFRLEdBQU0sQ0FBQTtBQUM3QyxDQUFDLENBQUMsQ0FBQTtBQUVGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/button/list/ButtonListEnum.d.mts

@@ -0,0 +1,5 @@
+export declare enum ButtonListDirectionEnum {
+    ROW = "row",
+    COLUMN = "column"
+}
+export type ButtonListDirectionEnumValues = `${ButtonListDirectionEnum}`;

package/lib/components/button/list/ButtonListEnum.mjs

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

package/lib/components/button/list/ButtonListProps.d.mts

@@ -0,0 +1,23 @@
+import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
+import { View } from 'react-native';
+import type { ButtonProps } from '../../../components/button/ButtonProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import { Alignable, AlignableValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
+/**
+ * Button List Interface
+ */
+export interface ButtonListProps {
+    children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
+}
+/**
+ * Button List Web Interface
+ */
+export interface ButtonListWebProps extends ButtonListProps, CommonProps {
+    direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
+    align?: Alignable | AlignableValues;
+}
+export type ButtonListRef = HTMLDivElement;
+export type ButtonListNativeRef = View;
+export {};

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Alignable, AlignableValues } from '../../../objects';
-import type { DividerProps } from '../../../components/divider/DividerProps';
+import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
+import { View } from 'react-native';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import { Alignable, AlignableValues } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
@@ -18,4 +18,6 @@ export interface ButtonListWebProps extends ButtonListProps, CommonProps {
     direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
     align?: Alignable | AlignableValues;
 }
+export type ButtonListRef = HTMLDivElement;
+export type ButtonListNativeRef = View;
 export {};

package/lib/components/button/list/ButtonListProps.mjs

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

package/lib/components/button/list/ButtonListWebPropsDefaults.js

@@ -16,9 +16,11 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
     ]
   },
   "children": {

package/lib/components/button/list/index.d.mts

@@ -0,0 +1,3 @@
+import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
+export { ButtonList };

package/lib/components/button/list/index.d.ts

@@ -1,2 +1,3 @@
 import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
 export { ButtonList };

package/lib/components/button/list/index.js

@@ -1,3 +1,4 @@
 import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
 export { ButtonList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLGtCQUFrQixDQUFBO0FBRWhDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9

package/lib/components/button/list/index.mjs

@@ -0,0 +1,22 @@
+"use client";
+import "../../../chunk-FPP2TUF5.mjs";
+import {
+  ButtonList_default
+} from "../../../chunk-NPMHJJR3.mjs";
+import {
+  ButtonListDirectionEnum
+} from "../../../chunk-HLXQDY5F.mjs";
+import "../../../chunk-L4UDEKQK.mjs";
+import "../../../chunk-Y7CEUBIZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
+import "../../../chunk-HU3FAWMX.mjs";
+import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-SWVRRUW7.mjs";
+import "../../../chunk-UFMRE754.mjs";
+import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-ZB4OWTDD.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ButtonList_default as ButtonList,
+  ButtonListDirectionEnum
+};

package/lib/components/button/list/index.native.js

@@ -0,0 +1,4 @@
+import ButtonList from './ButtonList.native';
+export * from './ButtonListEnum';
+export { ButtonList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vbGlzdC9pbmRleC5uYXRpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0scUJBQXFCLENBQUE7QUFDNUMsY0FBYyxrQkFBa0IsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==

package/lib/components/button/spin-white.js

@@ -0,0 +1,29 @@
+"use client";
+
+// components/button/spin-white.json
+var v = "5.5.5";
+var fr = 25;
+var ip = 0;
+var op = 79;
+var w = 300;
+var h = 150;
+var nm = "Loading-2";
+var ddd = 0;
+var assets = [];
+var layers = [{ ddd: 0, ind: 1, ty: 4, nm: "icon 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [-90] }, { t: 79, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [1, 1, 1, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 51, s: [0] }, { t: 79, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [0] }, { t: 64, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 39, op: 79, st: 39, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "icon", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [-90] }, { t: 40, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [1, 1, 1, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 12, s: [0] }, { t: 40, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [0] }, { t: 25, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 0, op: 40, st: 0, bm: 0 }];
+var markers = [];
+var spin_white_default = { v, fr, ip, op, w, h, nm, ddd, assets, layers, markers };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  assets,
+  ddd,
+  fr,
+  h,
+  ip,
+  layers,
+  markers,
+  nm,
+  op,
+  v,
+  w
+});

package/lib/components/button/spin-white.mjs

@@ -0,0 +1,30 @@
+"use client";
+import "../../chunk-QIPGVLHJ.mjs";
+
+// components/button/spin-white.json
+var v = "5.5.5";
+var fr = 25;
+var ip = 0;
+var op = 79;
+var w = 300;
+var h = 150;
+var nm = "Loading-2";
+var ddd = 0;
+var assets = [];
+var layers = [{ ddd: 0, ind: 1, ty: 4, nm: "icon 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [-90] }, { t: 79, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [1, 1, 1, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 51, s: [0] }, { t: 79, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [0] }, { t: 64, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 39, op: 79, st: 39, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "icon", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [-90] }, { t: 40, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [1, 1, 1, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 12, s: [0] }, { t: 40, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [0] }, { t: 25, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 0, op: 40, st: 0, bm: 0 }];
+var markers = [];
+var spin_white_default = { v, fr, ip, op, w, h, nm, ddd, assets, layers, markers };
+export {
+  assets,
+  ddd,
+  spin_white_default as default,
+  fr,
+  h,
+  ip,
+  layers,
+  markers,
+  nm,
+  op,
+  v,
+  w
+};

package/lib/components/button/spin.js

@@ -0,0 +1,29 @@
+"use client";
+
+// components/button/spin.json
+var v = "5.5.5";
+var fr = 25;
+var ip = 0;
+var op = 79;
+var w = 300;
+var h = 150;
+var nm = "Loading-2";
+var ddd = 0;
+var assets = [];
+var layers = [{ ddd: 0, ind: 1, ty: 4, nm: "icon 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [-90] }, { t: 79, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 51, s: [0] }, { t: 79, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [0] }, { t: 64, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 39, op: 79, st: 39, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "icon", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [-90] }, { t: 40, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 12, s: [0] }, { t: 40, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [0] }, { t: 25, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 0, op: 40, st: 0, bm: 0 }];
+var markers = [];
+var spin_default = { v, fr, ip, op, w, h, nm, ddd, assets, layers, markers };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  assets,
+  ddd,
+  fr,
+  h,
+  ip,
+  layers,
+  markers,
+  nm,
+  op,
+  v,
+  w
+});

package/lib/components/button/spin.mjs

@@ -0,0 +1,30 @@
+"use client";
+import "../../chunk-QIPGVLHJ.mjs";
+
+// components/button/spin.json
+var v = "5.5.5";
+var fr = 25;
+var ip = 0;
+var op = 79;
+var w = 300;
+var h = 150;
+var nm = "Loading-2";
+var ddd = 0;
+var assets = [];
+var layers = [{ ddd: 0, ind: 1, ty: 4, nm: "icon 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [-90] }, { t: 79, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 51, s: [0] }, { t: 79, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 39, s: [0] }, { t: 64, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 39, op: 79, st: 39, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "icon", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [-90] }, { t: 40, s: [270] }], ix: 10 }, p: { a: 0, k: [150, 75, 0], ix: 2 }, a: { a: 0, k: [53, 53, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, -15.464], [15.464, 0], [0, 15.464], [-15.464, 0]], o: [[0, 15.464], [-15.464, 0], [0, -15.464], [15.464, 0]], v: [[28, 0], [0, 28], [-28, 0], [0, -28]], c: true }, ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.49019607843137253, 0.49019607843137253, 0.49019607843137253, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 10, ix: 5 }, lc: 2, lj: 1, ml: 10, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [53, 53], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Group 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 12, s: [0] }, { t: 40, s: [100] }], ix: 1 }, e: { a: 1, k: [{ i: { x: [0.667], y: [1] }, o: { x: [0.333], y: [0] }, t: 0, s: [0] }, { t: 25, s: [100] }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Trim Paths 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 0, op: 40, st: 0, bm: 0 }];
+var markers = [];
+var spin_default = { v, fr, ip, op, w, h, nm, ddd, assets, layers, markers };
+export {
+  assets,
+  ddd,
+  spin_default as default,
+  fr,
+  h,
+  ip,
+  layers,
+  markers,
+  nm,
+  op,
+  v,
+  w
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CardProps, CardRef } from './CardProps';
+export declare const CardContext: React.Context<{
+    horizontal: boolean;
+}>;
+/**
+ * Card Component
+ * @param flat {boolean} Adding border for Card content
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param floating {boolean} Floating card
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param active {boolean} Activated card
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param fullheight
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardRef>>;
+export default Card;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CardProps } from './CardProps';
+import { CardProps, CardRef } from './CardProps';
 export declare const CardContext: React.Context<{
     horizontal: boolean;
 }>;
@@ -7,15 +7,14 @@ export declare const CardContext: React.Context<{
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullheight
  */
-declare const Card: ({ className, id, flat, horizontal, floating, skeleton, onClick, reversed, href, fullheight, active, ...others }: CardProps) => React.JSX.Element;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardRef>>;
 export default Card;

package/lib/components/card/Card.js

@@ -1,39 +1,38 @@
-import { __assign, __rest } from "tslib";
-import React, { createContext } from 'react';
-import clsx from 'clsx';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
 import { is } from '../../services/classify';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-export var CardContext = createContext({ horizontal: false });
+import clsx from 'clsx';
+import React, { createContext } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+export const CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullheight
  */
-var Card = function (_a) {
-    var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
-    var styled = useTrilogyContext().styled;
-    var hoverStyle = {
+const Card = React.forwardRef(({ className, id, flat, horizontal, floating, skeleton, onClick, reversed, href, fullheight, active, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const hoverStyle = {
         cursor: 'pointer',
     };
-    var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    const classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
     if (href) {
-        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
+        return (React.createElement("a", { ref: ref, id: id, href: href, onClick: (e) => {
                 // eslint-disable-next-line no-unused-expressions
-                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                onClick?.(e);
                 e.stopPropagation();
-            } }, others, { className: classes })));
+            }, ...others, className: classes }));
     }
-    return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
-};
+    return (React.createElement("div", { ref: ref, id: id, onClick: onClick && onClick, className: classes, style: onClick && { ...hoverStyle }, ...others }));
+});
+Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhWTtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWlgsd0hBYUMsQ0FEVTtJQUdmLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsT0FBTyxpQkFBUyxVQUFVLENBQUUsSUFDL0IsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFHdEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRS9EOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLENBQ0UsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQy9HLEdBQUcsRUFDSCxFQUFFO0lBQ0YsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFLENBQUM7UUFDVCxPQUFPLENBQ0wsMkJBQ0UsR0FBRyxFQUFFLEdBQW1DLEVBQ3hDLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDYixpREFBaUQ7Z0JBQ2pELE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLEtBQ0csTUFBTSxFQUNWLFNBQVMsRUFBRSxPQUFPLEdBQ2xCLENBQ0gsQ0FBQTtJQUNILENBQUM7SUFFRCxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQWdDLEVBQ3JDLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLElBQUksRUFBRSxHQUFHLFVBQVUsRUFBRSxLQUMvQixNQUFNLEdBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/card/Card.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  CardContext,
+  Card_default
+} from "../../chunk-UK4S4W4O.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  CardContext,
+  Card_default as default
+};

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

@@ -1,13 +1,13 @@
-import { __assign, __rest } from "tslib";
-import React, { createContext } from 'react';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import ContentLoader, { Rect } from 'react-content-loader/native';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { StatesContext } from '../../context/providerStates';
-export var CardContext = createContext({
+import { isAndroid } from '../../helpers/device/index.native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color/index.native';
+import React, { createContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+export const CardContext = createContext({
     floating: false,
-    backgroundColor: '' || {},
+    backgroundColor: '',
     horizontal: false,
     reversed: false,
     active: false,
@@ -21,16 +21,14 @@ export var CardContext = createContext({
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-var Card = function (_a) {
-    var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active"]);
-    var borderColor = '#ccc';
-    var cardRadius = 6;
-    var styles = StyleSheet.create({
+const Card = React.forwardRef(({ children, flat, horizontal, floating, onClick, skeleton, reversed, fullheight, active, ...others }, ref) => {
+    const borderColor = '#ccc';
+    const cardRadius = 6;
+    const styles = StyleSheet.create({
         card: {
             width: '100%',
             minHeight: 100,
@@ -41,6 +39,8 @@ var Card = function (_a) {
                 'transparent',
             borderRadius: cardRadius,
             flex: fullheight ? 1 : 0,
+            overflow: 'hidden',
+            backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
         },
         horizontal: {
             flexDirection: 'row',
@@ -53,12 +53,6 @@ var Card = function (_a) {
             shadowRadius: 2,
             elevation: 5,
         },
-        contentHorizontal: {
-            borderWidth: 2,
-            margin: 2,
-            padding: 10,
-            minHeight: 10,
-        },
         skeleton: {
             width: '100%',
             minHeight: 50,
@@ -70,22 +64,23 @@ var Card = function (_a) {
             flexDirection: 'column-reverse',
         },
     });
-    var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
+    const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others, testID: 'skeleton-id' },
         React.createElement(View, { style: { opacity: 0 } }, children),
-        Platform.OS === 'android' && (React.createElement(View, null,
-            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
-    var cardView;
+        isAndroid && (React.createElement(View, null,
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
+    const ShadowWrapper = ({ children }) => (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
+    let cardView;
     if (skeleton) {
         return React.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-        cardView = (React.createElement(View, { style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
+        cardView = (React.createElement(View, { ref: ref, style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
     }
     else if (reversed) {
-        cardView = (React.createElement(View, { style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
+        cardView = (React.createElement(View, { ref: ref, style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
     }
     else {
-        cardView = (React.createElement(View, __assign({ style: [styles.card] }, others), children));
+        cardView = (React.createElement(View, { ref: ref, style: [styles.card], ...others }, children));
     }
     return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
         React.createElement(CardContext.Provider, { value: {
@@ -96,15 +91,17 @@ var Card = function (_a) {
                 active: active || false,
             } },
             React.createElement(View, { style: { width: '100%' } },
-                React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+                React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
+                    React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
         React.createElement(CardContext.Provider, { value: {
                 floating: floating || false,
                 backgroundColor: 'white',
                 horizontal: horizontal || false,
                 reversed: reversed || false,
                 active: active || false,
-            } }, cardView)));
-};
+            } },
+            React.createElement(ShadowWrapper, null, cardView))));
+});
 Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDakYsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHakUsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixDQUNFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFDcEcsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUE7SUFDMUIsTUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFBO0lB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

package/lib/components/card/CardProps.d.mts

@@ -0,0 +1,22 @@
+import { View } from 'react-native';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Fullheight } from '../../objects/facets/Fullheight';
+/**
+ * Card Interface
+ */
+export interface CardProps extends Fullheight, Clickable, Accessibility, CommonProps {
+    children?: React.ReactNode;
+    flat?: boolean;
+    horizontal?: boolean;
+    floating?: boolean;
+    skeleton?: boolean;
+    onClick?: ClickEvent;
+    reversed?: boolean;
+    href?: string;
+    active?: boolean;
+}
+export type CardRef = HTMLDivElement | HTMLAnchorElement;
+export type CardNativeRef = View;

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

@@ -1,7 +1,9 @@
-/// <reference types="react" />
+import { View } from 'react-native';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Fullheight } from '../../objects';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Fullheight } from '../../objects/facets/Fullheight';
 /**
  * Card Interface
  */
@@ -16,3 +18,5 @@ export interface CardProps extends Fullheight, Clickable, Accessibility, CommonP
     href?: string;
     active?: boolean;
 }
+export type CardRef = HTMLDivElement | HTMLAnchorElement;
+export type CardNativeRef = View;

package/lib/components/card/CardProps.mjs

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

package/lib/components/card/content/CardContent.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { CardContentProps } from './CardContentProps';
+/**
+ * Card Content Component
+ * @param children {React.ReactNode} Custom Card Content Children
+ * @param titleSup {string} Add a sup title
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+export default CardContent;