@korsolutions/ui 0.0.34 → 0.0.35

package/dist/module/components/tabs/tabs.js

@@ -9,7 +9,7 @@ export function Tabs(props) {
     tabs,
     defaultValue,
     value: controlledValue,
-    onValueChange,
+    onChange,
     variant = "default"
   } = props;
   const initialValue = defaultValue ?? tabs[0]?.value ?? "";
@@ -19,24 +19,24 @@ export function Tabs(props) {
     if (controlledValue === undefined) {
       setUncontrolledValue(newValue);
     }
-    onValueChange?.(newValue);
+    onChange?.(newValue);
   };
   const useVariantStyles = TabsVariants[variant];
   const variantStyles = useVariantStyles();
   return /*#__PURE__*/_jsx(TabsPrimitive.Root, {
-    value: value,
-    onValueChange: handleValueChange,
+    value: String(value),
+    onChange: newValue => handleValueChange(newValue),
     styles: variantStyles,
     children: /*#__PURE__*/_jsx(TabsPrimitive.List, {
       children: tabs.map(tab => /*#__PURE__*/_jsx(TabsPrimitive.Trigger, {
-        value: tab.value,
+        value: String(tab.value),
         isDisabled: tab.disabled,
         children: /*#__PURE__*/_jsx(TabsPrimitive.TriggerText, {
-          value: tab.value,
+          value: String(tab.value),
           isDisabled: tab.disabled,
           children: tab.label
         })
-      }, tab.value))
+      }, String(tab.value)))
     })
   });
 }

package/dist/module/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["TabsPrimitive","React","useState","TabsVariants","jsx","_jsx","Tabs","props","tabs","defaultValue","value","controlledValue","onValueChange","variant","initialValue","uncontrolledValue","setUncontrolledValue","handleValueChange","newValue","undefined","useVariantStyles","variantStyles","Root","styles","children","List","map","tab","Trigger","isDisabled","disabled","TriggerText","label"],"sourceRoot":"../../../../src","sources":["components/tabs/tabs.tsx"],"mappings":";;AAAA,SAASA,aAAa;AACtB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAgB1C,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,KAAK,EAAEC,eAAe;IAAEC,aAAa;IAAEC,OAAO,GAAG;EAAU,CAAC,GAAGN,KAAK;EAEhG,MAAMO,YAAY,GAAGL,YAAY,IAAID,IAAI,CAAC,CAAC,CAAC,EAAEE,KAAK,IAAI,EAAE;EACzD,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAACY,YAAY,CAAC;EACxE,MAAMJ,KAAK,GAAGC,eAAe,IAAII,iBAAiB;EAElD,MAAME,iBAAiB,GAAIC,QAAgB,IAAK;IAC9C,IAAIP,eAAe,KAAKQ,SAAS,EAAE;MACjCH,oBAAoB,CAACE,QAAQ,CAAC;IAChC;IACAN,aAAa,GAAGM,QAAQ,CAAC;EAC3B,CAAC;EAED,MAAME,gBAAgB,GAAGjB,YAAY,CAACU,OAAO,CAAC;EAC9C,MAAMQ,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEf,IAAA,CAACL,aAAa,CAACsB,IAAI;IAACZ,KAAK,EAAEA,KAAM;IAACE,aAAa,EAAEK,iBAAkB;IAACM,MAAM,EAAEF,aAAc;IAAAG,QAAA,eACxFnB,IAAA,CAACL,aAAa,CAACyB,IAAI;MAAAD,QAAA,EAChBhB,IAAI,CAACkB,GAAG,CAAEC,GAAG,iBACZtB,IAAA,CAACL,aAAa,CAAC4B,OAAO;QAAiBlB,KAAK,EAAEiB,GAAG,CAACjB,KAAM;QAACmB,UAAU,EAAEF,GAAG,CAACG,QAAS;QAAAN,QAAA,eAChFnB,IAAA,CAACL,aAAa,CAAC+B,WAAW;UAACrB,KAAK,EAAEiB,GAAG,CAACjB,KAAM;UAACmB,UAAU,EAAEF,GAAG,CAACG,QAAS;UAAAN,QAAA,EACnEG,GAAG,CAACK;QAAK,CACe;MAAC,GAHFL,GAAG,CAACjB,KAIT,CACxB;IAAC,CACgB;EAAC,CACH,CAAC;AAEzB","ignoreList":[]}
+{"version":3,"names":["TabsPrimitive","React","useState","TabsVariants","jsx","_jsx","Tabs","props","tabs","defaultValue","value","controlledValue","onChange","variant","initialValue","uncontrolledValue","setUncontrolledValue","handleValueChange","newValue","undefined","useVariantStyles","variantStyles","Root","String","styles","children","List","map","tab","Trigger","isDisabled","disabled","TriggerText","label"],"sourceRoot":"../../../../src","sources":["components/tabs/tabs.tsx"],"mappings":";;AAAA,SAASA,aAAa;AACtB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAgB1C,OAAO,SAASC,IAAIA,CAAIC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,KAAK,EAAEC,eAAe;IAAEC,QAAQ;IAAEC,OAAO,GAAG;EAAU,CAAC,GAAGN,KAAK;EAE3F,MAAMO,YAAY,GAAGL,YAAY,IAAID,IAAI,CAAC,CAAC,CAAC,EAAEE,KAAK,IAAK,EAAQ;EAChE,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAACY,YAAY,CAAC;EACxE,MAAMJ,KAAK,GAAGC,eAAe,IAAII,iBAAiB;EAElD,MAAME,iBAAiB,GAAIC,QAAW,IAAK;IACzC,IAAIP,eAAe,KAAKQ,SAAS,EAAE;MACjCH,oBAAoB,CAACE,QAAQ,CAAC;IAChC;IACAN,QAAQ,GAAGM,QAAQ,CAAC;EACtB,CAAC;EAED,MAAME,gBAAgB,GAAGjB,YAAY,CAACU,OAAO,CAAC;EAC9C,MAAMQ,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEf,IAAA,CAACL,aAAa,CAACsB,IAAI;IAACZ,KAAK,EAAEa,MAAM,CAACb,KAAK,CAAE;IAACE,QAAQ,EAAGM,QAAQ,IAAKD,iBAAiB,CAACC,QAAa,CAAE;IAACM,MAAM,EAAEH,aAAc;IAAAI,QAAA,eACxHpB,IAAA,CAACL,aAAa,CAAC0B,IAAI;MAAAD,QAAA,EAChBjB,IAAI,CAACmB,GAAG,CAAEC,GAAG,iBACZvB,IAAA,CAACL,aAAa,CAAC6B,OAAO;QAAyBnB,KAAK,EAAEa,MAAM,CAACK,GAAG,CAAClB,KAAK,CAAE;QAACoB,UAAU,EAAEF,GAAG,CAACG,QAAS;QAAAN,QAAA,eAChGpB,IAAA,CAACL,aAAa,CAACgC,WAAW;UAACtB,KAAK,EAAEa,MAAM,CAACK,GAAG,CAAClB,KAAK,CAAE;UAACoB,UAAU,EAAEF,GAAG,CAACG,QAAS;UAAAN,QAAA,EAC3EG,GAAG,CAACK;QAAK,CACe;MAAC,GAHFV,MAAM,CAACK,GAAG,CAAClB,KAAK,CAIrB,CACxB;IAAC,CACgB;EAAC,CACH,CAAC;AAEzB","ignoreList":[]}

package/dist/module/primitives/tabs/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { TabsRoot } from "./tabs-root.js";
 import { TabsList } from "./tabs-list.js";
+import { TabsRoot } from "./tabs-root.js";
 import { TabsTrigger } from "./tabs-trigger.js";
 import { TabsTriggerText } from "./tabs-trigger-text.js";
 export const TabsPrimitive = {

package/dist/module/primitives/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["TabsRoot","TabsList","TabsTrigger","TabsTriggerText","TabsPrimitive","Root","List","Trigger","TriggerText"],"sourceRoot":"../../../../src","sources":["primitives/tabs/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,QAAQ;AACjB,SAASC,WAAW;AACpB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAEL,QAAQ;EACdM,IAAI,EAAEL,QAAQ;EACdM,OAAO,EAAEL,WAAW;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}
+{"version":3,"names":["TabsList","TabsRoot","TabsTrigger","TabsTriggerText","TabsPrimitive","Root","List","Trigger","TriggerText"],"sourceRoot":"../../../../src","sources":["primitives/tabs/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,QAAQ;AACjB,SAASC,WAAW;AACpB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAEJ,QAAQ;EACdK,IAAI,EAAEN,QAAQ;EACdO,OAAO,EAAEL,WAAW;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}

package/dist/module/primitives/tabs/tabs-context.js

@@ -1,9 +1,9 @@
 "use strict";
 
-import React from "react";
+import React, { useContext } from "react";
 export const TabsPrimitiveContext = /*#__PURE__*/React.createContext(null);
 export const useTabsContext = () => {
-  const context = React.useContext(TabsPrimitiveContext);
+  const context = useContext(TabsPrimitiveContext);
   if (!context) {
     throw new Error("Tabs compound components must be used within TabsPrimitive.Root");
   }

package/dist/module/primitives/tabs/tabs-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TabsPrimitiveContext","createContext","useTabsContext","context","useContext","Error"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAmC,IAAI,CAAC;AAE/F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACJ,oBAAoB,CAAC;EACtD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,iEAAiE,CAAC;EACpF;EACA,OAAOF,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","TabsPrimitiveContext","createContext","useTabsContext","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AASzC,OAAO,MAAMC,oBAAoB,gBAAGF,KAAK,CAACG,aAAa,CAAmC,IAAI,CAAC;AAE/F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,oBAAoB,CAAC;EAChD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,iEAAiE,CAAC;EACpF;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/primitives/tabs/tabs-root.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import React from "react";
+import React, { useMemo } from "react";
 import { View } from "react-native";
 import { TabsPrimitiveContext } from "./tabs-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -8,16 +8,16 @@ export function TabsRoot(props) {
   const {
     children,
     value,
-    onValueChange,
+    onChange,
     styles,
     style,
     ...viewProps
   } = props;
-  const contextValue = React.useMemo(() => ({
+  const contextValue = useMemo(() => ({
     value,
-    onValueChange,
+    onChange,
     styles
-  }), [value, onValueChange, styles]);
+  }), [value, onChange, styles]);
   return /*#__PURE__*/_jsx(TabsPrimitiveContext.Provider, {
     value: contextValue,
     children: /*#__PURE__*/_jsx(View, {

package/dist/module/primitives/tabs/tabs-root.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TabsPrimitiveContext","jsx","_jsx","TabsRoot","props","children","value","onValueChange","styles","style","viewProps","contextValue","useMemo","Provider"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,oBAAoB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAWtD,OAAO,SAASC,QAAQA,CAACC,KAA6B,EAAE;EACtD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAE7E,MAAMO,YAAY,GAAGb,KAAK,CAACc,OAAO,CAChC,OAAO;IACLN,KAAK;IACLC,aAAa;IACbC;EACF,CAAC,CAAC,EACF,CAACF,KAAK,EAAEC,aAAa,EAAEC,MAAM,CAC/B,CAAC;EAED,oBACEN,IAAA,CAACF,oBAAoB,CAACa,QAAQ;IAACP,KAAK,EAAEK,YAAa;IAAAN,QAAA,eACjDH,IAAA,CAACH,IAAI;MAAA,GAAKW,SAAS;MAAED,KAAK,EAAEA,KAAM;MAAAJ,QAAA,EAC/BA;IAAQ,CACL;EAAC,CACsB,CAAC;AAEpC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","TabsPrimitiveContext","jsx","_jsx","TabsRoot","props","children","value","onChange","styles","style","viewProps","contextValue","Provider"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,oBAAoB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAWtD,OAAO,SAASC,QAAQA,CAACC,KAA6B,EAAE;EACtD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAExE,MAAMO,YAAY,GAAGb,OAAO,CAC1B,OAAO;IACLQ,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,CAAC,EACF,CAACF,KAAK,EAAEC,QAAQ,EAAEC,MAAM,CAC1B,CAAC;EAED,oBACEN,IAAA,CAACF,oBAAoB,CAACY,QAAQ;IAACN,KAAK,EAAEK,YAAa;IAAAN,QAAA,eACjDH,IAAA,CAACH,IAAI;MAAA,GAAKW,SAAS;MAAED,KAAK,EAAEA,KAAM;MAAAJ,QAAA,EAC/BA;IAAQ,CACL;EAAC,CACsB,CAAC;AAEpC","ignoreList":[]}

package/dist/module/primitives/tabs/tabs-trigger-text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAShD,OAAO,SAASC,eAAeA,CAACC,KAAoC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,CACtBH,MAAM,EAAEI,WAAW,EAAEC,OAAO,EAC5BL,MAAM,EAAEI,WAAW,GAAGF,KAAK,CAAC,EAC5BJ,KAAK,CACN;EAED,oBACEP,IAAA,CAACH,IAAI;IAAA,GAAKW,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAT,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAShD,OAAO,SAASC,eAAeA,CAACC,KAAoC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,CAACH,MAAM,EAAEI,WAAW,EAAEC,OAAO,EAAEL,MAAM,EAAEI,WAAW,GAAGF,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE3F,oBACEP,IAAA,CAACH,IAAI;IAAA,GAAKW,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAT,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/primitives/tabs/tabs-trigger.js

@@ -23,14 +23,14 @@ export function TabsTrigger(props) {
   } = props;
   const {
     value,
-    onValueChange,
+    onChange,
     styles
   } = useTabsContext();
   const isActive = value === triggerValue;
   const state = calculateState(isActive, isDisabled);
   const handlePress = () => {
     if (!isDisabled) {
-      onValueChange(triggerValue);
+      onChange(triggerValue);
     }
   };
   const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];

package/dist/module/primitives/tabs/tabs-trigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onValueChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,cAAc,GAAGA,CACrBC,QAAiB,EACjBC,UAA+B,KACjB;EACd,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,aAAa;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEzD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,aAAa,CAACH,YAAY,CAAC;IAC7B;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CACtBH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EACxBL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EACxBJ,KAAK,CACN;EAED,oBACET,IAAA,CAACH,SAAS;IAAA,GACJa,cAAc;IAClBQ,QAAQ,EAAEf,UAAW;IACrBgB,OAAO,EAAEL,WAAY;IACrBL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAEtBA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,cAAc,GAAGA,CAACC,QAAiB,EAAEC,UAA+B,KAAgB;EACxF,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEpD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,QAAQ,CAACH,YAAY,CAAC;IACxB;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CAACH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EAAEL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAEnF,oBACET,IAAA,CAACH,SAAS;IAAA,GAAKa,cAAc;IAAEQ,QAAQ,EAAEf,UAAW;IAACgB,OAAO,EAAEL,WAAY;IAACL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAC/FA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}

package/dist/typescript/src/components/tabs/tabs.d.ts

@@ -1,17 +1,17 @@
 import React from "react";
 import { TabsVariants } from "./variants";
-export interface Tab {
-    value: string;
+export interface Tab<T> {
+    value: T;
     label: string;
     disabled?: boolean;
 }
-interface TabsProps {
-    tabs: Tab[];
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
+interface TabsProps<T> {
+    tabs: Tab<T>[];
+    defaultValue?: T;
+    value?: T;
+    onChange?: (value: T) => void;
     variant?: keyof typeof TabsVariants;
 }
-export declare function Tabs(props: TabsProps): React.JSX.Element;
+export declare function Tabs<T>(props: TabsProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=tabs.d.ts.map

package/dist/typescript/src/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CACrC;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBA8BpC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,GAAG,CAAC,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS,CAAC,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CACrC;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,qBA8B1C"}

package/dist/typescript/src/primitives/tabs/index.d.ts

@@ -1,5 +1,5 @@
-import { TabsRoot } from "./tabs-root";
 import { TabsList } from "./tabs-list";
+import { TabsRoot } from "./tabs-root";
 import { TabsTrigger } from "./tabs-trigger";
 import { TabsTriggerText } from "./tabs-trigger-text";
 export declare const TabsPrimitive: {
@@ -8,8 +8,8 @@ export declare const TabsPrimitive: {
     Trigger: typeof TabsTrigger;
     TriggerText: typeof TabsTriggerText;
 };
-export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveListProps } from "./tabs-list";
+export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveTriggerProps } from "./tabs-trigger";
 export type { TabsPrimitiveTriggerTextProps } from "./tabs-trigger-text";
 export * from "./types";

package/dist/typescript/src/primitives/tabs/tabs-context.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import type { TabsStyles } from "./types";
 export interface TabsPrimitiveContextValue {
     value: string;
-    onValueChange: (value: string) => void;
+    onChange: (value: string) => void;
     styles?: TabsStyles;
 }
 export declare const TabsPrimitiveContext: React.Context<TabsPrimitiveContextValue | null>;

package/dist/typescript/src/primitives/tabs/tabs-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,iDAA8D,CAAC;AAEhG,eAAO,MAAM,cAAc,iCAM1B,CAAC"}
+{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,iDAA8D,CAAC;AAEhG,eAAO,MAAM,cAAc,iCAM1B,CAAC"}

package/dist/typescript/src/primitives/tabs/tabs-list.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 export interface TabsPrimitiveListProps extends ViewProps {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;

package/dist/typescript/src/primitives/tabs/tabs-root.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import type { TabsStyles } from "./types";
 export interface TabsPrimitiveRootProps extends Omit<ViewProps, "children"> {
     children: React.ReactNode;
     value: string;
-    onValueChange: (value: string) => void;
+    onChange: (value: string) => void;
     style?: StyleProp<ViewStyle>;
     styles?: TabsStyles;
 }

package/dist/typescript/src/primitives/tabs/tabs-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,sBAAsB,qBAmBrD"}
+{"version":3,"file":"tabs-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,sBAAsB,qBAmBrD"}

package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TextProps, type StyleProp, type TextStyle } from "react-native";
+import { type StyleProp, type TextProps, type TextStyle } from "react-native";
 export interface TabsPrimitiveTriggerTextProps extends TextProps {
     children: React.ReactNode;
     value: string;

package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,6BAA6B,qBAkBnE"}
+{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,6BAA6B,qBAcnE"}

package/dist/typescript/src/primitives/tabs/tabs-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAeD,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBA6B3D"}
+{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAoB3D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/tabs/tabs.tsx

@@ -2,43 +2,43 @@ import { TabsPrimitive } from "@/primitives";
 import React, { useState } from "react";
 import { TabsVariants } from "./variants";
 
-export interface Tab {
-  value: string;
+export interface Tab<T> {
+  value: T;
   label: string;
   disabled?: boolean;
 }
 
-interface TabsProps {
-  tabs: Tab[];
-  defaultValue?: string;
-  value?: string;
-  onValueChange?: (value: string) => void;
+interface TabsProps<T> {
+  tabs: Tab<T>[];
+  defaultValue?: T;
+  value?: T;
+  onChange?: (value: T) => void;
   variant?: keyof typeof TabsVariants;
 }
 
-export function Tabs(props: TabsProps) {
-  const { tabs, defaultValue, value: controlledValue, onValueChange, variant = "default" } = props;
+export function Tabs<T>(props: TabsProps<T>) {
+  const { tabs, defaultValue, value: controlledValue, onChange, variant = "default" } = props;
 
-  const initialValue = defaultValue ?? tabs[0]?.value ?? "";
+  const initialValue = defaultValue ?? tabs[0]?.value ?? ("" as T);
   const [uncontrolledValue, setUncontrolledValue] = useState(initialValue);
   const value = controlledValue ?? uncontrolledValue;
 
-  const handleValueChange = (newValue: string) => {
+  const handleValueChange = (newValue: T) => {
     if (controlledValue === undefined) {
       setUncontrolledValue(newValue);
     }
-    onValueChange?.(newValue);
+    onChange?.(newValue);
   };
 
   const useVariantStyles = TabsVariants[variant];
   const variantStyles = useVariantStyles();
 
   return (
-    <TabsPrimitive.Root value={value} onValueChange={handleValueChange} styles={variantStyles}>
+    <TabsPrimitive.Root value={String(value)} onChange={(newValue) => handleValueChange(newValue as T)} styles={variantStyles}>
       <TabsPrimitive.List>
         {tabs.map((tab) => (
-          <TabsPrimitive.Trigger key={tab.value} value={tab.value} isDisabled={tab.disabled}>
-            <TabsPrimitive.TriggerText value={tab.value} isDisabled={tab.disabled}>
+          <TabsPrimitive.Trigger key={String(tab.value)} value={String(tab.value)} isDisabled={tab.disabled}>
+            <TabsPrimitive.TriggerText value={String(tab.value)} isDisabled={tab.disabled}>
               {tab.label}
             </TabsPrimitive.TriggerText>
           </TabsPrimitive.Trigger>

package/src/primitives/tabs/index.ts

@@ -1,5 +1,5 @@
-import { TabsRoot } from "./tabs-root";
 import { TabsList } from "./tabs-list";
+import { TabsRoot } from "./tabs-root";
 import { TabsTrigger } from "./tabs-trigger";
 import { TabsTriggerText } from "./tabs-trigger-text";
 
@@ -10,8 +10,8 @@ export const TabsPrimitive = {
   TriggerText: TabsTriggerText,
 };
 
-export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveListProps } from "./tabs-list";
+export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveTriggerProps } from "./tabs-trigger";
 export type { TabsPrimitiveTriggerTextProps } from "./tabs-trigger-text";
 export * from "./types";

package/src/primitives/tabs/tabs-context.tsx

@@ -1,16 +1,16 @@
-import React from "react";
+import React, { useContext } from "react";
 import type { TabsStyles } from "./types";
 
 export interface TabsPrimitiveContextValue {
   value: string;
-  onValueChange: (value: string) => void;
+  onChange: (value: string) => void;
   styles?: TabsStyles;
 }
 
 export const TabsPrimitiveContext = React.createContext<TabsPrimitiveContextValue | null>(null);
 
 export const useTabsContext = () => {
-  const context = React.useContext(TabsPrimitiveContext);
+  const context = useContext(TabsPrimitiveContext);
   if (!context) {
     throw new Error("Tabs compound components must be used within TabsPrimitive.Root");
   }

package/src/primitives/tabs/tabs-list.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import { useTabsContext } from "./tabs-context";
 
 export interface TabsPrimitiveListProps extends ViewProps {

package/src/primitives/tabs/tabs-root.tsx

@@ -1,26 +1,26 @@
-import React from "react";
-import { View, type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import React, { useMemo } from "react";
+import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import { TabsPrimitiveContext } from "./tabs-context";
 import type { TabsStyles } from "./types";
 
 export interface TabsPrimitiveRootProps extends Omit<ViewProps, "children"> {
   children: React.ReactNode;
   value: string;
-  onValueChange: (value: string) => void;
+  onChange: (value: string) => void;
   style?: StyleProp<ViewStyle>;
   styles?: TabsStyles;
 }
 
 export function TabsRoot(props: TabsPrimitiveRootProps) {
-  const { children, value, onValueChange, styles, style, ...viewProps } = props;
+  const { children, value, onChange, styles, style, ...viewProps } = props;
 
-  const contextValue = React.useMemo(
+  const contextValue = useMemo(
     () => ({
       value,
-      onValueChange,
+      onChange,
       styles,
     }),
-    [value, onValueChange, styles]
+    [value, onChange, styles]
   );
 
   return (

package/src/primitives/tabs/tabs-trigger-text.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text, type TextProps, type StyleProp, type TextStyle } from "react-native";
+import { Text, type StyleProp, type TextProps, type TextStyle } from "react-native";
 import { useTabsContext } from "./tabs-context";
 
 export interface TabsPrimitiveTriggerTextProps extends TextProps {
@@ -16,11 +16,7 @@ export function TabsTriggerText(props: TabsPrimitiveTriggerTextProps) {
   const isActive = value === triggerValue;
   const state = isDisabled ? "disabled" : isActive ? "active" : "default";
 
-  const calculatedStyle = [
-    styles?.triggerText?.default,
-    styles?.triggerText?.[state],
-    style,
-  ];
+  const calculatedStyle = [styles?.triggerText?.default, styles?.triggerText?.[state], style];
 
   return (
     <Text {...textProps} style={calculatedStyle}>

package/src/primitives/tabs/tabs-trigger.tsx

@@ -10,10 +10,7 @@ export interface TabsPrimitiveTriggerProps extends PressableProps {
   style?: StyleProp<ViewStyle>;
 }
 
-const calculateState = (
-  isActive: boolean,
-  isDisabled: boolean | undefined
-): TabsState => {
+const calculateState = (isActive: boolean, isDisabled: boolean | undefined): TabsState => {
   if (isDisabled) {
     return "disabled";
   }
@@ -25,30 +22,21 @@ const calculateState = (
 
 export function TabsTrigger(props: TabsPrimitiveTriggerProps) {
   const { children, value: triggerValue, isDisabled, style, ...pressableProps } = props;
-  const { value, onValueChange, styles } = useTabsContext();
+  const { value, onChange, styles } = useTabsContext();
 
   const isActive = value === triggerValue;
   const state = calculateState(isActive, isDisabled);
 
   const handlePress = () => {
     if (!isDisabled) {
-      onValueChange(triggerValue);
+      onChange(triggerValue);
     }
   };
 
-  const calculatedStyle = [
-    styles?.trigger?.default,
-    styles?.trigger?.[state],
-    style,
-  ];
+  const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
 
   return (
-    <Pressable
-      {...pressableProps}
-      disabled={isDisabled}
-      onPress={handlePress}
-      style={calculatedStyle}
-    >
+    <Pressable {...pressableProps} disabled={isDisabled} onPress={handlePress} style={calculatedStyle}>
       {children}
     </Pressable>
   );