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

package/lib/chunk-6M5XYGBG.mjs

@@ -0,0 +1,24 @@
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/rows/row/Row.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Row = React.forwardRef(({ className, id, narrow, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
+  return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others });
+});
+Row.displayName = "Row" /* Row */;
+var Row_default = Row;
+
+export {
+  Row_default
+};

package/lib/chunk-6RM6FMD6.mjs

@@ -0,0 +1,21 @@
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/table/th/TableTh.tsx
+import * as React from "react";
+import clsx from "clsx";
+var TableTh = React.forwardRef(({ className, id, colSpan, rowSpan, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx(className));
+  return /* @__PURE__ */ React.createElement("th", { ref, id, className: classes, colSpan, rowSpan, ...others });
+});
+TableTh.displayName = "TableTh" /* TableTh */;
+var TableTh_default = TableTh;
+
+export {
+  TableTh_default
+};

package/lib/chunk-6XYXISPQ.mjs

@@ -0,0 +1,16 @@
+// objects/Typography/TypographyAlign/index.ts
+var TypographyAlign = /* @__PURE__ */ ((TypographyAlign2) => {
+  TypographyAlign2["TEXT_CENTERED"] = "has-text-centered";
+  TypographyAlign2["TEXT_JUSTIFIED"] = "has-text-justified";
+  TypographyAlign2["TEXT_LEFT"] = "has-text-left";
+  TypographyAlign2["TEXT_RIGHT"] = "has-text-right";
+  return TypographyAlign2;
+})(TypographyAlign || {});
+var setTypographyAlign = (typo = "left") => {
+  return typo && !Array.isArray(typo) && typo === "has-text-centered" /* TEXT_CENTERED */ && "center" || typo && Array.isArray(typo) && typo.includes("has-text-centered" /* TEXT_CENTERED */) && "center" || typo && !Array.isArray(typo) && typo === "has-text-left" /* TEXT_LEFT */ && "left" || typo && Array.isArray(typo) && typo.includes("has-text-left" /* TEXT_LEFT */) && "left" || typo && !Array.isArray(typo) && typo === "has-text-right" /* TEXT_RIGHT */ && "right" || typo && Array.isArray(typo) && typo.includes("has-text-right" /* TEXT_RIGHT */) && "right" || typo && !Array.isArray(typo) && typo === "has-text-justified" /* TEXT_JUSTIFIED */ && "justify" || typo && Array.isArray(typo) && typo.includes("has-text-justified" /* TEXT_JUSTIFIED */) && "justify" || "left";
+};
+
+export {
+  TypographyAlign,
+  setTypographyAlign
+};

package/lib/chunk-76SS7W2D.mjs

@@ -0,0 +1,10 @@
+import {
+  TableTr_default
+} from "./chunk-H33LFANI.mjs";
+
+// components/table/tr/index.ts
+var tr_default = TableTr_default;
+
+export {
+  tr_default
+};

package/lib/chunk-7I7J2O6V.mjs

@@ -0,0 +1,10 @@
+import {
+  Step_default
+} from "./chunk-UZGSZBCM.mjs";
+
+// components/stepper/step/index.ts
+var step_default = Step_default;
+
+export {
+  step_default
+};

package/lib/chunk-7PQQULG3.mjs

@@ -0,0 +1,10 @@
+// components/autolayout/AutoLayout.tsx
+import * as React from "react";
+var AutoLayout = ({ children }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "autolayout" }, children);
+};
+var AutoLayout_default = AutoLayout;
+
+export {
+  AutoLayout_default
+};

package/lib/chunk-7TZ7XBAY.mjs

@@ -0,0 +1,161 @@
+import {
+  context_default
+} from "./chunk-KLKZ7WFQ.mjs";
+import {
+  Title_default
+} from "./chunk-UPTZJ3CI.mjs";
+import {
+  Text_default
+} from "./chunk-5VIOTCFL.mjs";
+import {
+  getStatusClassName,
+  getStatusIconName
+} from "./chunk-4VQXIGA4.mjs";
+import {
+  Icon_default
+} from "./chunk-KWQHZ3AX.mjs";
+import {
+  has,
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.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-7XLMRHTQ.mjs

@@ -0,0 +1,49 @@
+import {
+  TabsContext
+} from "./chunk-UQU7MIEB.mjs";
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/tabs/Tabs.tsx
+import clsx from "clsx";
+import React from "react";
+var Tabs = React.forwardRef(
+  ({ children, className, id, activeIndex, fullwidth, inverted, small }, ref) => {
+    const [currentIndex, setCurrentIndex] = React.useState(activeIndex || 0);
+    const [isInverted, setIsInverted] = React.useState(inverted || false);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx("tabs", fullwidth && is("fullwidth"), inverted && is("inverted"), small && is("small"), className)
+    );
+    React.useEffect(() => {
+      activeIndex !== void 0 && setCurrentIndex(activeIndex);
+    }, [activeIndex]);
+    return /* @__PURE__ */ React.createElement(
+      TabsContext.Provider,
+      {
+        value: {
+          small,
+          activeIndex: currentIndex,
+          inverted: isInverted,
+          setInverted: setIsInverted,
+          setActiveIndex: setCurrentIndex
+        }
+      },
+      /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, "data-tabs-context": "" }, children)
+    );
+  }
+);
+Tabs.displayName = "Tabs" /* Tabs */;
+var Tabs_default = Tabs;
+
+export {
+  Tabs_default
+};

package/lib/chunk-AKUHXWCA.mjs

@@ -0,0 +1,83 @@
+import {
+  Title_default
+} from "./chunk-UPTZJ3CI.mjs";
+import {
+  Text_default
+} from "./chunk-5VIOTCFL.mjs";
+import {
+  getColorStyle
+} from "./chunk-EJ2APB7I.mjs";
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/progress/radial/ProgressRadial.tsx
+import React, { useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+var ProgressRadial = React.forwardRef(({
+  children,
+  value = 0,
+  secondValue = 0,
+  label,
+  description,
+  skeleton,
+  className,
+  id,
+  small,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0);
+  const [secondProgressCurrentValue, setSecondProgressCurrentValue] = useState(0);
+  const classes = hashClass(styled, clsx("progress-radial", skeleton && is("loading"), small && is("small"), className));
+  const classesContent = hashClass(styled, clsx("progress-radial-content"));
+  const progressRadialRef = useRef(null);
+  const updateBackgroundStyle = (firstValue, secondValue2) => {
+    const progressRadial = progressRadialRef.current;
+    if (!progressRadial) {
+      return;
+    }
+    const firstProgressDegree = 360 * firstValue / 100;
+    const secondProgressDegree = 360 * secondValue2 / 100;
+    const secondProgressStartDegree = firstProgressDegree;
+    let styleBackground;
+    styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`;
+    styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, ${getColorStyle(
+      "MAIN"
+    )} ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, ${getColorStyle("MAIN_FADE")} ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`;
+    progressRadial.style.background = styleBackground;
+  };
+  useEffect(() => {
+    let animationFrameId;
+    setFirstProgressCurrentValue(0);
+    setSecondProgressCurrentValue(0);
+    updateBackgroundStyle(value, secondValue);
+    const frame = () => {
+      setFirstProgressCurrentValue((currentValue) => {
+        return currentValue < value ? currentValue + 1 : currentValue;
+      });
+      setSecondProgressCurrentValue((currentValue) => {
+        return currentValue < secondValue ? currentValue + 1 : currentValue;
+      });
+      animationFrameId = requestAnimationFrame(frame);
+    };
+    animationFrameId = requestAnimationFrame(frame);
+    return () => cancelAnimationFrame(animationFrameId);
+  }, [value, secondValue]);
+  useEffect(() => {
+    updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
+  }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+  return /* @__PURE__ */ React.createElement("div", { id, ...others, className: classes, ref: progressRadialRef }, /* @__PURE__ */ React.createElement("div", { ref, className: classesContent }, label && /* @__PURE__ */ React.createElement(Title_default, { level: 2 /* TWO */, marginless: true }, label), description && /* @__PURE__ */ React.createElement(Text_default, { level: 1 /* ONE */, marginless: true }, description), !label && !description && children));
+});
+ProgressRadial.displayName = "ProgressRadial" /* ProgressRadial */;
+var ProgressRadial_default = ProgressRadial;
+
+export {
+  ProgressRadial_default
+};

package/lib/chunk-AQ6IF6RZ.mjs

@@ -0,0 +1,11 @@
+// components/image/ImageProps.ts
+var RadiusValues = /* @__PURE__ */ ((RadiusValues2) => {
+  RadiusValues2["SMALL"] = "small";
+  RadiusValues2["MEDIUM"] = "medium";
+  RadiusValues2["LARGE"] = "large";
+  return RadiusValues2;
+})(RadiusValues || {});
+
+export {
+  RadiusValues
+};

package/lib/chunk-ARTM6CXK.mjs

@@ -0,0 +1,71 @@
+import {
+  Sticker_default
+} from "./chunk-Q64SPJX7.mjs";
+import {
+  Icon_default
+} from "./chunk-KWQHZ3AX.mjs";
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/radio/tiles/tile/RadioTile.tsx
+import clsx from "clsx";
+import React from "react";
+var RadioTile = React.forwardRef(
+  ({
+    checked,
+    className,
+    disabled,
+    readonly,
+    id = React.useId(),
+    label,
+    onChange,
+    name,
+    value,
+    description,
+    icon,
+    horizontal,
+    required,
+    sticker,
+    stickerVariant = "ACCENT" /* ACCENT */,
+    ...others
+  }, ref) => {
+    const { styled } = useTrilogyContext();
+    return /* @__PURE__ */ React.createElement("div", { ref, className: hashClass(styled, clsx("radio-tile", horizontal && is("horizontal"), className)) }, /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        type: "radio",
+        readOnly: readonly,
+        id,
+        disabled,
+        name,
+        value,
+        checked,
+        required,
+        onChange: (e) => {
+          if (onChange && !disabled && !readonly) {
+            onChange({
+              radioId: e.target.id,
+              radioValue: e.target.value,
+              radioName: e.target.name,
+              radioChecked: e.target.checked
+            });
+          }
+        },
+        ...others
+      }
+    ), /* @__PURE__ */ React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("radio-label")) }, icon && /* @__PURE__ */ React.createElement(Icon_default, { name: icon, size: "medium" /* MEDIUM */ }), horizontal ? /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("radio-title")) }, label), description && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("radio-description")) }, description)) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("radio-title")) }, label), description && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("radio-description")) }, description))), sticker && /* @__PURE__ */ React.createElement(Sticker_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true }));
+  }
+);
+RadioTile.displayName = "RadioTile" /* RadioTile */;
+var RadioTile_default = RadioTile;
+
+export {
+  RadioTile_default
+};

package/lib/chunk-ASGCCP7Z.mjs

@@ -0,0 +1,14 @@
+// components/badge/BadgeProps.ts
+var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
+  BadgeVariant2["SUCCESS"] = "SUCCESS";
+  BadgeVariant2["INFO"] = "INFO";
+  BadgeVariant2["WARNING"] = "WARNING";
+  BadgeVariant2["ERROR"] = "ERROR";
+  BadgeVariant2["MAIN"] = "MAIN";
+  BadgeVariant2["ACCENT"] = "ACCENT";
+  return BadgeVariant2;
+})(BadgeVariant || {});
+
+export {
+  BadgeVariant
+};

package/lib/chunk-B52A3BFQ.mjs

@@ -0,0 +1,32 @@
+// components/icon/IconNameEnum.ts
+var IconName = /* @__PURE__ */ ((IconName2) => {
+  IconName2["ALERT"] = "tri-alert";
+  IconName2["ARROW_DOWN"] = "tri-arrow-down";
+  IconName2["ARROW_LEFT"] = "tri-arrow-left";
+  IconName2["ARROW_RIGHT"] = "tri-arrow-right";
+  IconName2["ARROW_UP"] = "tri-arrow-up";
+  IconName2["BELL"] = "tri-bell";
+  IconName2["CHECK_CIRCLE"] = "tri-check-circle";
+  IconName2["CHECK"] = "tri-check";
+  IconName2["EXCLAMATION_CIRCLE"] = "tri-exclamation-circle";
+  IconName2["EYE_SLASH"] = "tri-eye-slash";
+  IconName2["EYE"] = "tri-eye";
+  IconName2["INFOS_CIRCLE"] = "tri-infos-circle";
+  IconName2["SEARCH"] = "tri-search";
+  IconName2["TIMES"] = "tri-times";
+  IconName2["TIMES_CIRCLE"] = "tri-times";
+  IconName2["TRASH"] = "tri-trash";
+  IconName2["PICTO_FACILITI"] = "tri-picto-faciliti";
+  IconName2["PICTO_HANDICAPZERO"] = "tri-picto-handicapzero";
+  IconName2["PICTO_LA_FIBRE"] = "tri-picto-la-fibre";
+  IconName2["PICTO_PAYMENT_AMERICANEXPRESS"] = "tri-picto-payment-americanexpress";
+  IconName2["PICTO_PAYMENT_CB"] = "tri-picto-payment-cb";
+  IconName2["PICTO_PAYMENT_MASTERCARD"] = "tri-picto-payment-mastercard";
+  IconName2["PICTO_PAYMENT_PAYPAL"] = "tri-picto-payment-paypal";
+  IconName2["PICTO_PAYMENT_VISA"] = "tri-picto-payment-visa";
+  return IconName2;
+})(IconName || {});
+
+export {
+  IconName
+};

package/lib/chunk-B55G7DVJ.mjs

@@ -0,0 +1,12 @@
+// components/modal/context/ModalContext.tsx
+import React from "react";
+var ModalContext = React.createContext({
+  scrollViewRef: null,
+  handleOnScroll: () => null,
+  isFooter: false,
+  setIsFooter: () => false
+});
+
+export {
+  ModalContext
+};

package/lib/chunk-B6HZ6EDL.mjs

@@ -0,0 +1,14 @@
+// components/alert/AlertEnum.ts
+var AlertMarkup = /* @__PURE__ */ ((AlertMarkup2) => {
+  AlertMarkup2["P"] = "p";
+  AlertMarkup2["H2"] = "h2";
+  AlertMarkup2["H3"] = "h3";
+  AlertMarkup2["H4"] = "h4";
+  AlertMarkup2["H5"] = "h5";
+  AlertMarkup2["H6"] = "h6";
+  return AlertMarkup2;
+})(AlertMarkup || {});
+
+export {
+  AlertMarkup
+};

package/lib/chunk-BE5ILPX7.mjs

@@ -0,0 +1,26 @@
+// components/button/ButtonEnum.ts
+var ButtonMarkup = /* @__PURE__ */ ((ButtonMarkup2) => {
+  ButtonMarkup2["BUTTON"] = "button";
+  ButtonMarkup2["INPUT"] = "input";
+  ButtonMarkup2["A"] = "a";
+  return ButtonMarkup2;
+})(ButtonMarkup || {});
+var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
+  ButtonType2["BUTTON"] = "button";
+  ButtonType2["RESET"] = "reset";
+  ButtonType2["SUBMIT"] = "submit";
+  return ButtonType2;
+})(ButtonType || {});
+var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
+  ButtonVariant2["CONVERSION"] = "CONVERSION";
+  ButtonVariant2["PRIMARY"] = "PRIMARY";
+  ButtonVariant2["SECONDARY"] = "SECONDARY";
+  ButtonVariant2["GHOST"] = "GHOST";
+  return ButtonVariant2;
+})(ButtonVariant || {});
+
+export {
+  ButtonMarkup,
+  ButtonType,
+  ButtonVariant
+};

package/lib/chunk-BJAJLI5I.mjs

@@ -0,0 +1,42 @@
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/autocomplete/item/AutoCompleteItem.tsx
+import clsx from "clsx";
+import * as React from "react";
+var AutoCompleteItem = ({
+  children,
+  suggestionSelected,
+  testId,
+  item,
+  active,
+  id
+}) => {
+  const { styled } = useTrilogyContext();
+  const [isActive, setIsActive] = React.useState(false);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      id,
+      onMouseOver: () => setIsActive(true),
+      onMouseOut: () => setIsActive(false),
+      role: "listitem",
+      "data-testid": testId,
+      className: hashClass(styled, clsx("autocomplete-item", active && is("active"), isActive && is("active"))),
+      onClick: () => suggestionSelected ? suggestionSelected(item) : ""
+    },
+    children
+  );
+};
+var AutoCompleteItem_default = AutoCompleteItem;
+
+export {
+  AutoCompleteItem_default
+};