@trilogy-ds/react 0.0.27-esm-cjs → 0.0.28-esm-cjs

package/lib/{chunk-4PT2R4TY.mjs → chunk-VCBA76C3.mjs}

@@ -4,16 +4,16 @@ import {
 } from "./chunk-RF3MTZKP.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   Skeleton_default
 } from "./chunk-JJA6BOVR.mjs";
 import {
   getAlignStyle
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/progress/radial/ProgressRadial.native.tsx
 import * as React from "react";

package/lib/chunk-VFI6BIAG.mjs

@@ -0,0 +1,13 @@
+"use client";
+
+// components/dropdown/Dropdown.native.tsx
+import * as React from "react";
+var Dropdown = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+});
+Dropdown.displayName = "Dropdown" /* Dropdown */;
+var Dropdown_native_default = Dropdown;
+
+export {
+  Dropdown_native_default
+};

package/lib/{chunk-GGWWECIG.mjs → chunk-VFLFZSNX.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getBackgroundClassName
-} from "./chunk-N7MFF5DP.mjs";
+} from "./chunk-MTRPTXD2.mjs";
 import {
   has,
   is
@@ -14,7 +14,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   getAlignClassName
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/box/header/BoxHeader.tsx
 import clsx from "clsx";

package/lib/{chunk-7MRZDYPY.mjs → chunk-VMXTYYVG.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   TabsContext
 } from "./chunk-OAENQH2X.mjs";

package/lib/{chunk-VBWLYBOT.mjs → chunk-VNK64K2K.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/segment-control/item/SegmentControlItem.native.tsx
 import React, { useEffect, useState } from "react";

package/lib/{chunk-JJJ4Z7Q6.mjs → chunk-VQCAUTKX.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   View_native_default
-} from "./chunk-SWE3LIUJ.mjs";
+} from "./chunk-NRXSGVTI.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/table/th/TableTh.native.tsx
 import * as React from "react";
@@ -19,7 +19,7 @@ var TableTh = React.forwardRef(({ children, ...others }, ref) => {
       flex: 1,
       backgroundColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
       padding: 10,
-      borderRightColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
+      borderRightColor: getColorStyle("STROKE_FADE" /* STROKE_FADE */),
       borderRightWidth: 0.2
     },
     title: {

package/lib/{chunk-PTBL54EP.mjs → chunk-WAL2P2NA.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-JLQUIKZX.mjs";
 import {
   Title_native_default
-} from "./chunk-FEM5FLSP.mjs";
+} from "./chunk-HJYU5E5R.mjs";
 import {
   Column_native_default
-} from "./chunk-ZNF2AXYR.mjs";
+} from "./chunk-WWWZCWQK.mjs";
 import {
   Columns_native_default
-} from "./chunk-NRTMJLXK.mjs";
+} from "./chunk-V4SC5SC7.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   isAndroid
 } from "./chunk-R6PFY5VS.mjs";

package/lib/{chunk-KWK4HN75.mjs → chunk-WAPMPOZH.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/table/Table.native.tsx
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 var Table = React.forwardRef(({ children, border, ...others }, ref) => {
-  const borderColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
+  const borderColor = getColorStyle("STROKE_FADE" /* STROKE_FADE */);
   const styles = StyleSheet.create({
     table: {
       width: "100%",

package/lib/{chunk-YMMBXKA5.mjs → chunk-WBHMMFEP.mjs}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   getJustifiedClassName
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 
 // components/radio/list/RadioList.tsx
 import clsx from "clsx";

package/lib/{chunk-6GGZCKVV.mjs → chunk-WEN3Q6CZ.mjs}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-KUF5FQNN.mjs";
 import {
   getJustifyStyle
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 import {
   getAlignStyle
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/flex-box/FlexBox.native.tsx
 import React, { useState } from "react";
@@ -47,7 +47,9 @@ var FlexBox = React.forwardRef(
       },
       columnsScrollable: {
         paddingHorizontal: enlarge,
-        gap: realGap
+        gap: realGap,
+        alignItems: !isValueAlign ? getAlignStyle(align == null ? void 0 : align.mobile) : getAlignStyle(align),
+        justifyContent: !isValueJustify ? getJustifyStyle(justify == null ? void 0 : justify.mobile) : getJustifyStyle(justify)
       }
     });
     return /* @__PURE__ */ React.createElement(

package/lib/{chunk-3KNG5WUQ.mjs → chunk-WFIXFBGQ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // objects/facets/Status/index.native.ts
 var StatusState = /* @__PURE__ */ ((StatusState2) => {

package/lib/{chunk-P25RBQLX.mjs → chunk-WHJ5TUTR.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useGauge
-} from "./chunk-GCVQZBFB.mjs";
+} from "./chunk-PHSWP4WG.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/input/gauge/InputGauge.native.tsx
 import React, { useId } from "react";

package/lib/chunk-WIHUGD7U.mjs

@@ -0,0 +1,62 @@
+"use client";
+import {
+  Text_native_default
+} from "./chunk-BKAHLA6T.mjs";
+import {
+  getColorStyle
+} from "./chunk-A2OOIRKG.mjs";
+
+// components/radio/Radio.native.tsx
+import React from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+var Radio = React.forwardRef(
+  ({ id = React.useId(), checked, name, onChange, disabled, readonly, label, value }, ref) => {
+    const styles = StyleSheet.create({
+      container: {
+        flexDirection: "row",
+        alignItems: "center"
+      },
+      radio: {
+        alignItems: "center",
+        justifyContent: "center",
+        borderColor: getColorStyle(
+          disabled ? "DISABLED" /* DISABLED */ : checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
+        ),
+        borderWidth: 1,
+        width: 18,
+        height: 18,
+        borderRadius: 10,
+        marginRight: 10
+      },
+      icon: {
+        borderRadius: 12,
+        width: 12,
+        height: 12,
+        backgroundColor: getColorStyle("MAIN" /* MAIN */)
+      },
+      label: {
+        paddingTop: 2,
+        color: disabled && getColorStyle("DISABLED" /* DISABLED */) || checked && getColorStyle("MAIN" /* MAIN */) || getColorStyle("MAIN" /* MAIN */)
+      }
+    });
+    const handleClick = (value2) => {
+      if (!readonly) {
+        if (onChange) {
+          onChange({
+            radioId: id,
+            radioValue: value2,
+            radioName: name || "",
+            radioChecked: true
+          });
+        }
+      }
+    };
+    return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, disabled, style: styles.container, onPress: () => handleClick(value != null ? value : "") }, /* @__PURE__ */ React.createElement(View, { style: styles.radio, testID: id }, checked && /* @__PURE__ */ React.createElement(View, { style: styles.icon })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.label }, String(label)) : label);
+  }
+);
+Radio.displayName = "Radio" /* Radio */;
+var Radio_native_default = Radio;
+
+export {
+  Radio_native_default
+};

package/lib/{chunk-RW5JN2S5.mjs → chunk-WIO4VLQV.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Link_default
-} from "./chunk-ICYET2FE.mjs";
+} from "./chunk-3OQUOEEJ.mjs";
 import {
   hashClass
 } from "./chunk-PKMC2LCN.mjs";

package/lib/{chunk-3YU6GX5K.mjs → chunk-WJBZ7JCI.mjs}

@@ -1,20 +1,20 @@
 "use client";
 import {
   View_native_default
-} from "./chunk-SWE3LIUJ.mjs";
+} from "./chunk-NRXSGVTI.mjs";
 import {
   getVariantClassName
-} from "./chunk-YYKMIPNP.mjs";
+} from "./chunk-IPZTVXIE.mjs";
 import {
   getTypographyBoldStyle
-} from "./chunk-YUT5XXYL.mjs";
+} from "./chunk-IMU5WNB3.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getButtonColorStyle,
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   getLoadingClassName
 } from "./chunk-UTA75ELV.mjs";

package/lib/{chunk-PI2XWEPQ.mjs → chunk-WLAMVZKC.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/badge/Badge.native.tsx
 import React from "react";

package/lib/{chunk-ZNF2AXYR.mjs → chunk-WWWZCWQK.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-LOROW3UU.mjs";
 import {
   getAlignStyle
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/columns/column/Column.native.tsx
 import React from "react";

package/lib/{chunk-CD6DMMCL.mjs → chunk-X63WVV4X.mjs}

@@ -38,12 +38,13 @@ var getAlignClassName = (alignType) => {
   }
 };
 var getAlignStyle = (alignType) => {
-  switch (alignType) {
-    case "ALIGNED_CENTER":
+  if (!alignType) return "flex-start";
+  switch (true) {
+    case ["ALIGNED_CENTER", "CENTER"].includes(alignType):
       return "center";
-    case "ALIGNED_START":
+    case ["START", "ALIGNED_START"].includes(alignType):
       return "flex-start";
-    case "ALIGNED_END":
+    case ["ALIGNED_END", "END"].includes(alignType):
       return "flex-end";
     default:
       return "flex-start";

package/lib/{chunk-CQLUHQ2S.mjs → chunk-X6SQUIXU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   version
-} from "./chunk-5VEQNIGA.mjs";
+} from "./chunk-OXCSBRU5.mjs";
 
 // context/provider/provider.tsx
 import React2, { useLayoutEffect } from "react";

package/lib/{chunk-FZID43C4.mjs → chunk-X7QSYAIO.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Title_native_default
-} from "./chunk-FEM5FLSP.mjs";
+} from "./chunk-HJYU5E5R.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/otp/Otp.native.tsx
 import React, { useEffect, useRef, useState } from "react";
@@ -50,7 +50,7 @@ var Otp = React.forwardRef(
       },
       inputContainer: {
         borderColor: getColorStyle(
-          disabled ? "DISABLED" /* DISABLED */ : activated ? "MAIN" /* MAIN */ : error ? "ERROR" /* ERROR */ : "NEUTRAL" /* NEUTRAL */
+          disabled ? "DISABLED" /* DISABLED */ : activated ? "MAIN" /* MAIN */ : error ? "ERROR" /* ERROR */ : "STROKE" /* STROKE */
         ),
         borderWidth: 1,
         borderRadius: 4,

package/lib/{chunk-E24NCZNA.mjs → chunk-XAQZOHJR.mjs}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-7IA5T4GI.mjs";
 import {
   Calendar_default
-} from "./chunk-GBDVJO3X.mjs";
+} from "./chunk-CGRFHQUS.mjs";
 import {
   Icon_default
-} from "./chunk-2Y6KFFKS.mjs";
+} from "./chunk-LBHJFKKZ.mjs";
 import {
   Text_default
 } from "./chunk-TGYSZFVX.mjs";

package/lib/{chunk-6ZPFBTT6.mjs → chunk-XW5VQ75G.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getStatusClassName
-} from "./chunk-IDH5YI5X.mjs";
+} from "./chunk-UZRSMDJB.mjs";
 import {
   Text_default
 } from "./chunk-TGYSZFVX.mjs";

package/lib/{chunk-VN3J3W35.mjs → chunk-YCEN6SBK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // objects/Typography/TypographyColor/index.native.ts
 var TypographyColor = /* @__PURE__ */ ((TypographyColor2) => {

package/lib/{chunk-6AFOGEEB.mjs → chunk-YGEFQ6BP.mjs}

@@ -11,7 +11,7 @@ var Image = React.forwardRef(
         height: height ? height : "100%",
         borderRadius: circled ? 100 : 0,
         overflow: circled ? "hidden" : "visible",
-        resizeMode: "contain"
+        resizeMode: circled ? void 0 : "contain"
       }
     });
     const getCachePolicy = (cacheType) => {

package/lib/chunk-YLWSQ5PL.mjs

@@ -0,0 +1,109 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-LBHJFKKZ.mjs";
+import {
+  hashClass
+} from "./chunk-PKMC2LCN.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-SJHSDGQP.mjs";
+
+// components/pagination/Pagination.tsx
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+var Pagination = React.forwardRef(
+  ({ className, id, length, defaultPage = 1, onClick, href, ...others }, ref) => {
+    const [currentPage, setCurrentPage] = useState(defaultPage);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("pagination", className));
+    const getPages = React.useCallback(
+      (page) => {
+        let startPage = 1;
+        let endPage = 5;
+        if (length <= 5) {
+          startPage = 1;
+          endPage = length;
+        } else {
+          if (page <= 3) {
+            startPage = 1;
+            endPage = 4;
+          } else if (page + 3 >= length) {
+            startPage = length - 3;
+            endPage = length;
+          } else {
+            startPage = page - 1;
+            endPage = page + 1;
+          }
+        }
+        const pages2 = [...Array(endPage + 1 - startPage).keys()].map((i) => startPage + i);
+        return {
+          endPage,
+          pages: pages2
+        };
+      },
+      [length]
+    );
+    const [pages, setPages] = useState(() => getPages(defaultPage).pages);
+    useEffect(() => {
+      setCurrentPage(defaultPage);
+      setPages(getPages(defaultPage).pages);
+    }, [defaultPage]);
+    return /* @__PURE__ */ React.createElement("nav", { ref, id, className: classes, ...others }, /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-previous")),
+        ...currentPage === 1 ? { "aria-disabled": true } : {},
+        onClick: (e) => {
+          const nextPage = currentPage - 1;
+          const nextPages = getPages(nextPage);
+          if (onClick) onClick(Object.assign(e, nextPages, { currentPage: nextPage, length }));
+          if (currentPage !== 1) {
+            setCurrentPage(nextPage);
+            setPages(nextPages.pages);
+          }
+        },
+        href: href == null ? void 0 : href(currentPage - 1)
+      },
+      /* @__PURE__ */ React.createElement(Icon_default, { name: "tri-arrow-left" /* ARROW_LEFT */ })
+    ), /* @__PURE__ */ React.createElement("ul", { className: hashClass(styled, clsx("pagination-list")) }, !pages.includes(1) && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("pagination-ellipsis")) }, "\u2026")), pages.map((pageNumber) => /* @__PURE__ */ React.createElement("li", { key: pageNumber }, /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-link")),
+        ...currentPage === pageNumber ? { "aria-current": true } : {},
+        "aria-label": `Aller \xE0 la page ${pageNumber}`,
+        onClick: (e) => {
+          const nextPages = getPages(pageNumber);
+          if (onClick) onClick(Object.assign(e, nextPages, { currentPage: pageNumber, length }));
+          setCurrentPage(pageNumber);
+          setPages(nextPages.pages);
+        },
+        href: href == null ? void 0 : href(pageNumber)
+      },
+      pageNumber
+    ))), !pages.includes(length) && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("pagination-ellipsis")) }, "\u2026"))), /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-next")),
+        ...currentPage === Math.max(length) ? { "aria-disabled": true } : {},
+        onClick: (e) => {
+          const nextPage = currentPage + 1;
+          const nextPages = getPages(nextPage);
+          if (onClick) onClick(Object.assign(e, nextPages, { currentPage: nextPage, length }));
+          if (currentPage !== Math.max(length)) {
+            setCurrentPage(currentPage + 1);
+            setPages(nextPages.pages);
+          }
+        },
+        href: href == null ? void 0 : href(currentPage + 1)
+      },
+      /* @__PURE__ */ React.createElement(Icon_default, { name: "tri-arrow-right" /* ARROW_RIGHT */ })
+    ));
+  }
+);
+Pagination.displayName = "Pagination" /* Pagination */;
+var Pagination_default = Pagination;
+
+export {
+  Pagination_default
+};

package/lib/{chunk-AREMNZUO.mjs → chunk-YW5BEIAP.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-2Y6KFFKS.mjs";
+} from "./chunk-LBHJFKKZ.mjs";
 import {
   getButtonVariantClassName
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";

package/lib/{chunk-4QSEELAZ.mjs → chunk-Z7VYGFYV.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-652YVC7W.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/box/content/BoxContent.native.tsx
 import * as React from "react";

package/lib/{chunk-FQV2LIL5.mjs → chunk-ZIIDLA6A.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Sticker_native_default
-} from "./chunk-WGEN3AJR.mjs";
+} from "./chunk-4OJAZNII.mjs";
 import {
   View_native_default
-} from "./chunk-SWE3LIUJ.mjs";
+} from "./chunk-NRXSGVTI.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 
 // components/checkbox/tiles/tile/CheckboxTile.native.tsx
 import React, { useState } from "react";

package/lib/{chunk-46ZZN4H7.mjs → chunk-ZJ42PVHE.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/calendar/Calendar.native.tsx
 import translation from "@trilogy-ds/locales/lib/calendar";

package/lib/{chunk-BVU3ZGUU.mjs → chunk-ZOBYKSZB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getStatusClassName
-} from "./chunk-IDH5YI5X.mjs";
+} from "./chunk-UZRSMDJB.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";

package/lib/{chunk-LBFFMBGL.mjs → chunk-ZTO4MLYA.mjs}

@@ -5,10 +5,10 @@ import {
 import {
   getStatusClassName,
   getStatusIconName
-} from "./chunk-IDH5YI5X.mjs";
+} from "./chunk-UZRSMDJB.mjs";
 import {
   Icon_default
-} from "./chunk-2Y6KFFKS.mjs";
+} from "./chunk-LBHJFKKZ.mjs";
 import {
   context_default
 } from "./chunk-YKBYBMP2.mjs";
@@ -101,7 +101,7 @@ var Alert = React.forwardRef(
           className: classes,
           ...others
         },
-        /* @__PURE__ */ React.createElement(Icon_default, { name: iconAlert }),
+        /* @__PURE__ */ React.createElement(Icon_default, { name: iconAlert, className: "alert-icon" }),
         /* @__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)
       );
     }