@trilogy-ds/react 0.0.17-esm-cjs → 0.0.18-esm-cjs

package/lib/{chunk-6MSKYREQ.mjs → chunk-SOPUKVAK.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-T7LVKIVR.mjs";
 import {
   Input_default
-} from "./chunk-WCYJXOFQ.mjs";
+} from "./chunk-3HY3E3O3.mjs";
 import {
   hashClass
 } from "./chunk-UFMRE754.mjs";

package/lib/{chunk-VB44SHZH.mjs → chunk-SQGVYXQT.mjs}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-L4UDEKQK.mjs";
 import {
   getAlignClassName
-} from "./chunk-HV6TXVFA.mjs";
+} from "./chunk-CD6DMMCL.mjs";
 
 // components/columns/Columns.tsx
 import clsx from "clsx";

package/lib/{chunk-KBT6E5ZH.mjs → chunk-SX2VUWRF.mjs}

@@ -9,12 +9,13 @@ import {
 // components/list/item/description/ListItemDescription.tsx
 import clsx from "clsx";
 import * as React from "react";
-var ListItemDescription = React.forwardRef(
-  ({ children, className }, ref) => {
-    const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement("dd", { ref, className: hashClass(styled, clsx(className)) }, children);
-  }
-);
+var ListItemDescription = React.forwardRef(({
+  children,
+  className
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  return /* @__PURE__ */ React.createElement("dd", { ref, className: hashClass(styled, clsx(className)) }, children);
+});
 ListItemDescription.displayName = "ListItemDescription" /* ListItemDescription */;
 var ListItemDescription_default = ListItemDescription;
 

package/lib/{chunk-XQJMHLCD.mjs → chunk-T4AH7FLU.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   AutoCompleteIem_native_default
-} from "./chunk-PRRXEPHP.mjs";
+} from "./chunk-XZCE64VV.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // components/autocomplete/menu/AutoCompleteMenu.native.tsx
 import * as React from "react";

package/lib/{chunk-74N7E566.mjs → chunk-T4VM27IJ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   BoxContent_default
-} from "./chunk-RDBMQIDN.mjs";
+} from "./chunk-QLJ54D5Q.mjs";
 
 // components/box/content/index.ts
 var content_default = BoxContent_default;

package/lib/chunk-TBR32D5M.mjs

@@ -0,0 +1,26 @@
+"use client";
+import {
+  has
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/list/List.tsx
+import clsx from "clsx";
+import * as React from "react";
+var List = React.forwardRef(({ className, id, children, testId, divider, ordered, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("list", divider && has("divider"), className));
+  const Tag = ordered ? "ol" : "ul";
+  return /* @__PURE__ */ React.createElement(Tag, { ref, id, "data-testid": testId, className: classes, ...others }, children);
+});
+List.displayName = "List" /* List */;
+var List_default = List;
+
+export {
+  List_default
+};

package/lib/{chunk-WZNAXR6Q.mjs → chunk-TCRJL43C.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   getVariantStyle
-} from "./chunk-MKOK7VNZ.mjs";
+} from "./chunk-YKUYXBXK.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 import {
   isIOS
 } from "./chunk-R6PFY5VS.mjs";

package/lib/{chunk-UMAMF5YJ.mjs → chunk-TPXCSXWT.mjs}

@@ -1,20 +1,20 @@
 "use client";
 import {
   InputGauge_native_default
-} from "./chunk-7GB6GKGD.mjs";
+} from "./chunk-CCIRXOIR.mjs";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle,
   grayscale
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 import {
   isIOS
 } from "./chunk-R6PFY5VS.mjs";
@@ -58,6 +58,7 @@ var Input = React.forwardRef(
     iconNameLeft,
     iconNameRight,
     securityGauge,
+    securityRules,
     validationRules,
     onIconClick,
     required,
@@ -407,7 +408,7 @@ var Input = React.forwardRef(
         )
       ))),
       help && /* @__PURE__ */ React.createElement(Text_native_default, { testId: "help-id", style: styles.help }, help),
-      type === "password" /* PASSWORD */ && securityGauge && /* @__PURE__ */ React.createElement(InputGauge_native_default, { validationRules, inputValue: value })
+      type === "password" /* PASSWORD */ && securityGauge && /* @__PURE__ */ React.createElement(InputGauge_native_default, { securityRules, validationRules, inputValue: value })
     );
   }
 );

package/lib/chunk-TYVII7EX.mjs

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

package/lib/{chunk-POM5H35R.mjs → chunk-UC3N6X6R.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // components/breadcrumb/item/BreadcrumbItem.native.tsx
 import * as React from "react";

package/lib/chunk-UMI3AJYV.mjs

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

package/lib/{chunk-H6FVJB5Z.mjs → chunk-UPP3GX33.mjs}

@@ -1,18 +1,18 @@
 "use client";
-import {
-  StatesContext
-} from "./chunk-CWIO3GEP.mjs";
 import {
   TrilogyThemeContext,
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  StatesContext
+} from "./chunk-CWIO3GEP.mjs";
 import {
   isAndroid,
   isIOS
 } from "./chunk-R6PFY5VS.mjs";
 import {
   getAlignStyle
-} from "./chunk-HV6TXVFA.mjs";
+} from "./chunk-CD6DMMCL.mjs";
 
 // components/icon/Icon.native.tsx
 import React, { useContext } from "react";
@@ -43,6 +43,12 @@ var Icon = React.forwardRef(
       icon: {
         transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
       },
+      iconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: defaultSize,
+        height: defaultSize
+      },
       stretched: {
         justifyContent: "center",
         alignItems: "center",
@@ -97,7 +103,7 @@ var Icon = React.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ React.createElement(View, { ...others }, /* @__PURE__ */ React.createElement(
+        iconView = /* @__PURE__ */ React.createElement(View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ React.createElement(
           WithLocalSvg,
           {
             style: [styles.icon, style],

package/lib/{chunk-Q4EJ7LGQ.mjs → chunk-UTXKOHCM.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Title_native_default
-} from "./chunk-AK2SCURT.mjs";
+} from "./chunk-MDZE2AV3.mjs";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // components/otp/Otp.native.tsx
 import React, { useEffect, useRef, useState } from "react";
@@ -89,7 +89,6 @@ var Otp = React.forwardRef(
       },
       text: {
         paddingLeft: 5,
-        marginBottom: 8,
         color
       }
     });
@@ -101,7 +100,7 @@ var Otp = React.forwardRef(
       }
       return /* @__PURE__ */ React.createElement(View, { key: idx, style: style.inputContainer }, /* @__PURE__ */ React.createElement(Title_native_default, { level: 4 /* FOUR */ }, digit));
     };
-    return /* @__PURE__ */ React.createElement(SafeAreaView, { ref, style: style.container, ...others }, /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } }, Boolean(label) && /* @__PURE__ */ React.createElement(Text_native_default, { style: style.text, level: 4 /* FOUR */ }, label), error && /* @__PURE__ */ React.createElement(Icon_native_default, { name: "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */, color: "ERROR" /* ERROR */, size: "small" /* SMALL */ })), /* @__PURE__ */ React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map((_item, index) => /* @__PURE__ */ React.createElement(View, { key: index }, toDigitInput(index, index)))), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(SafeAreaView, { ref, style: style.container, ...others }, /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", alignItems: "center", gap: 4, marginBottom: label ? 8 : void 0 } }, Boolean(label) && /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(Text_native_default, { style: style.text, level: 4 /* FOUR */ }, label)), error && /* @__PURE__ */ React.createElement(Icon_native_default, { name: "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */, color: "ERROR" /* ERROR */, size: "smaller" /* SMALLER */ })), /* @__PURE__ */ React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map((_item, index) => /* @__PURE__ */ React.createElement(View, { key: index }, toDigitInput(index, index)))), /* @__PURE__ */ React.createElement(
       TextInput,
       {
         ref: refInput,

package/lib/{chunk-2A6R2TW7.mjs → chunk-V4BZDJSQ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getBackgroundClassName
-} from "./chunk-WC3ULY5W.mjs";
+} from "./chunk-XXKEMYTB.mjs";
 import {
   has
 } from "./chunk-SWVRRUW7.mjs";

package/lib/chunk-VDIATO4X.mjs

@@ -0,0 +1,51 @@
+"use client";
+import {
+  getVariantClassName
+} from "./chunk-6CVNPSI3.mjs";
+import {
+  Icon_default
+} from "./chunk-ALGX47MZ.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/sticker/Sticker.tsx
+import clsx from "clsx";
+import React from "react";
+var Sticker = React.forwardRef(({
+  className,
+  id,
+  variant,
+  small,
+  label,
+  outlined,
+  iconName,
+  accessibilityLabel,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(
+    styled,
+    clsx(
+      "sticker",
+      variant && is(getVariantClassName(variant)),
+      small && is("small"),
+      className,
+      outlined && is("outlined"),
+      is("vcentered")
+    )
+  );
+  return /* @__PURE__ */ React.createElement("p", { ref, id, className: classes, "aria-label": accessibilityLabel, ...others }, iconName && /* @__PURE__ */ React.createElement(Icon_default, { size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label);
+});
+Sticker.displayName = "Sticker" /* Sticker */;
+var Sticker_default = Sticker;
+
+export {
+  Sticker_default
+};

package/lib/{chunk-NTS75UVH.mjs → chunk-VDLM4YQP.mjs}

@@ -25,6 +25,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["BreadcrumbItem"] = "BreadcrumbItem";
   ComponentName2["Button"] = "Button";
   ComponentName2["ButtonList"] = "ButtonList";
+  ComponentName2["Calendar"] = "Calendar";
   ComponentName2["ButtonVariant"] = "ButtonVariant";
   ComponentName2["ButtonMarkup"] = "ButtonMarkup";
   ComponentName2["ButtonType"] = "ButtonType";
@@ -163,6 +164,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["Chips"] = "Chips";
   ComponentName2["ChipsList"] = "ChipsList";
   ComponentName2["Range"] = "Range";
+  ComponentName2["DatePicker"] = "DatePicker";
   return ComponentName2;
 })(ComponentName || {});
 

package/lib/{chunk-XYFBDF32.mjs → chunk-VL2UCFFK.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // components/checkbox/Checkbox.native.tsx
 import React, { useEffect, useState } from "react";
@@ -26,9 +26,7 @@ var Checkbox = React.forwardRef(
       checkBox: {
         alignItems: "center",
         justifyContent: "flex-start",
-        borderColor: getColorStyle(
-          disabled ? "DISABLED" /* DISABLED */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
-        ),
+        borderColor: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */),
         borderWidth: 0.6,
         width: 19,
         height: 19,

package/lib/chunk-VZX5PGQL.mjs

@@ -0,0 +1,28 @@
+"use client";
+import {
+  tab_panel_default
+} from "./chunk-YR5WZRJD.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/tabs/tab-panels/TabPanels.tsx
+import clsx from "clsx";
+import React from "react";
+var TabPanels = React.forwardRef(({ children, className, id, testId, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("tab-panels", className));
+  return /* @__PURE__ */ React.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, React.Children.map(children, (child, index) => {
+    if (!React.isValidElement(child)) return false;
+    return /* @__PURE__ */ React.createElement(tab_panel_default, { ...child.props, index });
+  }));
+});
+TabPanels.displayName = "TabPanels" /* TabPanels */;
+var TabPanels_default = TabPanels;
+
+export {
+  TabPanels_default
+};

package/lib/{chunk-BH5LIONT.mjs → chunk-WB5FKCPB.mjs}

@@ -1,20 +1,20 @@
 "use client";
 import {
   Title_default
-} from "./chunk-TB5FNQJR.mjs";
-import {
-  Text_default
-} from "./chunk-HHE7L3CW.mjs";
-import {
-  context_default
-} from "./chunk-YKBYBMP2.mjs";
+} from "./chunk-M3FKAS2D.mjs";
 import {
   getStatusClassName,
   getStatusIconName
-} from "./chunk-AD63JH53.mjs";
+} from "./chunk-ZUSPKNMI.mjs";
 import {
   Icon_default
-} from "./chunk-SGAZRZIK.mjs";
+} from "./chunk-ALGX47MZ.mjs";
+import {
+  context_default
+} from "./chunk-YKBYBMP2.mjs";
+import {
+  Text_default
+} from "./chunk-HHE7L3CW.mjs";
 import {
   has,
   is

package/lib/{chunk-ZJJ3ISDC.mjs → chunk-WKSI3EP4.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   version_default
-} from "./chunk-RZQA2M2N.mjs";
+} from "./chunk-KYCWE6NL.mjs";
 import {
   version
-} from "./chunk-Z7UII2QG.mjs";
+} from "./chunk-5GGDXVOY.mjs";
 import {
   TrilogyContext
 } from "./chunk-ZB4OWTDD.mjs";

package/lib/chunk-WLYGSJUB.mjs

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

package/lib/{chunk-KWHZZUYO.mjs → chunk-WV5PBU2C.mjs}

@@ -2,12 +2,12 @@
 import {
   BoxContext
 } from "./chunk-652YVC7W.mjs";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
 import {
   StatesContext
 } from "./chunk-CWIO3GEP.mjs";
-import {
-  getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
 
 // components/box/Box.native.tsx
 import React, { useState } from "react";

package/lib/{chunk-2CYVOYRM.mjs → chunk-WVL5S3CD.mjs}

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

package/lib/{chunk-D7SER4BZ.mjs → chunk-X5HHW5EE.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   index_native_default
-} from "./chunk-REWE5O46.mjs";
+} from "./chunk-432FETUO.mjs";
 import {
   ModalBody_native_default
-} from "./chunk-4NONUZBG.mjs";
+} from "./chunk-K6DW4JHP.mjs";
 import {
   Modal_native_default
-} from "./chunk-O6QKUT7P.mjs";
+} from "./chunk-5DY6WPCA.mjs";
 import {
   Input_native_default
-} from "./chunk-UMAMF5YJ.mjs";
+} from "./chunk-TPXCSXWT.mjs";
 
 // components/select/Select.native.tsx
 import React, { useCallback, useEffect, useState } from "react";

package/lib/{chunk-SJ5DUOZ6.mjs → chunk-X67AAUB2.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorClassName
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // objects/atoms/Background/index.native.ts
 var getBackgroundClassName = (backgroundType) => {

package/lib/{chunk-WC3ULY5W.mjs → chunk-XXKEMYTB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorClassName
-} from "./chunk-JOSZ4COK.mjs";
+} from "./chunk-7VSJ3RTI.mjs";
 
 // objects/atoms/Background/index.ts
 var getBackgroundClassName = (backgroundType) => {

package/lib/{chunk-PRRXEPHP.mjs → chunk-XZCE64VV.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   getLabel
 } from "./chunk-2WOMFJ45.mjs";

package/lib/{chunk-EFTZDOEV.mjs → chunk-Y4CLZAPU.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   AutoCompleteMenu_native_default
-} from "./chunk-XQJMHLCD.mjs";
+} from "./chunk-T4AH7FLU.mjs";
 import {
   Input_native_default
-} from "./chunk-UMAMF5YJ.mjs";
+} from "./chunk-TPXCSXWT.mjs";
 import {
   debounce
 } from "./chunk-ESZE7E3N.mjs";