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

package/lib/chunk-Z3EG5A3G.mjs

@@ -0,0 +1,162 @@
+"use client";
+import {
+  context_default
+} from "./chunk-YKBYBMP2.mjs";
+import {
+  Title_default
+} from "./chunk-TB5FNQJR.mjs";
+import {
+  Text_default
+} from "./chunk-GRUJ62D7.mjs";
+import {
+  getStatusClassName,
+  getStatusIconName
+} from "./chunk-AD63JH53.mjs";
+import {
+  Icon_default
+} from "./chunk-Y3J6NXB4.mjs";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/alert/Alert.tsx
+import clsx from "clsx";
+import * as React from "react";
+import { useEffect, useRef, useState } from "react";
+var ToasterAlert = ({
+  title,
+  position,
+  float,
+  description,
+  iconName,
+  status,
+  closable,
+  onClick,
+  className,
+  id,
+  testId,
+  offset,
+  display,
+  children,
+  toasterChildren,
+  markup,
+  ...others
+}) => {
+  const { styled } = useTrilogyContext();
+  const positionStyles = {
+    position: "fixed",
+    ...position === "bottom" /* BOTTOM */ ? { bottom: offset || 0 } : { top: offset || 0 },
+    ...float === "right" /* RIGHT */ ? { right: offset || 0 } : { left: offset || 0 }
+  };
+  const classes = hashClass(
+    styled,
+    clsx("toaster", status && is(getStatusClassName(status)), !status && is("info"), className)
+  );
+  return title && display !== false ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      id,
+      style: positionStyles,
+      onClick: (e) => {
+        onClick == null ? void 0 : onClick(e);
+        e.stopPropagation();
+      },
+      className: classes,
+      "data-testid": testId,
+      ...others
+    },
+    children ? children : /* @__PURE__ */ React.createElement(React.Fragment, null, iconName && /* @__PURE__ */ React.createElement(Icon_default, { name: iconName, size: "small" /* SMALL */ }), /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("body")) }, title && /* @__PURE__ */ React.createElement(Title_default, { markup, level: 6 /* SIX */ }, title), description && /* @__PURE__ */ React.createElement(Text_default, null, description), toasterChildren && toasterChildren), closable && /* @__PURE__ */ React.createElement(Icon_default, { onClick: closable, className: "toaster-close", name: "tri-times" /* TIMES */, size: "small" /* SMALL */ }))
+  ) : null;
+};
+var Alert = React.forwardRef(
+  ({ banner, status, className, id, iconName, title, description, onClick, display = true, markup, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx("alert", has("body"), status && is(getStatusClassName(status)), banner && is("banner"), className)
+    );
+    const iconAlert = React.useMemo(() => {
+      var _a;
+      if (iconName != null) return iconName;
+      else if (status) return (_a = getStatusIconName(status)) != null ? _a : "tri-infos-circle" /* INFOS_CIRCLE */;
+      else return "tri-infos-circle" /* INFOS_CIRCLE */;
+    }, [iconName, status]);
+    if (display) {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          ref,
+          id,
+          onClick: (e) => {
+            onClick == null ? void 0 : onClick(e);
+            e.stopPropagation();
+          },
+          className: classes,
+          ...others
+        },
+        /* @__PURE__ */ React.createElement(Icon_default, { name: iconAlert }),
+        /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("body")) }, title && typeof title.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Title_default, { markup, level: 6 /* SIX */ }, title) : title, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_default, { level: 2 /* TWO */ }, description) : description)
+      );
+    }
+    return /* @__PURE__ */ React.createElement("div", null);
+  }
+);
+var ToasterAlertProvider = ({ children }) => {
+  const [toasterState, setToasterState] = useState(null);
+  const [duration, setDuration] = useState(5e3);
+  const timeRef = useRef(null);
+  const showToast = React.useCallback(
+    (params) => {
+      var _a;
+      setToasterState(params);
+      (_a = params.onShow) == null ? void 0 : _a.call(params);
+      params.duration && params.duration > 0 && setDuration(params.duration);
+      timeRef.current && clearTimeout(timeRef.current);
+    },
+    [timeRef]
+  );
+  useEffect(() => {
+    timeRef.current = setTimeout(() => {
+      var _a;
+      (_a = toasterState == null ? void 0 : toasterState.onHide) == null ? void 0 : _a.call(toasterState);
+      setToasterState(null);
+    }, duration);
+    return () => {
+      timeRef.current && clearTimeout(timeRef.current);
+    };
+  }, [toasterState, toasterState == null ? void 0 : toasterState.title]);
+  return /* @__PURE__ */ React.createElement(context_default.Provider, { value: { show: showToast, hide: () => null } }, children, toasterState && /* @__PURE__ */ React.createElement(
+    ToasterAlert,
+    {
+      title: toasterState.title,
+      id: toasterState.id,
+      testId: toasterState.testId,
+      description: toasterState.description,
+      position: toasterState.position,
+      iconName: toasterState.iconName,
+      status: toasterState.status,
+      onClick: toasterState.onClick,
+      closable: toasterState.closable,
+      float: toasterState.float,
+      offset: toasterState.offset,
+      className: toasterState.className,
+      toasterChildren: toasterState.toasterChildren,
+      display: toasterState.display,
+      markup: toasterState.markup
+    }
+  ));
+};
+Alert.displayName = "Alert" /* Alert */;
+var Alert_default = Alert;
+
+export {
+  ToasterAlertProvider,
+  Alert_default
+};

package/lib/chunk-ZAUFICXO.mjs

@@ -0,0 +1,13 @@
+"use client";
+
+// components/table/TableProps.ts
+var TableBorderEnum = /* @__PURE__ */ ((TableBorderEnum2) => {
+  TableBorderEnum2["ALL"] = "all";
+  TableBorderEnum2["INNER"] = "inner";
+  TableBorderEnum2["LINES"] = "lines";
+  return TableBorderEnum2;
+})(TableBorderEnum || {});
+
+export {
+  TableBorderEnum
+};

package/lib/chunk-ZB4OWTDD.mjs

@@ -0,0 +1,20 @@
+"use client";
+
+// context/index.tsx
+import * as React from "react";
+var TrilogyContext = React.createContext({
+  styled: false,
+  setStyled: () => void 0
+});
+var useTrilogyContext = () => {
+  const context = React.useContext(TrilogyContext);
+  if (context === void 0) {
+    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
+  }
+  return context;
+};
+
+export {
+  TrilogyContext,
+  useTrilogyContext
+};

package/lib/chunk-ZLO26JLT.mjs

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

package/lib/chunk-ZMQ675MC.mjs

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

package/lib/chunk-ZPE5DDAE.mjs

@@ -0,0 +1,30 @@
+"use client";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/chips/list/ChipsList.tsx
+import clsx from "clsx";
+import * as React from "react";
+var ChipsList = React.forwardRef(
+  ({ className, id, children, multiple, scrollable, accessibilityLabelledBy, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx("chips-list", multiple && is("multiple"), scrollable && is("scrollable"), className)
+    );
+    return /* @__PURE__ */ React.createElement("div", { ref, id, role: "group", "aria-labelledby": accessibilityLabelledBy, className: classes, ...others }, children);
+  }
+);
+ChipsList.displayName = "ChipsList" /* ChipsList */;
+var ChipsList_default = ChipsList;
+
+export {
+  ChipsList_default
+};

package/lib/chunk-ZQNIFM4G.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/breadcrumb/Breadcrumb.tsx
+import translation from "@trilogy-ds/locales/lib/breadcrumb";
+import clsx from "clsx";
+import * as React from "react";
+var Breadcrumb = React.forwardRef(
+  ({ children, className, id, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return /* @__PURE__ */ React.createElement(
+      "nav",
+      {
+        ref,
+        id,
+        role: "navigation",
+        className: hashClass(styled, clsx("breadcrumb", className)),
+        "aria-label": translation.accessibilityLabel,
+        ...others
+      },
+      /* @__PURE__ */ React.createElement("ul", null, children)
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb" /* Breadcrumb */;
+var Breadcrumb_default = Breadcrumb;
+
+export {
+  Breadcrumb_default
+};

package/lib/chunk-ZVEPBI5K.mjs

@@ -0,0 +1,31 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-Y3J6NXB4.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/timeline/marker/TimelineMarker.tsx
+import clsx from "clsx";
+import * as React from "react";
+var TimelineMarker = React.forwardRef(
+  ({ className, id, iconClassname, iconName, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("timeline-marker", is("icon"), className));
+    const iconClasses = clsx(iconClassname);
+    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, /* @__PURE__ */ React.createElement("div", { className: "card-header-icon" }, /* @__PURE__ */ React.createElement(Icon_default, { className: iconClasses, name: iconName, size: "small" /* SMALL */ })));
+  }
+);
+TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
+var TimelineMarker_default = TimelineMarker;
+
+export {
+  TimelineMarker_default
+};

package/lib/chunk-ZZRR7QJL.mjs

@@ -0,0 +1,42 @@
+"use client";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/autocomplete/menu/AutoCompleteMenu.tsx
+import clsx from "clsx";
+import * as React from "react";
+var AutoCompleteMenu = ({
+  children,
+  className,
+  id,
+  absolute,
+  fullwidth,
+  testId
+}) => {
+  const { styled } = useTrilogyContext();
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      id,
+      role: "list",
+      "data-testid": testId,
+      className: hashClass(
+        styled,
+        clsx("autocomplete-menu", absolute && is("absolute"), fullwidth && is("fullwidth"), className)
+      )
+    },
+    children
+  );
+};
+var AutoCompleteMenu_default = AutoCompleteMenu;
+
+export {
+  AutoCompleteMenu_default
+};

package/lib/components/accordion/Accordion.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
+/**
+ * Accordion Component
+ * @param id
+ * @param className {string} Additional CSS Classes
+ * @param children
+ * @param others
+ */
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;

package/lib/components/accordion/Accordion.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { AccordionProps } from './AccordionProps';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
 /**
  * Accordion Component
  * @param id
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children
  * @param others
  */
-declare const Accordion: ({ id, className, children, ...others }: AccordionProps) => React.JSX.Element;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -1,20 +1,20 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
-import clsx from 'clsx';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
 /**
  * Accordion Component
  * @param id
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children
  * @param others
  */
-var Accordion = function (_a) {
-    var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('accordion', className));
-    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
-};
+const Accordion = React.forwardRef(({ id, className, children, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('accordion', className));
+    return (React.createElement("div", { ref: ref, id: id, className: classes, ...others }, children));
+});
+Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2Qjs7Ozs7O0dBTUc7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQixDQUFDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUMvRyxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEtBQU0sTUFBTSxJQUNsRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/accordion/Accordion.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  Accordion_default
+} from "../../chunk-HZL4PLNP.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Accordion_default as default
+};

package/lib/components/accordion/Accordion.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { AccordionProps } from "./AccordionProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { AccordionProps } from '../../components/accordion/AccordionProps';
+import * as React from 'react';
+import { View } from 'react-native';
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-declare const Accordion: {
-    ({ ...others }: AccordionProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<View>>;
 export default Accordion;

package/lib/components/accordion/Accordion.native.js

@@ -1,22 +1,20 @@
-import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-var Accordion = function (_a) {
-    var others = __rest(_a, []);
-    var styles = StyleSheet.create({
+const Accordion = React.forwardRef(({ ...others }, ref) => {
+    const styles = StyleSheet.create({
         accordion: {
-            width: "100%",
+            width: '100%',
             minHeight: 10,
             borderRadius: 6,
         },
     });
-    return React.createElement(View, __assign({ style: styles.accordion }, others));
-};
+    return React.createElement(View, { ref: ref, style: styles.accordion, ...others });
+});
 Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE2QjtRQUF4QixNQUFNLGNBQVgsRUFBYSxDQUFGO0lBQzVCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsRUFBRTtZQUNiLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7O0dBR0c7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxDQUFDLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUN6RyxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEtBQU0sTUFBTSxHQUFJLENBQUE7QUFDaEUsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/accordion/AccordionProps.d.mts

@@ -0,0 +1,10 @@
+/**
+ * Accordion Interface
+ */
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface AccordionProps extends CommonProps {
+    children: React.ReactNode;
+}
+export type AccordionRef = HTMLDivElement;
+export type AccordionNativeRef = View;

package/lib/components/accordion/AccordionProps.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
 /**
  * Accordion Interface
  */
+import { View } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export interface AccordionProps extends CommonProps {
     children: React.ReactNode;
 }
+export type AccordionRef = HTMLDivElement;
+export type AccordionNativeRef = View;

package/lib/components/accordion/AccordionProps.mjs

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

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

@@ -0,0 +1,5 @@
+import Accordion from './Accordion';
+import AccordionItem from './item/AccordionItem';
+import AccordionHeader from './item/header/AccordionHeader';
+import AccordionBody from './item/body/AccordionBody';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody };

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

@@ -1,5 +1,5 @@
 import Accordion from './Accordion';
-import AccordionItem from './item';
-import AccordionHeader from './item/header';
-import AccordionBody from './item/body';
+import AccordionItem from './item/AccordionItem';
+import AccordionHeader from './item/header/AccordionHeader';
+import AccordionBody from './item/body/AccordionBody';
 export { Accordion, AccordionItem, AccordionHeader, AccordionBody };

package/lib/components/accordion/index.js

@@ -1,6 +1,6 @@
 import Accordion from './Accordion';
-import AccordionItem from './item';
-import AccordionHeader from './item/header';
-import AccordionBody from './item/body';
+import AccordionItem from './item/AccordionItem';
+import AccordionHeader from './item/header/AccordionHeader';
+import AccordionBody from './item/body/AccordionBody';
 export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sc0JBQXNCLENBQUE7QUFDaEQsT0FBTyxlQUFlLE1BQU0sK0JBQStCLENBQUE7QUFDM0QsT0FBTyxhQUFhLE1BQU0sMkJBQTJCLENBQUE7QUFFckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=

package/lib/components/accordion/index.mjs

@@ -0,0 +1,24 @@
+"use client";
+import "../../chunk-LO5KRBYJ.mjs";
+import {
+  AccordionBody_default
+} from "../../chunk-5LNNQJ3B.mjs";
+import {
+  AccordionHeader_default
+} from "../../chunk-3PFN4T6S.mjs";
+import {
+  AccordionItem_default
+} from "../../chunk-O2ACJJBX.mjs";
+import {
+  Accordion_default
+} from "../../chunk-HZL4PLNP.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Accordion_default as Accordion,
+  AccordionBody_default as AccordionBody,
+  AccordionHeader_default as AccordionHeader,
+  AccordionItem_default as AccordionItem
+};

package/lib/components/accordion/index.native.d.ts

@@ -0,0 +1,5 @@
+import Accordion from './Accordion.native';
+import AccordionItem from './item/AccordionItem.native';
+import AccordionBody from './item/body/AccordionBody.native';
+import AccordionHeader from './item/header/AccordionHeader.native';
+export { Accordion, AccordionBody, AccordionHeader, AccordionItem };

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

@@ -0,0 +1,6 @@
+import Accordion from './Accordion.native';
+import AccordionItem from './item/AccordionItem.native';
+import AccordionBody from './item/body/AccordionBody.native';
+import AccordionHeader from './item/header/AccordionHeader.native';
+export { Accordion, AccordionBody, AccordionHeader, AccordionItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaW5kZXgubmF0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sU0FBUyxNQUFNLG9CQUFvQixDQUFBO0FBQzFDLE9BQU8sYUFBYSxNQUFNLDZCQUE2QixDQUFBO0FBQ3ZELE9BQU8sYUFBYSxNQUFNLGtDQUFrQyxDQUFBO0FBQzVELE9BQU8sZUFBZSxNQUFNLHNDQUFzQyxDQUFBO0FBRWxFLE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsQ0FBQSJ9

package/lib/components/accordion/item/AccordionItem.d.mts

@@ -0,0 +1,13 @@
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+import React from 'react';
+/**
+ * Accordion Item Component
+ * @param active {boolean} Active Accordion Item
+ * @param className {string} Additional CSS Classes
+ * @param id {string} id for accordion item
+ * @param onClick {ClickEvent} onClick Event
+ * @param disabled {boolean} Disabled AccordionItem
+ * @param children {ReactNode}
+ */
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
+export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { AccordionItemProps } from './AccordionItemProps';
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+import React from 'react';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
  */
-declare const AccordionItem: ({ open, className, children, id, onClick, disabled, ...others }: AccordionItemProps) => JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
 export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.helper.d.mts

@@ -0,0 +1,10 @@
+/**
+ * Check if type is an object with displayName key
+ * @param type
+ * @returns {boolean}
+ */
+export declare const hasDisplayName: <T extends object>(type: T | {
+    displayName: string;
+}) => type is {
+    displayName: string;
+};