@trilogy-ds/react 0.0.2-calendar → 0.0.2-storybook

package/lib/components/dropdown/item/DropdownItem.js

@@ -0,0 +1,46 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { Icon, IconSize } from '../../../components/icon';
+/**
+ * DropdownItem Component
+ * @param children {React.ReactNode} Children
+ * @param iconName {string} Icon displayed on the left of the text
+ * @param active {boolean} Active/selected item state
+ * @param disabled {boolean} Disabled item state
+ * @param onSelect {Function} Callback called when item is selected
+ */
+var DropdownItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, iconName = _a.iconName, active = _a.active, disabled = _a.disabled, onSelect = _a.onSelect, others = __rest(_a, ["children", "iconName", "active", "disabled", "onSelect"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('dropdown-item', active && is('active'), disabled && is('disabled')));
+    var handleClick = function (e) {
+        if (disabled) {
+            e.preventDefault();
+            return;
+        }
+        if (onSelect) {
+            onSelect();
+        }
+    };
+    var handleKeyDown = function (e) {
+        if (disabled)
+            return;
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            if (onSelect) {
+                onSelect();
+            }
+        }
+    };
+    return (React.createElement("button", __assign({ ref: ref, type: "button", className: classes, onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, "aria-disabled": disabled, role: "menuitem", tabIndex: disabled ? -1 : 0 }, others),
+        iconName && (React.createElement(Icon, { name: iconName, size: IconSize.SMALLER })),
+        children));
+});
+DropdownItem.displayName = ComponentName.DropdownItem;
+export default DropdownItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25JdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi9pdGVtL0Ryb3Bkb3duSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUdsRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQU9DLEVBQ0QsR0FBRztJQVBELElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQU5YLDBEQU9DLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsZUFBZSxFQUNmLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQ0YsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsQ0FBbUI7UUFDdEMsSUFBSSxRQUFRLEVBQUU7WUFDWixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7WUFDbEIsT0FBTTtTQUNQO1FBRUQsSUFBSSxRQUFRLEVBQUU7WUFDWixRQUFRLEVBQUUsQ0FBQTtTQUNYO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxDQUFzQjtRQUMzQyxJQUFJLFFBQVE7WUFBRSxPQUFNO1FBRXBCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxPQUFPLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxHQUFHLEVBQUU7WUFDdEMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFBO1lBQ2xCLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxDQUFBO2FBQ1g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCx5Q0FDRSxHQUFHLEVBQUUsR0FBeUMsRUFDOUMsSUFBSSxFQUFDLFFBQVEsRUFDYixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxFQUNwQixTQUFTLEVBQUUsYUFBYSxFQUN4QixRQUFRLEVBQUUsUUFBUSxtQkFDSCxRQUFRLEVBQ3ZCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDdkIsTUFBTTtRQUVULFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxHQUFJLENBQ2pEO1FBQ0EsUUFBUSxDQUNGLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=

package/lib/components/dropdown/item/DropdownItem.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DropdownItemProps } from './DropdownItemProps';
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<import("react-native/types").View>>;
+export default DropdownItem;

package/lib/components/dropdown/item/DropdownItem.native.js

@@ -0,0 +1,8 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+var DropdownItem = React.forwardRef(function (props, ref) {
+    return (React.createElement(React.Fragment, null));
+});
+DropdownItem.displayName = ComponentName.DropdownItem;
+export default DropdownItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25JdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHJvcGRvd24vaXRlbS9Ecm9wZG93bkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUN6RixPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFFckQsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/dropdown/item/DropdownItemProps.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { IconName, IconNameValues } from '../../icon/IconNameEnum';
+/**
+ * DropdownItem Interface
+ */
+export interface DropdownItemProps {
+    children?: React.ReactNode;
+    iconName?: IconName | IconNameValues;
+    active?: boolean;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export type DropdownItemRef = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;
+export type DropdownItemNativeRef = View;

package/lib/components/dropdown/item/DropdownItemProps.js

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

package/lib/components/dropdown/item/DropdownItemPropsDefaults.js

@@ -0,0 +1,103 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-arrow-high",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-arrow-high",
+      "tri-bell",
+      "tri-calendar",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-file-attached",
+      "tri-infos-circle",
+      "tri-micro",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onSelect": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  }
+};

package/lib/components/dropdown/item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownItem } from './DropdownItem';
+export * from './DropdownItemProps';

package/lib/components/dropdown/item/index.js

@@ -0,0 +1,3 @@
+export { default as DropdownItem } from './DropdownItem';
+export * from './DropdownItemProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN4RCxjQUFjLHFCQUFxQixDQUFBIn0=

package/lib/components/dropdown/trigger/DropdownTrigger.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DropdownTriggerProps } from './DropdownTriggerProps';
+/**
+ * DropdownTrigger Component
+ * Wrapper component that makes its children clickable to trigger dropdown toggle
+ * Automatically manages the dropdown state when used within a DropdownProvider
+ * @param children {React.ReactNode} Children - The trigger element (Button, etc.)
+ * @param onClick {Function} Optional additional click handler
+ * @param className {string} Additional CSS classes
+ * @param testId {string} Test ID
+ */
+declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export default DropdownTrigger;

package/lib/components/dropdown/trigger/DropdownTrigger.js

@@ -0,0 +1,61 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import { useDropdownContext } from '../context';
+/**
+ * DropdownTrigger Component
+ * Wrapper component that makes its children clickable to trigger dropdown toggle
+ * Automatically manages the dropdown state when used within a DropdownProvider
+ * @param children {React.ReactNode} Children - The trigger element (Button, etc.)
+ * @param onClick {Function} Optional additional click handler
+ * @param className {string} Additional CSS classes
+ * @param testId {string} Test ID
+ */
+var DropdownTrigger = React.forwardRef(function (_a, ref) {
+    var children = _a.children, onClick = _a.onClick, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "onClick", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var contextState = null;
+    try {
+        contextState = useDropdownContext();
+    }
+    catch (_b) {
+        contextState = null;
+    }
+    var classes = hashClass(styled, clsx('dropdown-trigger', className));
+    var handleClick = function (event) {
+        if (contextState) {
+            contextState.toggle();
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    var enhancedChildren = React.Children.map(children, function (child) {
+        if (React.isValidElement(child)) {
+            if (!child.props.onClick) {
+                return React.cloneElement(child, {
+                    onClick: function (e) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleClick(e);
+                    }
+                });
+            }
+            return React.cloneElement(child, {
+                onClick: function (e) {
+                    var _a, _b;
+                    (_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    if (!e.defaultPrevented) {
+                        handleClick(e);
+                    }
+                }
+            });
+        }
+        return child;
+    });
+    return (React.createElement("div", __assign({ ref: ref, className: classes, onClick: handleClick, "data-testid": testId }, others), enhancedChildren));
+});
+DropdownTrigger.displayName = ComponentName.DropdownTrigger;
+export default DropdownTrigger;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25UcmlnZ2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi90cmlnZ2VyL0Ryb3Bkb3duVHJpZ2dlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBTUMsRUFDRCxHQUFHO0lBTkQsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTFgsOENBTUMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQUksWUFBWSxHQUFpRCxJQUFJLENBQUE7SUFFckUsSUFBSTtRQUNGLFlBQVksR0FBRyxrQkFBa0IsRUFBRSxDQUFBO0tBQ3BDO0lBQUMsV0FBTTtRQUNOLFlBQVksR0FBRyxJQUFJLENBQUE7S0FDcEI7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0Ysa0JBQWtCLEVBQ2xCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQXVCO1FBQzFDLElBQUksWUFBWSxFQUFFO1lBQ2hCLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtTQUN0QjtRQUNELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxLQUFZLENBQUMsQ0FBQTtJQUN6QixDQUFDLENBQUE7SUFFRCxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUs7UUFDMUQsSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQy9CLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDeEIsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQWdDLEVBQUU7b0JBQzFELE9BQU8sRUFBRSxVQUFDLENBQW1CO3dCQUMzQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7d0JBQ2xCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTt3QkFDbkIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO29CQUNoQixDQUFDO2lCQUNLLENBQUMsQ0FBQTthQUNWO1lBQ0QsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQWdDLEVBQUU7Z0JBQzFELE9BQU8sRUFBRSxVQUFDLENBQW1COztvQkFDM0IsTUFBQSxNQUFBLEtBQUssQ0FBQyxLQUFLLEVBQUMsT0FBTyxtREFBRyxDQUFDLENBQUMsQ0FBQTtvQkFDeEIsSUFBSSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRTt3QkFDdkIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO3FCQUNmO2dCQUNILENBQUM7YUFDSyxDQUFDLENBQUE7U0FDVjtRQUNELE9BQU8sS0FBSyxDQUFBO0lBQ2QsQ0FBQyxDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxpQkFDUCxNQUFNLElBQ2YsTUFBTSxHQUVULGdCQUFnQixDQUNiLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBQzNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DropdownTriggerProps } from './DropdownTriggerProps';
+declare const DropdownTrigger: React.ForwardRefExoticComponent<DropdownTriggerProps & React.RefAttributes<import("react-native/types").TouchableOpacity>>;
+export default DropdownTrigger;

package/lib/components/dropdown/trigger/DropdownTrigger.native.js

@@ -0,0 +1,8 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+var DropdownTrigger = React.forwardRef(function (props, ref) {
+    return (React.createElement(React.Fragment, null));
+});
+DropdownTrigger.displayName = ComponentName.DropdownTrigger;
+export default DropdownTrigger;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25UcmlnZ2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHJvcGRvd24vdHJpZ2dlci9Ecm9wZG93blRyaWdnZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUQsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUNsRyxPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFFM0QsZUFBZSxlQUFlLENBQUEifQ==

package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TouchableOpacity } from 'react-native';
+import { Clickable } from '../../../objects/facets/Clickable';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * DropdownTrigger Interface
+ */
+export interface DropdownTriggerProps extends Clickable, CommonProps, Dev {
+    children?: React.ReactNode;
+}
+export type DropdownTriggerRef = HTMLDivElement;
+export type DropdownTriggerNativeRef = TouchableOpacity;

package/lib/components/dropdown/trigger/DropdownTriggerProps.js

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

package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js

@@ -0,0 +1,44 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/dropdown/trigger/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownTrigger } from './DropdownTrigger';
+export * from './DropdownTriggerProps';

package/lib/components/dropdown/trigger/index.js

@@ -0,0 +1,3 @@
+export { default as DropdownTrigger } from './DropdownTrigger';
+export * from './DropdownTriggerProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL3RyaWdnZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5RCxjQUFjLHdCQUF3QixDQUFBIn0=

package/lib/components/enumsComponentsName.d.ts

@@ -22,10 +22,10 @@ export declare enum ComponentName {
     BreadcrumbItem = "BreadcrumbItem",
     Button = "Button",
     ButtonList = "ButtonList",
+    Calendar = "Calendar",
     ButtonVariant = "ButtonVariant",
     ButtonMarkup = "ButtonMarkup",
     ButtonType = "ButtonType",
-    Calendar = "Calendar",
     Card = "Card",
     CardImage = "CardImage",
     CardContent = "CardContent",
@@ -40,6 +40,10 @@ export declare enum ComponentName {
     ContentSize = "ContentSize",
     Countdown = "Countdown",
     Divider = "Divider",
+    Dropdown = "Dropdown",
+    DropdownItem = "DropdownItem",
+    DropdownGroup = "DropdownGroup",
+    DropdownTrigger = "DropdownTrigger",
     Fab = "Fab",
     FlexBox = "FlexBox",
     FlexItem = "FlexItem",
@@ -160,5 +164,20 @@ export declare enum ComponentName {
     Alert = "Alert",
     Chips = "Chips",
     ChipsList = "ChipsList",
-    Range = "Range"
+    Range = "Range",
+    DatePicker = "DatePicker",
+    Prompt = "Prompt",
+    PromptInputFile = "PromptInputFile",
+    PromptSubmit = "PromptSubmit",
+    PromptTextarea = "PromptTextarea",
+    PromptToolbar = "PromptToolbar",
+    PromptTools = "PromptTools",
+    PromptButton = "PromptButton",
+    PromptSelect = "PromptSelect",
+    PromptMicrophone = "PromptMicrophone",
+    PromptFiles = "PromptFiles",
+    PromptFile = "PromptFile",
+    PromptSelectOption = "PromptSelectOption",
+    TimepickerCircular = "TimepickerCircular",
+    Timepicker = "Timepicker"
 }

package/lib/components/enumsComponentsName.js

@@ -23,10 +23,10 @@ export var ComponentName;
     ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
     ComponentName["Button"] = "Button";
     ComponentName["ButtonList"] = "ButtonList";
+    ComponentName["Calendar"] = "Calendar";
     ComponentName["ButtonVariant"] = "ButtonVariant";
     ComponentName["ButtonMarkup"] = "ButtonMarkup";
     ComponentName["ButtonType"] = "ButtonType";
-    ComponentName["Calendar"] = "Calendar";
     ComponentName["Card"] = "Card";
     ComponentName["CardImage"] = "CardImage";
     ComponentName["CardContent"] = "CardContent";
@@ -41,6 +41,10 @@ export var ComponentName;
     ComponentName["ContentSize"] = "ContentSize";
     ComponentName["Countdown"] = "Countdown";
     ComponentName["Divider"] = "Divider";
+    ComponentName["Dropdown"] = "Dropdown";
+    ComponentName["DropdownItem"] = "DropdownItem";
+    ComponentName["DropdownGroup"] = "DropdownGroup";
+    ComponentName["DropdownTrigger"] = "DropdownTrigger";
     ComponentName["Fab"] = "Fab";
     ComponentName["FlexBox"] = "FlexBox";
     ComponentName["FlexItem"] = "FlexItem";
@@ -162,5 +166,20 @@ export var ComponentName;
     ComponentName["Chips"] = "Chips";
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
+    ComponentName["DatePicker"] = "DatePicker";
+    ComponentName["Prompt"] = "Prompt";
+    ComponentName["PromptInputFile"] = "PromptInputFile";
+    ComponentName["PromptSubmit"] = "PromptSubmit";
+    ComponentName["PromptTextarea"] = "PromptTextarea";
+    ComponentName["PromptToolbar"] = "PromptToolbar";
+    ComponentName["PromptTools"] = "PromptTools";
+    ComponentName["PromptButton"] = "PromptButton";
+    ComponentName["PromptSelect"] = "PromptSelect";
+    ComponentName["PromptMicrophone"] = "PromptMicrophone";
+    ComponentName["PromptFiles"] = "PromptFiles";
+    ComponentName["PromptFile"] = "PromptFile";
+    ComponentName["PromptSelectOption"] = "PromptSelectOption";
+    ComponentName["TimepickerCircular"] = "TimepickerCircular";
+    ComponentName["Timepicker"] = "Timepicker";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxhQW1LWDtBQW5LRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6QixzQ0FBcUIsQ0FBQTtJQUNyQiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXNMWDtBQXRMRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixzQ0FBcUIsQ0FBQTtJQUNyQixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIs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

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

@@ -1,20 +1,22 @@
 import React from 'react';
 import { FabProps } from './FabProps';
 /**
- * Fab Component - Floating Button Action
- * @param children {ReactNode} Text for fab button
- * @param extended {boolean} extend fab button
- * @param iconName {IconName | IconNameValues} name of icon
+ * Fab Component - Floating Action Button
+ * @param children {ReactNode} Text or content of the fab button
+ * @param extended {boolean} Extended fab mode (shows text alongside icon)
+ * @param iconName {IconName | IconNameValues} Icon to display inside the button
  * @param accessibilityLabel {string} Accessibility label
- * @param onClick {ClickEvent} onClick Event
- * @param className {string} Additional CSS Classes (only web)
- * @param fixed {boolean} position fixed,true by dyfault
- * @param top {number} position top
- * @param left {number} position left
- * @param bottom {number} position bottom
- * @param right {number} position right
- * @param disabled {boolean} disabled button
+ * @param onClick {ClickEvent} Click event handler
+ * @param top {number} Top position offset
+ * @param bottom {number} Bottom position offset
+ * @param left {number} Left position offset
+ * @param right {number} Right position offset
+ * @param disabled {boolean} Disabled state
  * @param testId {string} Test Id for Test Integration
- **/
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param fixed {boolean} Fixed positioning (true by default)
+ */
 declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
 export default Fab;

package/lib/components/fab/Fab.js

@@ -7,23 +7,25 @@ import { Icon } from '../../components/icon';
 import { is } from '../../services';
 import { ComponentName } from '../enumsComponentsName';
 /**
- * Fab Component - Floating Button Action
- * @param children {ReactNode} Text for fab button
- * @param extended {boolean} extend fab button
- * @param iconName {IconName | IconNameValues} name of icon
+ * Fab Component - Floating Action Button
+ * @param children {ReactNode} Text or content of the fab button
+ * @param extended {boolean} Extended fab mode (shows text alongside icon)
+ * @param iconName {IconName | IconNameValues} Icon to display inside the button
  * @param accessibilityLabel {string} Accessibility label
- * @param onClick {ClickEvent} onClick Event
- * @param className {string} Additional CSS Classes (only web)
- * @param fixed {boolean} position fixed,true by dyfault
- * @param top {number} position top
- * @param left {number} position left
- * @param bottom {number} position bottom
- * @param right {number} position right
- * @param disabled {boolean} disabled button
+ * @param onClick {ClickEvent} Click event handler
+ * @param top {number} Top position offset
+ * @param bottom {number} Bottom position offset
+ * @param left {number} Left position offset
+ * @param right {number} Right position offset
+ * @param disabled {boolean} Disabled state
  * @param testId {string} Test Id for Test Integration
- **/
+ * @param id {string} Custom id attribute
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param fixed {boolean} Fixed positioning (true by default)
+ */
 var Fab = React.forwardRef(function (_a, ref) {
-    var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, id = _a.id, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled"]);
+    var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, id = _a.id, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled", "testId"]);
     var styled = useTrilogyContext().styled;
     var _c = __read(useState(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
     useEffect(function () {
@@ -42,7 +44,7 @@ var Fab = React.forwardRef(function (_a, ref) {
             position: 'relative',
         };
     var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
-    return (React.createElement("button", __assign({ ref: ref, id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
+    return (React.createElement("button", __assign({ "data-testid": testId, ref: ref, id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, style: __assign({}, positionStyle) }, others, { className: _className }),
@@ -51,4 +53,4 @@ var Fab = React.forwardRef(function (_a, ref) {
 });
 Fab.displayName = ComponentName.Fab;
 export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHFDLCtJQWUvQyxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxnQkFDTixrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWdCL0MsRUFBRSxHQUFHO0lBZkosSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsYUFBWSxFQUFaLEtBQUssbUJBQUcsSUFBSSxLQUFBLEVBQ1osR0FBRyxTQUFBLEVBQ0gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWZxQyx5SkFnQi9DLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFqRSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXdDLENBQUE7SUFFeEUsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNsQyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRWhCLDhEQUE4RDtJQUM5RCxJQUFNLGFBQWEsR0FDakIsR0FBRyxJQUFJLE1BQU0sSUFBSSxJQUFJLElBQUksS0FBSztRQUM1QixDQUFDLENBQUM7WUFDRSxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVU7WUFDdEMsR0FBRyxFQUFFLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLE1BQU07WUFDbEIsTUFBTSxFQUFFLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLE1BQU07WUFDeEIsSUFBSSxFQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLE1BQU07WUFDcEIsS0FBSyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLE1BQU07U0FDdkI7UUFDSCxDQUFDLENBQUM7WUFDRSxRQUFRLEVBQUUsVUFBVTtTQUNyQixDQUFBO0lBRVAsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV4RixPQUFPLENBQ0wsd0RBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsZ0JBQ04sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQyxFQUNELEtBQUssZUFBTyxhQUFhLEtBQ3JCLE1BQU0sSUFDVixTQUFTLEVBQUUsVUFBVTtRQUVyQixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQW9CLEdBQUk7UUFDbkMsUUFBUSxDQUNGLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBQ25DLGVBQWUsR0FBRyxDQUFBIn0=

package/lib/components/fab/Fab.native.d.ts

@@ -2,17 +2,19 @@ import * as React from "react";
 import { TouchableOpacity } from "react-native";
 import { FabProps } from "./FabProps";
 /**
- * Fab Native Component
- * @param children {string} label fab button
- * @param extended {boolean} extend fab button
- * @param iconName {IconName | IconNameValues} name of icon
+ * Fab Component - Floating Action Button
+ * @param children {ReactNode} Text or content of the fab button
+ * @param extended {boolean} Extended fab mode (shows text alongside icon)
+ * @param iconName {IconName | IconNameValues} Icon to display inside the button
  * @param accessibilityLabel {string} Accessibility label
- * @param onClick {ClickEvent} onClick Event
- * @param top {number} position top
- * @param left {number} position left
- * @param bottom {number} position bottom
- * @param right {number} position right
- * @param disabled {boolean} disabled button
+ * @param onClick {ClickEvent} Click event handler
+ * @param top {number} Top position offset
+ * @param bottom {number} Bottom position offset
+ * @param left {number} Left position offset
+ * @param right {number} Right position offset
+ * @param disabled {boolean} Disabled state
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  */
 declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<TouchableOpacity>>;
 export default Fab;