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

package/lib/components/tabs/tab-panels/TabPanels.native.js

@@ -0,0 +1,31 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TabsContext } from '../../../components/tabs/context';
+import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
+import { getColorStyle, TrilogyColor } from '../../../objects/index.native';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * Tabs Nav Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param id
+ * @param testId
+ * @param others
+ */
+const TabPanels = React.forwardRef(({ children, ...others }, ref) => {
+    const { inverted } = React.useContext(TabsContext);
+    const styles = StyleSheet.create({
+        tabPanels: {
+            paddingVertical: 8,
+            backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
+        },
+    });
+    return (React.createElement(View, { ref: ref, style: styles.tabPanels, ...others }, React.Children.map(children, (child, index) => {
+        if (!React.isValidElement(child))
+            return false;
+        return React.createElement(TabPanel, { ...child.props, index: index });
+    })));
+});
+TabPanels.displayName = ComponentName.TabPanels;
+export default TabPanels;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDdkQsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7Ozs7R0FPRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUN0RyxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVsRCxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGVBQWUsRUFBRSxDQUFDO1lBQ2xCLGVBQWUsRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7U0FDN0U7S0FDRixDQUFDLENBQUE7SUFDRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEtBQU0sTUFBTSxJQUNoRCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7UUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLE9BQUssS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0csQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/TabPanelsProps.d.mts

@@ -0,0 +1,11 @@
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/index';
+import { View } from 'react-native';
+/**
+ * Tabs Item Interface
+ */
+export interface TabPanelsProps extends Dev, CommonProps {
+    children: React.ReactNode;
+}
+export type TabPanelsRef = HTMLDivElement;
+export type TabPanelsNativeRef = View;

package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
-import { Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/index';
+import { View } from 'react-native';
 /**
  * Tabs Item Interface
  */
 export interface TabPanelsProps extends Dev, CommonProps {
     children: React.ReactNode;
 }
+export type TabPanelsRef = HTMLDivElement;
+export type TabPanelsNativeRef = View;

package/lib/components/tabs/tab-panels/TabPanelsProps.mjs

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

package/lib/components/tabs/tab-panels/index.d.mts

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

package/lib/components/tabs/tab-panels/index.js

@@ -1,3 +1,112 @@
-import TabPanels from './TabPanels';
-export default TabPanels;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFFbkMsZUFBZSxTQUFTLENBQUEifQ==
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/tabs/tab-panels/index.ts
+var tab_panels_exports = {};
+__export(tab_panels_exports, {
+  default: () => tab_panels_default
+});
+module.exports = __toCommonJS(tab_panels_exports);
+
+// components/tabs/context/index.tsx
+var import_react = __toESM(require("react"));
+var TabsContext = import_react.default.createContext({
+  activeIndex: 0,
+  inverted: false,
+  setActiveIndex: () => 0,
+  setInverted: () => false,
+  small: false
+});
+
+// context/index.tsx
+var React2 = __toESM(require("react"));
+var TrilogyContext = React2.createContext({
+  styled: false,
+  setStyled: () => void 0
+});
+var useTrilogyContext = () => {
+  const context = React2.useContext(TrilogyContext);
+  if (context === void 0) {
+    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
+  }
+  return context;
+};
+
+// helpers/hashClassesHelpers/index.tsx
+var hashClass = (addHash = false, classes) => {
+  const { hash, styled } = useTrilogyContext();
+  if (classes.trim().length < 1) return "";
+  if (styled) {
+    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
+  }
+  return classes;
+};
+
+// services/classify/index.ts
+function classify(prefix) {
+  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
+}
+var is = classify("is");
+var has = classify("has");
+
+// components/tabs/tab-panels/tab-panel/TabPanel.tsx
+var import_clsx = __toESM(require("clsx"));
+var import_react2 = __toESM(require("react"));
+var TabPanel = import_react2.default.forwardRef(({ children, className, testId, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const { index, ...props } = others;
+  const { activeIndex } = import_react2.default.useContext(TabsContext);
+  const classes = hashClass(styled, (0, import_clsx.default)("tab-panel", index === activeIndex && is("active"), className));
+  return /* @__PURE__ */ import_react2.default.createElement("div", { ref, "data-testid": testId, className: classes, ...props }, children);
+});
+TabPanel.displayName = "TabPanel" /* TabPanel */;
+var TabPanel_default = TabPanel;
+
+// components/tabs/tab-panels/tab-panel/index.ts
+var tab_panel_default = TabPanel_default;
+
+// components/tabs/tab-panels/TabPanels.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var import_react3 = __toESM(require("react"));
+var TabPanels = import_react3.default.forwardRef(
+  ({ children, className, id, testId, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, (0, import_clsx2.default)("tab-panels", className));
+    return /* @__PURE__ */ import_react3.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react3.default.Children.map(children, (child, index) => {
+      if (!import_react3.default.isValidElement(child)) return false;
+      return /* @__PURE__ */ import_react3.default.createElement(tab_panel_default, { ...child.props, index });
+    }));
+  }
+);
+TabPanels.displayName = "TabPanels" /* TabPanels */;
+var TabPanels_default = TabPanels;
+
+// components/tabs/tab-panels/index.ts
+var tab_panels_default = TabPanels_default;

package/lib/components/tabs/tab-panels/index.mjs

@@ -0,0 +1,18 @@
+"use client";
+import {
+  TabPanels_default
+} from "../../../chunk-4XLHP4FT.mjs";
+import "../../../chunk-TTMI7WFG.mjs";
+import "../../../chunk-TBFT5WCF.mjs";
+import "../../../chunk-SWFBV5TR.mjs";
+import "../../../chunk-SWVRRUW7.mjs";
+import "../../../chunk-UFMRE754.mjs";
+import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-ZB4OWTDD.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+
+// components/tabs/tab-panels/index.ts
+var tab_panels_default = TabPanels_default;
+export {
+  tab_panels_default as default
+};

package/lib/components/tabs/tab-panels/index.native.js

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

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.mts

@@ -0,0 +1,11 @@
+import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
+import React from 'react';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts

@@ -1,5 +1,5 @@
+import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
 import React from 'react';
-import { TabPanelProps } from './TabPanelProps';
 /**
  * Tab Panel Component
  * @param children {ReactChild} React Child Element
@@ -7,5 +7,5 @@ import { TabPanelProps } from './TabPanelProps';
  * @param testId
  * @param others
  */
-declare const TabPanel: ({ children, className, testId, ...others }: TabPanelProps) => React.JSX.Element;
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
 export default TabPanel;

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js

@@ -1,8 +1,10 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { useTrilogyContext } from '../../../../context';
-import { hashClass } from '../../../../helpers';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabsContext } from '../../../../components/tabs/context';
+import { useTrilogyContext } from '../../../../context/index';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import { is } from '../../../../services/classify';
 import clsx from 'clsx';
+import React from 'react';
 /**
  * Tab Panel Component
  * @param children {ReactChild} React Child Element
@@ -10,11 +12,13 @@ import clsx from 'clsx';
  * @param testId
  * @param others
  */
-var TabPanel = function (_a) {
-    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('tab-panel', className));
-    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
-};
+const TabPanel = React.forwardRef(({ children, className, testId, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const { index, ...props } = others;
+    const { activeIndex } = React.useContext(TabsContext);
+    const classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
+    return (React.createElement("div", { ref: ref, "data-testid": testId, className: classes, ...props }, children));
+});
+TabPanel.displayName = ComponentName.TabPanel;
 export default TabPanel;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBeUQ7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQ2hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNyRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7R0FNRztBQUNILE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLENBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ2hILE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxLQUFLLEVBQUUsR0FBRyxNQUFhLENBQUE7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFckQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxLQUFNLEtBQUssSUFDOUQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  TabPanel_default
+} from "../../../../chunk-TBFT5WCF.mjs";
+import "../../../../chunk-SWFBV5TR.mjs";
+import "../../../../chunk-SWVRRUW7.mjs";
+import "../../../../chunk-UFMRE754.mjs";
+import "../../../../chunk-NTS75UVH.mjs";
+import "../../../../chunk-ZB4OWTDD.mjs";
+import "../../../../chunk-QIPGVLHJ.mjs";
+export {
+  TabPanel_default as default
+};

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js

@@ -0,0 +1,42 @@
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { TabsContext } from '../../../../components/tabs/context';
+import React from 'react';
+import { Animated, StyleSheet } from 'react-native';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+const TabPanel = React.forwardRef(({ children, testId, ...others }, ref) => {
+    const { index, ...props } = others;
+    const { activeIndex } = React.useContext(TabsContext);
+    const opacity = React.useRef(new Animated.Value(0)).current;
+    const styles = StyleSheet.create({
+        tabPanel: {
+            display: activeIndex !== index ? 'none' : 'flex',
+            opacity: opacity,
+        },
+    });
+    React.useEffect(() => {
+        if (activeIndex === index) {
+            Animated.timing(opacity, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+        }
+        else {
+            Animated.timing(opacity, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [activeIndex, index, opacity]);
+    return (React.createElement(Animated.View, { ref: ref, style: styles.tabPanel, ...props, testID: testId }, children));
+});
+TabPanel.displayName = ComponentName.TabPanel;
+export default TabPanel;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvdGFiLXBhbmVsL1RhYlBhbmVsLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUV2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQ7Ozs7OztHQU1HO0FBQ0gsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUMzRyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxFQUFFLEdBQUcsTUFBYSxDQUFBO0lBQ3pDLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQ3JELE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRTNELE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsT0FBTyxFQUFFLFdBQVcsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoRCxPQUFPLEVBQUUsT0FBTztTQUNqQjtLQUNGLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLElBQUksV0FBVyxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzFCLFFBQVEsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUN2QixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsR0FBRztnQkFDYixlQUFlLEVBQUUsSUFBSTthQUN0QixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7UUFDWixDQUFDO2FBQU0sQ0FBQztZQUNOLFFBQVEsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUN2QixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsR0FBRztnQkFDYixlQUFlLEVBQUUsSUFBSTthQUN0QixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7UUFDWixDQUFDO0lBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWpDLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLENBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEtBQU0sS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQ3ZFLFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.mts

@@ -0,0 +1,12 @@
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+import { Dev } from '../../../../objects/index';
+import { View } from 'react-native';
+/**
+ * Tabs Item Interface
+ */
+export interface TabPanelProps extends Dev, CommonProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export type TabPanelRef = HTMLDivElement;
+export type TabPanelNativeRef = View;

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { Dev } from '../../../../objects';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
+import { Dev } from '../../../../objects/index';
+import { View } from 'react-native';
 /**
  * Tabs Item Interface
  */
@@ -8,3 +8,5 @@ export interface TabPanelProps extends Dev, CommonProps {
     children: React.ReactNode;
     className?: string;
 }
+export type TabPanelRef = HTMLDivElement;
+export type TabPanelNativeRef = View;

package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.mjs

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

package/lib/components/tabs/tab-panels/tab-panel/index.d.mts

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

package/lib/components/tabs/tab-panels/tab-panel/index.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  tab_panel_default
+} from "../../../../chunk-TTMI7WFG.mjs";
+import "../../../../chunk-TBFT5WCF.mjs";
+import "../../../../chunk-SWFBV5TR.mjs";
+import "../../../../chunk-SWVRRUW7.mjs";
+import "../../../../chunk-UFMRE754.mjs";
+import "../../../../chunk-NTS75UVH.mjs";
+import "../../../../chunk-ZB4OWTDD.mjs";
+import "../../../../chunk-QIPGVLHJ.mjs";
+export {
+  tab_panel_default as default
+};

package/lib/components/tabs/tab-panels/tab-panel/index.native.js

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

package/lib/components/tag/Tag.d.mts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TagProps } from './TagProps';
+/**
+ * Tag Component
+ * @param children {ReactNode} Add childrens for tag
+ * @param variant {TagVariant} Available tag variants
+ * @param inverted {boolean} Inverted tag
+ * @param small {boolean} display small tag
+ * @param iconName {IconName} display icon
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ **/
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export default Tag;

package/lib/components/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagProps } from './TagProps';
 /**
  * Tag Component
@@ -9,7 +9,7 @@ import { TagProps } from './TagProps';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  **/
-declare const Tag: ({ label, className, id, variant, inverted, small, iconName, ...others }: TagProps) => JSX.Element;
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
 export default Tag;

package/lib/components/tag/Tag.js

@@ -1,10 +1,10 @@
-import { __assign, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
 import { getColorClassName } from '../../objects/facets/Color';
 import { is } from '../../services/classify';
 import clsx from 'clsx';
 import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { Icon } from '../icon';
 /**
  * Tag Component
@@ -15,16 +15,16 @@ import { Icon } from '../icon';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  **/
-var Tag = function (_a) {
-    var label = _a.label, className = _a.className, id = _a.id, variant = _a.variant, inverted = _a.inverted, small = _a.small, iconName = _a.iconName, others = __rest(_a, ["label", "className", "id", "variant", "inverted", "small", "iconName"]);
-    var styled = useTrilogyContext().styled;
-    var tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
-    var tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
-    return (React.createElement("span", __assign({ id: id, className: tagClassNames }, others),
+const Tag = React.forwardRef(({ label, className, id, variant, inverted, small, iconName, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
+    const tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
+    return (React.createElement("span", { ref: ref, id: id, className: tagClassNames, ...others },
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
         label));
-};
+});
+Tag.displayName = ComponentName.Tag;
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBaUY7SUFBL0UsSUFBQSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBQ3hFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sYUFBYSxHQUFHLFNBQVMsQ0FDN0IsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsRUFDOUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQUcsU0FBUyxDQUNqQyxNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsT0FBNEMsQ0FBQyxDQUFDLENBQUMsQ0FDckYsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxhQUFhLElBQU0sTUFBTTtRQUMvQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ2xFLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWcvVGFnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFvQyxNQUFNLHdCQUF3QixDQUFBO0FBQzVGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRzlCOzs7Ozs7Ozs7O0lBVUk7QUFDSixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixDQUFDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDNUYsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixNQUFNLEVBQ04sSUFBSSxDQUNGLEtBQUssRUFDTCxPQUFPLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLE9BQTRDLENBQUMsQ0FBQyxFQUM5RSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsTUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQ2pDLE1BQU0sRUFDTixJQUFJLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUE0QyxDQUFDLENBQUMsQ0FBQyxDQUNyRixDQUFBO0lBRUQsT0FBTyxDQUNMLDhCQUFNLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsYUFBYSxLQUFNLE1BQU07UUFDekQsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUNsRSxLQUFLLENBQ0QsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==

package/lib/components/tag/Tag.mjs

@@ -0,0 +1,24 @@
+"use client";
+import {
+  Tag_default
+} from "../../chunk-NZOGEIN3.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-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Tag_default as default
+};

package/lib/components/tag/Tag.native.js

@@ -1,8 +1,7 @@
-import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { getStatusStyle } from '../../objects/facets/Status';
+import { Icon, IconSize } from '../../components/icon/index.native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color/index.native';
+import { getStatusStyle } from '../../objects/facets/Status/index.native';
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 /**
@@ -14,11 +13,10 @@ import { StyleSheet, Text, View } from 'react-native';
  * @param iconName {IconName} display icon
  * @param testId {string} Test Id for Test Integration
  **/
-var Tag = function (_a) {
-    var label = _a.label, variant = _a.variant, inverted = _a.inverted, iconName = _a.iconName, small = _a.small, testId = _a.testId, others = __rest(_a, ["label", "variant", "inverted", "iconName", "small", "testId"]);
-    var textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
-    var backgroundColor = variant && getStatusStyle(variant).backgroundColor;
-    var styles = StyleSheet.create({
+const Tag = React.forwardRef(({ label, variant, inverted, iconName, small, testId, ...others }, ref) => {
+    const textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
+    const styles = StyleSheet.create({
         tag: {
             flexDirection: 'row',
             justifyContent: 'center',
@@ -40,19 +38,17 @@ var Tag = function (_a) {
             fontSize: small ? 12 : 16,
         },
         icon: {
-            marginTop: 1,
-        },
-        iconLeft: {
-            marginRight: small ? 4 : 8,
+            marginRight: small ? 3 : 6,
         },
         button: {
             flexDirection: 'row',
         },
     });
-    return (React.createElement(View, __assign({ style: styles.tag }, others),
-        iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName, testId: "".concat(testId, "-icon") })),
+    return (React.createElement(View, { ref: ref, style: styles.tag, ...others },
+        iconName && (React.createElement(View, { style: styles.icon },
+            React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName, testId: `${testId}-icon` }))),
         React.createElement(Text, { style: styles.text }, label)));
-};
+});
 Tag.displayName = ComponentName.Tag;
 export default Tag;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUEwRTtJQUF4RSxJQUFBLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUQsK0RBQWdFLENBQUY7SUFDekUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBRUQsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsTUFBTSxFQUFFO1lBQ04sYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFNLE1BQU07UUFDaEMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQy9DLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFFLFVBQUcsTUFBTSxVQUFPLEdBQ3hCLENBQ0g7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQ25DLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDakYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3JFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHckQ7Ozs7Ozs7O0lBUUk7QUFDSixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixDQUFDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUNyRixNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFdEcsTUFBTSxlQUFlLEdBQUcsT0FBTyxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxlQUFlLENBQUE7SUFFMUUsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixHQUFHLEVBQUU7WUFDSCxhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsVUFBVTtZQUNyQixZQUFZLEVBQUUsRUFBRTtZQUNoQixpQkFBaUIsRUFBRSxDQUFDO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLGVBQWUsRUFDYixDQUFDLFFBQVEsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNwRCxDQUFDLE9BQU8sSUFBSyxlQUFnQyxDQUFDO2dCQUM5QyxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztTQUMzQztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMxQjtRQUNELElBQUksRUFBRTtZQUNKLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzQjtRQUNELE1BQU0sRUFBRTtZQUNOLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsR0FBRyxLQUFNLE1BQU07UUFDMUMsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtZQUN0QixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sT0FBTyxHQUFJLENBQzlGLENBQ1I7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQ25DLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBRW5DLGVBQWUsR0FBRyxDQUFBIn0=

package/lib/components/tag/TagEnum.d.mts

@@ -0,0 +1,16 @@
+/**
+ * List of variants for Tag
+ */
+export declare enum TagVariant {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    ERROR = "ERROR",
+    WARNING = "WARNING"
+}
+/**
+ * List of variants values for Tag
+ */
+export type TagVariantValues = `${TagVariant}`;
+/**
+ * List of variants background styles for Tag
+ */

package/lib/components/tag/TagEnum.mjs

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

package/lib/components/tag/TagProps.d.mts

@@ -0,0 +1,17 @@
+import { IconName } from '../../components/icon';
+import { Accessibility, Dev } from '../../objects';
+import { TagVariant, TagVariantValues } from './TagEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Tag Interface
+ */
+export interface TagProps extends Accessibility, Dev, CommonProps {
+    label: string;
+    variant?: TagVariant | TagVariantValues;
+    inverted?: boolean;
+    iconName?: IconName;
+    small?: boolean;
+}
+export type TagRef = HTMLSpanElement;
+export type TagNativeRef = View;

package/lib/components/tag/TagProps.d.ts

@@ -1,12 +1,8 @@
-/// <reference types="react" />
 import { IconName } from '../../components/icon';
 import { Accessibility, Dev } from '../../objects';
 import { TagVariant, TagVariantValues } from './TagEnum';
 import { CommonProps } from '../../objects/facets/CommonProps';
-type TagClickEventHandler = React.MouseEvent<Element> | unknown;
-export interface TagClickEvent {
-    (e: TagClickEventHandler): void;
-}
+import { View } from 'react-native';
 /**
  * Tag Interface
  */
@@ -17,4 +13,5 @@ export interface TagProps extends Accessibility, Dev, CommonProps {
     iconName?: IconName;
     small?: boolean;
 }
-export {};
+export type TagRef = HTMLSpanElement;
+export type TagNativeRef = View;