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

package/lib/components/fab/Fab.native.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-import { Alignable, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from "../../objects";
-import { Icon, IconColor, IconSize } from "../../components/icon";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { Text } from "../../components/text";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor, IconSize } from '../../components/icon/index.native';
+import { Text } from '../../components/text/index.native';
+import { Alignable, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from '../../objects/index.native';
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 /**
  * Fab Native Component
  * @param children {string} label fab button
@@ -17,33 +17,32 @@ import { Text } from "../../components/text";
  * @param right {number} position right
  * @param disabled {boolean} disabled button
  */
-var Fab = function (_a) {
-    var children = _a.children, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, extended = _a.extended, onClick = _a.onClick, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId;
-    var styles = StyleSheet.create({
+const Fab = React.forwardRef(({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, disabled, testId }, ref) => {
+    const styles = StyleSheet.create({
         button: {
             backgroundColor: getColorStyle(TrilogyColor.MAIN),
-            justifyContent: "center",
-            alignItems: "center",
+            justifyContent: 'center',
+            alignItems: 'center',
             borderRadius: 16,
             minHeight: 56,
-            height: "auto",
-            shadowColor: "#000",
+            height: 'auto',
+            shadowColor: '#000',
             shadowOffset: { width: 0, height: 3 },
             shadowOpacity: 0.2,
             shadowRadius: 6,
             elevation: 3,
-            position: top || bottom || left || right ? "absolute" : "relative",
-            top: top ? top : "auto",
-            right: right ? right : "auto",
-            left: left ? left : "auto",
-            bottom: bottom ? bottom : "auto",
-            width: extended ? "auto" : 60,
-            flexDirection: "row",
+            position: top || bottom || left || right ? 'absolute' : 'relative',
+            top: top ? top : 'auto',
+            right: right ? right : 'auto',
+            left: left ? left : 'auto',
+            bottom: bottom ? bottom : 'auto',
+            width: extended ? 'auto' : 60,
+            flexDirection: 'row',
             zIndex: 999,
         },
         label: {
-            marginTop: "auto",
-            marginBottom: "auto",
+            marginTop: 'auto',
+            marginBottom: 'auto',
             marginLeft: 10,
             marginRight: 16,
         },
@@ -55,10 +54,10 @@ var Fab = function (_a) {
             height: 56,
         },
     });
-    return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
+    return (React.createElement(TouchableOpacity, { ref: ref, style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: (e) => onClick?.(e), disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
         React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
         React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
-};
+});
 Fab.displayName = ComponentName.Fab;
 export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBWVc7UUFYVCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsR0FBRyxTQUFBLEVBQ0gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBO0lBRW5CLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxXQUFXLEVBQUUsTUFBTTtZQUNuQixZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNoSCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLENBQ0UsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFDekcsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNqRCxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsRUFBRTtZQUNoQixTQUFTLEVBQUUsRUFBRTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsV0FBVyxFQUFFLE1BQU07WUFDbkIsWUFBWSxFQUFFLEVBQUUs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

package/lib/components/fab/FabProps.d.mts

@@ -0,0 +1,20 @@
+import { IconName, IconNameValues } from "../../components/icon";
+import { Accessibility, Clickable, Dev } from "../../objects";
+import { DimensionValue, type TouchableOpacity } from "react-native";
+import { CommonProps } from '../../objects/facets/CommonProps';
+/**
+ * Fab Interface
+ */
+export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
+    children: string | React.ReactNode;
+    extended?: boolean;
+    iconName: IconName | IconNameValues;
+    fixed?: boolean;
+    top?: DimensionValue | number | undefined;
+    bottom?: DimensionValue | number | undefined;
+    left?: DimensionValue | number | undefined;
+    right?: DimensionValue | number | undefined;
+    disabled?: boolean;
+}
+export type FabRef = HTMLButtonElement;
+export type FabNativeRef = TouchableOpacity;

package/lib/components/fab/FabProps.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { IconName, IconNameValues } from "../../components/icon";
 import { Accessibility, Clickable, Dev } from "../../objects";
-import { DimensionValue } from "react-native";
+import { DimensionValue, type TouchableOpacity } from "react-native";
 import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Fab Interface
@@ -17,3 +16,5 @@ export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
     right?: DimensionValue | number | undefined;
     disabled?: boolean;
 }
+export type FabRef = HTMLButtonElement;
+export type FabNativeRef = TouchableOpacity;

package/lib/components/fab/FabProps.mjs

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

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

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

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

@@ -1,2 +1,3 @@
-import Fab from "./Fab";
+import Fab from './Fab';
+export * from './FabProps';
 export { Fab };

package/lib/components/fab/index.js

@@ -1,3 +1,4 @@
-import Fab from "./Fab";
+import Fab from './Fab';
+export * from './FabProps';
 export { Fab };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsY0FBYyxZQUFZLENBQUE7QUFDMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

package/lib/components/fab/index.mjs

@@ -0,0 +1,27 @@
+"use client";
+import "../../chunk-ON37HTBD.mjs";
+import "../../chunk-OM3MDPNR.mjs";
+import {
+  Fab_default
+} from "../../chunk-V6PFO3ID.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Fab_default as Fab
+};

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

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

package/lib/components/flex-box/DirectionDefaults.js

@@ -0,0 +1,32 @@
+export default {
+  "mobile": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  },
+  "tablet": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  },
+  "desktop": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  }
+};

package/lib/components/flex-box/FlexBox.d.mts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FlexBoxProps } from './FlexBoxProps';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexBox;

package/lib/components/flex-box/FlexBox.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FlexBoxProps } from './FlexBoxProps';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexBox;

package/lib/components/flex-box/FlexBox.js

@@ -0,0 +1,31 @@
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../objects/facets/Alignable';
+import { getJustifyClassName } from '../../objects/facets/Justifiable';
+import { has, is } from '../../services/index';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+const FlexBox = React.forwardRef(({ className, id, gap, direction, align, justify, scrollable, fullheight, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const isNumber = typeof gap === 'number';
+    const isValueDirection = typeof direction === 'string';
+    const classes = hashClass(styled, clsx('flex-box', isValueDirection && direction && is(`direction-${direction}`), !isValueDirection && direction?.desktop && is(`direction-${direction.desktop}-desktop`), !isValueDirection && direction?.mobile && is(`direction-${direction.mobile}-mobile`), !isValueDirection && direction?.tablet && is(`direction-${direction.tablet}-tablet`), align && is(getAlignClassName(align)), justify && is(getJustifyClassName(justify)), scrollable && is('scrollable'), !isNumber && gap?.mobile && has(`gap-mobile-${gap.mobile}`), !isNumber && gap?.tablet && has(`gap-tablet-${gap.tablet}`), !isNumber && gap?.desktop && has(`gap-desktop-${gap.desktop}`), isNumber && has(`gap-${gap}`), fullheight && is('fullheight'), className));
+    return React.createElement("div", { ref: ref, id: id, className: classes, ...others });
+});
+FlexBox.displayName = ComponentName.FlexBox;
+export default FlexBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmxleC1ib3gvRmxleEJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNsRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUM1RixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLFFBQVEsR0FBRyxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUE7SUFDeEMsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLFNBQVMsS0FBSyxRQUFRLENBQUE7SUFDdEQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFVBQVUsRUFDVixnQkFBZ0IsSUFBSSxTQUFTLElBQUksRUFBRSxDQUFDLGFBQWEsU0FBUyxFQUFFLENBQUMsRUFDN0QsQ0FBQyxnQkFBZ0IsSUFBSSxTQUFTLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxhQUFhLFNBQVMsQ0FBQyxPQUFPLFVBQVUsQ0FBQyxFQUN2RixDQUFDLGdCQUFnQixJQUFJLFNBQVMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGFBQWEsU0FBUyxDQUFDLE1BQU0sU0FBUyxDQUFDLEVBQ3BGLENBQUMsZ0JBQWdCLElBQUksU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsYUFBYSxTQUFTLENBQUMsTUFBTSxTQUFTLENBQUMsRUFDcEYsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNyQyxPQUFPLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQzNDLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLENBQUMsUUFBUSxJQUFJLEdBQUcsRUFBRSxNQUFNLElBQUksR0FBRyxDQUFDLGNBQWMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQzNELENBQUMsUUFBUSxJQUFJLEdBQUcsRUFBRSxNQUFNLElBQUksR0FBRyxDQUFDLGNBQWMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQzNELENBQUMsUUFBUSxJQUFJLEdBQUcsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLGVBQWUsR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQzlELFFBQVEsSUFBSSxHQUFHLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQyxFQUM3QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sS0FBTSxNQUFNLEdBQUksQ0FBQTtBQUNsRSxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/flex-box/FlexBox.mjs

@@ -0,0 +1,15 @@
+"use client";
+import {
+  FlexBox_default
+} from "../../chunk-SSJWBHMP.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  FlexBox_default as default
+};

package/lib/components/flex-box/FlexBox.native.js

@@ -0,0 +1,52 @@
+import { ComponentName } from '../../components/enumsComponentsName';
+import { getAlignStyle } from '../../objects/facets/Alignable';
+import { getJustifyStyle } from '../../objects/facets/Justifiable';
+import React, { useState } from 'react';
+import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
+import { ColumnsGapValue } from '../columns/index.native';
+import { FlexBoxContext } from './context';
+const FlexBox = React.forwardRef(({ id, gap, direction = 'row', align, justify, scrollable, fullBleed, children, fullheight, ...others }, ref) => {
+    const [width, setWidth] = useState(0);
+    const [enlarge, setEnlarge] = useState(0);
+    const isValueDirection = typeof direction === 'string';
+    const onLayoutHandler = React.useCallback((event) => {
+        if (!width) {
+            const { width } = event.nativeEvent.layout;
+            if (fullBleed)
+                setEnlarge((Dimensions.get('screen').width - width) / 2);
+            setWidth(width);
+        }
+    }, [fullBleed, width]);
+    const gapIndex = (gap && typeof gap === 'number' && gap) || (gap && gap?.mobile) || 0;
+    const realGap = React.useMemo(() => (typeof gap === 'undefined' ? 8 : ColumnsGapValue[gapIndex]), [gap]);
+    const styles = StyleSheet.create({
+        columns: {
+            flexDirection: !isValueDirection ? direction?.mobile : direction,
+            gap: realGap,
+            alignItems: getAlignStyle(align),
+            justifyContent: getJustifyStyle(justify),
+            width: fullBleed && width ? width + enlarge * 2 : '100%',
+            marginHorizontal: -enlarge,
+            paddingHorizontal: enlarge,
+            height: fullheight ? '100%' : 'auto',
+        },
+        columnsScrollable: {
+            paddingHorizontal: enlarge,
+            gap: realGap,
+        },
+    });
+    return (React.createElement(FlexBoxContext.Provider, { value: {
+            width,
+            realGap,
+            scrollable: scrollable || false,
+            childrenLength: React.Children.count(children),
+        } },
+        !scrollable && (React.createElement(View, { id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns], ...others }, children)),
+        scrollable && (React.createElement(View, { id: id, onLayout: onLayoutHandler, style: {
+                marginHorizontal: -enlarge,
+            } },
+            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.columnsScrollable, showsHorizontalScrollIndicator: false }, children)))));
+});
+FlexBox.displayName = ComponentName.FlexBox;
+export default FlexBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM5RCxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFxQixVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMxRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUUxQyxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixDQUFDLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxTQUFTLEdBQUcsS0FBSyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDOUcsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDckMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDekMsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLFNBQVMsS0FBSyxRQUFRLENBQUE7SUFFdEQsTUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDdkMsQ0FBQyxLQUF3QixFQUFF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

package/lib/components/flex-box/FlexBoxProps.d.mts

@@ -0,0 +1,28 @@
+import { Align } from '../../objects/facets/Alignable';
+import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
+import { Justify } from '../../objects/facets/Justifiable';
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { GapSize } from '../columns';
+export interface FlexBoxSize {
+    mobile?: GapSize;
+    tablet?: GapSize;
+    desktop?: GapSize;
+}
+export interface Direction {
+    mobile?: DirectionEnum | DirectionEnumValues;
+    tablet?: DirectionEnum | DirectionEnumValues;
+    desktop?: DirectionEnum | DirectionEnumValues;
+}
+export interface FlexBoxProps extends CommonProps {
+    children?: React.ReactNode;
+    gap?: FlexBoxSize | GapSize;
+    direction?: Direction | DirectionEnum | DirectionEnumValues;
+    align?: Align;
+    justify?: Justify;
+    scrollable?: boolean;
+    fullBleed?: boolean;
+    fullheight?: boolean;
+}
+export type FlexBoxRef = HTMLDivElement;
+export type FlexBoxNativeRef = View;

package/lib/components/flex-box/FlexBoxProps.d.ts

@@ -0,0 +1,28 @@
+import { Align } from '../../objects/facets/Alignable';
+import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
+import { Justify } from '../../objects/facets/Justifiable';
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { GapSize } from '../columns';
+export interface FlexBoxSize {
+    mobile?: GapSize;
+    tablet?: GapSize;
+    desktop?: GapSize;
+}
+export interface Direction {
+    mobile?: DirectionEnum | DirectionEnumValues;
+    tablet?: DirectionEnum | DirectionEnumValues;
+    desktop?: DirectionEnum | DirectionEnumValues;
+}
+export interface FlexBoxProps extends CommonProps {
+    children?: React.ReactNode;
+    gap?: FlexBoxSize | GapSize;
+    direction?: Direction | DirectionEnum | DirectionEnumValues;
+    align?: Align;
+    justify?: Justify;
+    scrollable?: boolean;
+    fullBleed?: boolean;
+    fullheight?: boolean;
+}
+export type FlexBoxRef = HTMLDivElement;
+export type FlexBoxNativeRef = View;

package/lib/components/flex-box/FlexBoxProps.js

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

package/lib/components/flex-box/FlexBoxProps.mjs

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

package/lib/components/flex-box/FlexBoxPropsDefaults.js

@@ -0,0 +1,105 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "gap": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10,
+      "FlexBoxSize"
+    ]
+  },
+  "direction": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column",
+      "Direction"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
+    ]
+  },
+  "justify": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY"
+    ]
+  },
+  "scrollable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullBleed": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullheight": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/flex-box/FlexBoxSizeDefaults.js

@@ -0,0 +1,53 @@
+export default {
+  "mobile": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10
+    ]
+  },
+  "tablet": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10
+    ]
+  },
+  "desktop": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      6,
+      7,
+      8,
+      9,
+      10
+    ]
+  }
+};

package/lib/components/flex-box/context/index.d.mts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FlexBoxContext: React.Context<{
+    scrollable: boolean;
+    width: number;
+    realGap: number;
+    childrenLength: number;
+}>;

package/lib/components/flex-box/context/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FlexBoxContext: React.Context<{
+    scrollable: boolean;
+    width: number;
+    realGap: number;
+    childrenLength: number;
+}>;

package/lib/components/flex-box/context/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const FlexBoxContext = React.createContext({
+    scrollable: false,
+    width: 0,
+    realGap: 16,
+    childrenLength: 1,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2NvbnRleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQztJQUNoRCxVQUFVLEVBQUUsS0FBSztJQUNqQixLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsY0FBYyxFQUFFLENBQUM7Q0FDbEIsQ0FBQyxDQUFBIn0=

package/lib/components/flex-box/context/index.mjs

@@ -0,0 +1,14 @@
+"use client";
+import "../../../chunk-QIPGVLHJ.mjs";
+
+// components/flex-box/context/index.tsx
+import React from "react";
+var FlexBoxContext = React.createContext({
+  scrollable: false,
+  width: 0,
+  realGap: 16,
+  childrenLength: 1
+});
+export {
+  FlexBoxContext
+};