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

package/lib/{chunk-SVMDNGM3.mjs → chunk-L37WAR3R.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Box_native_default
-} from "./chunk-GZN3MH62.mjs";
+} from "./chunk-3IZPRJRW.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   StatesContext
 } from "./chunk-6IKR6FTJ.mjs";

package/lib/{chunk-J6UOCPXU.mjs → chunk-L7YU4GTE.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-EFIZDE7C.mjs";
 import {
   getBackgroundClassName
-} from "./chunk-N7MFF5DP.mjs";
+} from "./chunk-MTRPTXD2.mjs";
 import {
   has,
   is
@@ -20,10 +20,10 @@ import {
 } from "./chunk-UTA75ELV.mjs";
 import {
   getJustifyClassName
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 import {
   getAlignClassName
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/view/View.tsx
 import clsx from "clsx";

package/lib/{chunk-2Y6KFFKS.mjs → chunk-LBHJFKKZ.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   getBackgroundClassName
-} from "./chunk-N7MFF5DP.mjs";
+} from "./chunk-MTRPTXD2.mjs";
 import {
   getColorClassName
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 import {
   has,
   is
@@ -17,7 +17,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   getJustifySelfClassName
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 
 // components/icon/Icon.tsx
 import clsx from "clsx";

package/lib/{chunk-PIHQOSFT.mjs → chunk-LBWE4Q2G.mjs}

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

package/lib/{chunk-UCCVV2BK.mjs → chunk-LN2AQJ2K.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/accordion/item/AccordionItem.native.tsx
 import React, { isValidElement, useEffect, useRef, useState } from "react";
@@ -28,7 +28,7 @@ var AccordionItem = React.forwardRef(
         borderRadius: 6,
         backgroundColor: disabled ? getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) : getColorStyle("WHITE" /* BACKGROUND */),
         borderWidth: 1,
-        borderColor: disabled && getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) || getColorStyle("NEUTRAL" /* NEUTRAL */)
+        borderColor: disabled && getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) || getColorStyle("STROKE" /* STROKE */)
       },
       bodyBackground: {
         borderRadius: 6,

package/lib/chunk-LZH3HQCB.mjs

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

package/lib/chunk-M5US2UAQ.mjs

@@ -0,0 +1,44 @@
+"use client";
+
+// components/dropdown/context/DropdownContext.tsx
+import React, { createContext, useContext, useState } from "react";
+var DropdownContext = createContext(void 0);
+var useDropdownContext = () => {
+  const context = useContext(DropdownContext);
+  if (!context) {
+    throw new Error("useDropdownContext must be used within a DropdownProvider");
+  }
+  return context;
+};
+var DropdownProvider = ({
+  children,
+  defaultOpen = false,
+  onToggle
+}) => {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const toggle = () => {
+    const newState = !isOpen;
+    setIsOpen(newState);
+    onToggle == null ? void 0 : onToggle(newState);
+  };
+  const open = () => {
+    setIsOpen(true);
+    onToggle == null ? void 0 : onToggle(true);
+  };
+  const close = () => {
+    setIsOpen(false);
+    onToggle == null ? void 0 : onToggle(false);
+  };
+  const value = {
+    isOpen,
+    toggle,
+    open,
+    close
+  };
+  return /* @__PURE__ */ React.createElement(DropdownContext.Provider, { value }, children);
+};
+
+export {
+  useDropdownContext,
+  DropdownProvider
+};

package/lib/{chunk-2L4JFQLT.mjs → chunk-M5YDQECK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 
 // components/input/gauge/hook/useGauge.tsx
 import React, { useEffect, useMemo } from "react";

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

@@ -43,6 +43,10 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["ContentSize"] = "ContentSize";
   ComponentName2["Countdown"] = "Countdown";
   ComponentName2["Divider"] = "Divider";
+  ComponentName2["Dropdown"] = "Dropdown";
+  ComponentName2["DropdownItem"] = "DropdownItem";
+  ComponentName2["DropdownGroup"] = "DropdownGroup";
+  ComponentName2["DropdownTrigger"] = "DropdownTrigger";
   ComponentName2["Fab"] = "Fab";
   ComponentName2["FlexBox"] = "FlexBox";
   ComponentName2["FlexItem"] = "FlexItem";

package/lib/{chunk-DAANEOSG.mjs → chunk-MF6PO4E4.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input_default
-} from "./chunk-J6ALRNSS.mjs";
+} from "./chunk-3EMMIIET.mjs";
 import {
   menu_default
 } from "./chunk-ESKMYNGQ.mjs";
@@ -81,8 +81,7 @@ var AutoCompleteRef = ({
   useEffect(() => {
     setSearch(matching(data, _inputValue));
   }, [data]);
-  const onTextChanged = async (e) => {
-    setIsAutocompleteMenuVisible(true);
+  const handleChangeInputValue = (e) => {
     if (onChange) {
       onChange({
         inputName: name || "",
@@ -102,6 +101,9 @@ var AutoCompleteRef = ({
     } else {
       setInputValue(e.inputValue);
     }
+  };
+  const getSuggestionsHandler = async (e) => {
+    setIsAutocompleteMenuVisible(true);
     if (getSuggestions) {
       const data2 = await getSuggestions(e.inputValue);
       setSearch(data2);
@@ -109,7 +111,7 @@ var AutoCompleteRef = ({
       setSearch(matching(data, e.inputValue));
     }
   };
-  const onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
+  const onInputChange = debounceSuggestionsTimeout ? debounce(getSuggestionsHandler, debounceSuggestionsTimeout) : getSuggestionsHandler;
   const suggestionSelected = (value2, data2, search2) => {
     setIsAutocompleteMenuVisible(false);
     setInputValue(getLabel(value2));
@@ -168,6 +170,7 @@ var AutoCompleteRef = ({
       onKeyUp: handleKeyPress,
       value: _inputValue,
       onChange: (event) => {
+        handleChangeInputValue(event);
         onInputChange(event);
       },
       onIconClick,

package/lib/{chunk-NTLV4H36.mjs → chunk-MJ77K6AT.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TimelineContent_default
-} from "./chunk-SAXWAT7I.mjs";
+} from "./chunk-CAKOEONJ.mjs";
 
 // components/timeline/content/index.ts
 var content_default = TimelineContent_default;

package/lib/{chunk-PXZUJKBA.mjs → chunk-MT625ECH.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   getJustifiedClassName
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 
 // components/tag/list/TagList.tsx
 import clsx from "clsx";

package/lib/{chunk-N7MFF5DP.mjs → chunk-MTRPTXD2.mjs}

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

package/lib/{chunk-EFDTOVNX.mjs → chunk-MU2EQ442.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-TGYSZFVX.mjs";
 import {
   getColorStyle
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";

package/lib/{chunk-DXK5AXTD.mjs → chunk-MVEZGLRT.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/range/Range.native.tsx
 import MultiSlider from "@ptomasroos/react-native-multi-slider";

package/lib/chunk-N6PAYRHX.mjs

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

package/lib/chunk-NESCKBOS.mjs

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

package/lib/{chunk-BC4OMGGE.mjs → chunk-NHFXJFKR.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 import {
   hashClass
 } from "./chunk-PKMC2LCN.mjs";

package/lib/{chunk-5OXB2GUJ.mjs → chunk-NN2CPAZB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   StatesContext
 } from "./chunk-6IKR6FTJ.mjs";

package/lib/{chunk-4YB37OJC.mjs → chunk-NOWU56K4.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TagList_default
-} from "./chunk-PXZUJKBA.mjs";
+} from "./chunk-MT625ECH.mjs";
 
 // components/tag/list/index.ts
 var list_default = TagList_default;

package/lib/{chunk-TKPRJXU5.mjs → chunk-NPUTS6X6.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   getBackgroundClassName
-} from "./chunk-N7MFF5DP.mjs";
+} from "./chunk-MTRPTXD2.mjs";
 import {
   getColorClassName
-} from "./chunk-KWLXL7TO.mjs";
+} from "./chunk-GA2G3UAN.mjs";
 import {
   has,
   is

package/lib/{chunk-SWE3LIUJ.mjs → chunk-NRXSGVTI.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   getJustifyStyle
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 import {
   getAlignStyle
-} from "./chunk-CD6DMMCL.mjs";
+} from "./chunk-X63WVV4X.mjs";
 
 // components/view/View.native.tsx
 import * as React from "react";

package/lib/{chunk-K52Y5EBC.mjs → chunk-NSWYV6NV.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-D5I42WSS.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 import {
   TabsContext
 } from "./chunk-OAENQH2X.mjs";

package/lib/{chunk-VK56PYIH.mjs → chunk-NU2Q7VNH.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/section/Section.native.tsx
 import * as React from "react";

package/lib/{chunk-T2H7JDZV.mjs → chunk-NUPGLVWR.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/divider/Divider.native.tsx
 import * as React from "react";

package/lib/{chunk-HZTKS7X7.mjs → chunk-O3HJSFRB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TableHead_default
-} from "./chunk-4OEGI3GA.mjs";
+} from "./chunk-BPOHYLLY.mjs";
 
 // components/table/head/index.ts
 var head_default = TableHead_default;

package/lib/{chunk-RXLXOY2M.mjs → chunk-O623VKKD.mjs}

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

package/lib/{chunk-S2KKKDTS.mjs → chunk-O6FFP6ZJ.mjs}

@@ -1,21 +1,17 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
-import {
-  Spacer_native_default
-} from "./chunk-54DJB6AO.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
-  getColorStyle,
-  grayscale
-} from "./chunk-JZARKY6T.mjs";
+  getColorStyle
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/textarea/Textarea.native.tsx
-import React, { useEffect, useRef, useState } from "react";
-import { Animated, StyleSheet, Text, TextInput, View } from "react-native";
+import React, { useState } from "react";
+import { StyleSheet, Text, TextInput, View } from "react-native";
 var Textarea = React.forwardRef(
   ({
     defaultValue,
@@ -32,7 +28,6 @@ var Textarea = React.forwardRef(
     keyboardType,
     status,
     maxLength,
-    dynamicPlaceholder = true,
     label,
     iconNameLeft,
     iconNameRight,
@@ -43,18 +38,7 @@ var Textarea = React.forwardRef(
   }, ref) => {
     const [_value, setValue] = useState(value || "");
     const [isFocus, setIsFocus] = useState(false);
-    const [displayDynamicLabel, setDisplayDynamicLabel] = useState(false);
-    const textareaColor = isFocus ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("NEUTRAL" /* NEUTRAL */);
-    const animation = useRef(new Animated.Value(0)).current;
-    useEffect(() => {
-      if (displayDynamicLabel) {
-        Animated.timing(animation, {
-          toValue: 1,
-          duration: 5e3,
-          useNativeDriver: false
-        }).start();
-      }
-    }, [displayDynamicLabel, animation]);
+    const textareaColor = isFocus ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("STROKE" /* STROKE */);
     const styles = StyleSheet.create({
       textarea: {
         borderWidth: isFocus ? 2 : 1,
@@ -62,13 +46,12 @@ var Textarea = React.forwardRef(
         borderColor: status && status === "success" && getColorStyle("SUCCESS" /* SUCCESS */) || status && status === "warning" && getColorStyle("WARNING" /* WARNING */) || status && status === "error" && getColorStyle("ERROR" /* ERROR */) || status && status === "default" && textareaColor || textareaColor,
         height: customHeight,
         justifyContent: "flex-start",
-        paddingLeft: iconNameLeft ? 48 : 16,
-        paddingRight: maxLength ? 48 : 16,
-        paddingTop: dynamicPlaceholder && displayDynamicLabel ? 24 : 8,
+        paddingLeft: iconNameLeft && isFocus && 47 || iconNameLeft && 48 || 16,
+        paddingRight: iconNameRight && 48 || 16,
+        paddingTop: isFocus ? 10 : 11,
         textAlignVertical: "top",
         color: getColorStyle("MAIN" /* MAIN */),
         backgroundColor: disabled ? getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) : getColorStyle("WHITE" /* BACKGROUND */)
-        /*  width: '',*/
       },
       help: {
         fontSize: 12,
@@ -85,30 +68,20 @@ var Textarea = React.forwardRef(
         backgroundColor: disabled ? getColorStyle("DISABLED" /* DISABLED */) : "white",
         padding: 3
       },
-      dynamicLabel: {
-        position: "absolute",
-        top: 2,
-        left: iconNameLeft ? 40 : 8,
-        fontSize: 12,
-        color: grayscale(getColorStyle("FONT" /* FONT */)),
-        backgroundColor: "transparent",
-        padding: 8,
-        paddingBottom: 4
-      },
       leftIcon: {
         position: "absolute",
-        top: dynamicPlaceholder && 11 || !dynamicPlaceholder && label && sample && 67 || !dynamicPlaceholder && label && !sample && 42 || 45,
+        top: label && sample && 67 || label && !sample && 42 || 45,
         left: 16,
         zIndex: 10
       },
       rightIcon: {
         position: "absolute",
-        top: dynamicPlaceholder && 11 || !dynamicPlaceholder && label && sample && 67 || !dynamicPlaceholder && label && !sample && 42 || 45,
+        top: label && sample && 67 || label && !sample && 42 || 45,
         right: 16,
         zIndex: 10
       }
     });
-    return /* @__PURE__ */ React.createElement(View, null, !dynamicPlaceholder && label && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-disabled" /* TEXT_DISABLED */ }, label, " ", label && required && /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ React.createElement(Spacer_native_default, { size: 12 /* THREE */ })), !dynamicPlaceholder && label && sample && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-disabled" /* TEXT_DISABLED */ }, sample), /* @__PURE__ */ React.createElement(Spacer_native_default, { size: 12 /* THREE */ })), iconNameLeft && /* @__PURE__ */ React.createElement(Text, { style: styles.leftIcon }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: iconNameLeft, size: "small" })), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(View, { style: { gap: 12 /* THREE */ } }, label && /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-main" /* TEXT_MAIN */ }, label, " ", label && required && /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), sample && /* @__PURE__ */ React.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-main" /* TEXT_MAIN */ }, sample), iconNameLeft && /* @__PURE__ */ React.createElement(Text, { style: styles.leftIcon }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: iconNameLeft, size: "small" })), /* @__PURE__ */ React.createElement(
       TextInput,
       {
         ref,
@@ -123,7 +96,6 @@ var Textarea = React.forwardRef(
         textContentType: textContentType || "none" /* NONE */,
         keyboardType: keyboardType || "default" /* DEFAULT */,
         onChangeText: (text) => {
-          setDisplayDynamicLabel(text.length > 0);
           setValue(text);
           if (onChange) {
             onChange({
@@ -136,10 +108,10 @@ var Textarea = React.forwardRef(
         style: styles.textarea,
         onFocus: () => setIsFocus(true),
         onBlur: () => setIsFocus(false),
-        ...others,
-        placeholderTextColor: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */)
+        placeholderTextColor: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */),
+        ...others
       }
-    ), iconNameRight && /* @__PURE__ */ React.createElement(Text, { style: styles.rightIcon }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: iconNameRight, size: "small", color: status && status.toUpperCase() })), displayDynamicLabel && dynamicPlaceholder && /* @__PURE__ */ React.createElement(Text, { style: styles.dynamicLabel }, label), maxLength && /* @__PURE__ */ React.createElement(Text, { style: styles.counter }, _value ? `${_value == null ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`), help && /* @__PURE__ */ React.createElement(Text, { style: styles.help }, help));
+    ), iconNameRight && /* @__PURE__ */ React.createElement(Text, { style: styles.rightIcon }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: iconNameRight, size: "small", color: status && status.toUpperCase() })), maxLength && /* @__PURE__ */ React.createElement(Text, { style: styles.counter }, _value ? `${_value == null ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`), help && /* @__PURE__ */ React.createElement(Text, { style: styles.help }, help));
   }
 );
 Textarea.displayName = "Textarea" /* Textarea */;

package/lib/{chunk-2QU7WQ7L.mjs → chunk-OFKAQCVE.mjs}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-SJHSDGQP.mjs";
 import {
   getJustifiedClassName
-} from "./chunk-L4UDEKQK.mjs";
+} from "./chunk-DBSMMWLO.mjs";
 
 // components/image/Image.tsx
 import clsx from "clsx";

package/lib/{chunk-CKEC5R4P.mjs → chunk-OKUHPJOD.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AutoLayout_native_default
-} from "./chunk-MCQZ43VV.mjs";
+} from "./chunk-5WJ7A7D5.mjs";
 
 // components/autolayout/AutoLayoutWrapper/index.native.tsx
 import * as React from "react";

package/lib/chunk-OQCQ2H22.mjs

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

package/lib/{chunk-OGBNVMGK.mjs → chunk-OTWLBNXW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ProgressRadial_default
-} from "./chunk-EFDTOVNX.mjs";
+} from "./chunk-MU2EQ442.mjs";
 
 // components/progress/radial/index.ts
 var radial_default = ProgressRadial_default;

package/lib/{chunk-QFKDXYI5.mjs → chunk-OWCKMPKU.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   AutoCompleteMenu_native_default
-} from "./chunk-OWEOJH6C.mjs";
+} from "./chunk-7HNDZCFM.mjs";
 import {
   Input_native_default
-} from "./chunk-IUOXSLAY.mjs";
+} from "./chunk-6Q3377VJ.mjs";
 import {
   debounce
 } from "./chunk-ESZE7E3N.mjs";

package/lib/{chunk-5VEQNIGA.mjs → chunk-OXCSBRU5.mjs}

@@ -1,7 +1,7 @@
 "use client";
 
 // version.ts
-var version = "0.0.27-esm-cjs";
+var version = "0.0.28-esm-cjs";
 
 export {
   version

package/lib/{chunk-GBNLLA4A.mjs → chunk-OZEOCP57.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ProgressItem_default
-} from "./chunk-NMYPVUNC.mjs";
+} from "./chunk-HWSV5GKN.mjs";
 
 // components/progress/item/index.ts
 var item_default = ProgressItem_default;

package/lib/{chunk-GCVQZBFB.mjs → chunk-PHSWP4WG.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/input/gauge/hook/useGauge.native.tsx
 import React, { useEffect, useMemo } from "react";

package/lib/{chunk-KVZQES2Y.mjs → chunk-POXQVINA.mjs}

@@ -4,16 +4,16 @@ import {
 } from "./chunk-DNDMAHWG.mjs";
 import {
   Text_native_default
-} from "./chunk-D7RPS4TQ.mjs";
+} from "./chunk-BKAHLA6T.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-TRGKFKYP.mjs";
+} from "./chunk-5XWBQO3M.mjs";
 import {
   getColorStyle
-} from "./chunk-JZARKY6T.mjs";
+} from "./chunk-A2OOIRKG.mjs";
 
 // components/chips/Chips.native.tsx
 import React, { useContext, useEffect, useState } from "react";
@@ -34,7 +34,7 @@ var Chips = React.forwardRef(
         paddingTop: 6,
         paddingBottom: 5,
         margin: 6,
-        borderColor: active ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("NEUTRAL" /* NEUTRAL */),
+        borderColor: active ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("STROKE" /* STROKE */),
         borderWidth: 1,
         flexDirection: "row"
       },