@space-uy/pulsar-ui 0.7.0 → 0.8.0

package/lib/module/components/Button.js

@@ -15,7 +15,10 @@ export default function Button({
   loading = false,
   disabled = false,
   onPress,
-  iconName
+  iconName,
+  backgroundColor,
+  textColor,
+  borderColor
 }) {
   const iconSize = useMemo(() => {
     switch (size) {
@@ -54,6 +57,9 @@ export default function Button({
     loading: loading,
     disabled: disabled,
     onPress: onPress,
+    backgroundColor: backgroundColor,
+    textColor: textColor,
+    borderColor: borderColor,
     renderContent: colors => /*#__PURE__*/_jsxs(_Fragment, {
       children: [renderIconOrLoader(colors), /*#__PURE__*/_jsx(Text, {
         style: {

package/lib/module/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","iconSize","renderIconOrLoader","colors","styles","icon","color","textColor","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAa7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGrB,OAAO,CAAC,MAAM;IAC7B,QAAQgB,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMM,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIN,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAEU,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACI,SAAU;QACxBX,IAAI,EAAEK;MAAS,CAChB,CAAC;IAEN;IACA,OAAOD,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAEU,MAAM,CAACC,IAAK;MACnBG,IAAI,EAAER,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTU,KAAK,EAAEH,MAAM,CAACI;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEpB,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbe,qBAAqB,EAAEL,MAAM,CAACM,OAAQ;IACtCf,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBY,aAAa,EAAGR,MAAoB,iBAClCZ,KAAA,CAAAF,SAAA;MAAAuB,QAAA,GACGV,kBAAkB,CAACC,MAAM,CAAC,eAC3BhB,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEY,KAAK,EAAEH,MAAM,CAACI;QAAU,CAAE;QACnCZ,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAgB,QAAA,EAEvCnB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMW,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,IAAI,EAAE;IAAEa,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","backgroundColor","textColor","borderColor","iconSize","renderIconOrLoader","colors","styles","icon","color","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ;EACRC,eAAe;EACfC,SAAS;EACTC;AACK,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGxB,OAAO,CAAC,MAAM;IAC7B,QAAQgB,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMS,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIT,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAEa,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACJ,SAAU;QACxBN,IAAI,EAAEQ;MAAS,CAChB,CAAC;IAEN;IACA,OAAOJ,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAEa,MAAM,CAACC,IAAK;MACnBE,IAAI,EAAEV,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTa,KAAK,EAAEH,MAAM,CAACJ;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEf,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbiB,qBAAqB,EAAEJ,MAAM,CAACK,OAAQ;IACtCjB,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBU,aAAa,EAAGP,MAAoB,iBAClCf,KAAA,CAAAF,SAAA;MAAAyB,QAAA,GACGT,kBAAkB,CAACC,MAAM,CAAC,eAC3BnB,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEe,KAAK,EAAEH,MAAM,CAACJ;QAAU,CAAE;QACnCP,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAkB,QAAA,EAEvCrB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMc,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,IAAI,EAAE;IAAEY,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ButtonContainer.js

@@ -30,6 +30,9 @@ export default function ButtonContainer({
   onPressIn,
   onPressOut,
   contentContainerStyle,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }) {
   const {
@@ -40,7 +43,7 @@ export default function ButtonContainer({
   const enabled = useSharedValue(disabled ? 0 : 1);
   const height = useMemo(() => meassures.button[size], [size]);
   const buttonColors = useMemo(() => {
-    return {
+    const variantColors = {
       outline: {
         backgroundColor: 'transparent',
         borderColor: colors.border,
@@ -63,7 +66,20 @@ export default function ButtonContainer({
         pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8)
       }
     }[variant];
-  }, [variant, colors]);
+    return {
+      ...variantColors,
+      ...(backgroundColor && {
+        backgroundColor,
+        pressedBackgroundColor: convertHexToRgba(backgroundColor, 0.8)
+      }),
+      ...(textColor && {
+        textColor
+      }),
+      ...(borderColor && {
+        borderColor
+      })
+    };
+  }, [variant, colors, backgroundColor, textColor, borderColor]);
   const animatedStyle = useAnimatedStyle(() => {
     return {
       backgroundColor: interpolateColor(pressed.value, [0, 1], [buttonColors.backgroundColor, buttonColors.pressedBackgroundColor]),

package/lib/module/components/ButtonContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","rest","theme","colors","pressed","enabled","height","button","buttonColors","outline","backgroundColor","borderColor","border","textColor","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,QAKL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AACnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,WAAYC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAyBtB,eAAe,SAASC,eAAeA,CAAC;EACtCC,QAAQ;EACRC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,aAAa;EACbC,SAAS;EACTC,UAAU;EACVC,qBAAqB;EACrBC,eAAe;EACfC,SAAS;EACTC,WAAW;EACX,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EACpC,MAAMsB,OAAO,GAAGxB,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMyB,OAAO,GAAGzB,cAAc,CAACU,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EAEhD,MAAMgB,MAAM,GAAGlC,OAAO,CAAC,MAAMY,SAAS,CAACuB,MAAM,CAACf,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE5D,MAAMgB,YAA0B,GAAGpC,OAAO,CAAC,MAAM;IAC/C,MAAMqC,aAAa,GAAG;MACpBC,OAAO,EAAE;QACPZ,eAAe,EAAE,aAAa;QAC9BE,WAAW,EAAEG,MAAM,CAACQ,MAAM;QAC1BZ,SAAS,EAAEI,MAAM,CAACS,UAAU;QAC5BC,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE,CAAC;MACDE,WAAW,EAAE;QACXhB,eAAe,EAAE,aAAa;QAC9BC,SAAS,EAAEI,MAAM,CAACS,UAAU;QAC5BC,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE,CAAC;MACDG,WAAW,EAAE;QACXjB,eAAe,EAAEK,MAAM,CAACY,WAAW;QACnChB,SAAS,EAAEI,MAAM,CAACa,uBAAuB;QACzCH,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACY,WAAW,EAAE,GAAG;MAClE,CAAC;MACDE,IAAI,EAAE;QACJnB,eAAe,EAAEK,MAAM,CAACe,OAAO;QAC/BnB,SAAS,EAAEI,MAAM,CAACgB,aAAa;QAC/BN,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE;IACF,CAAC,CAACrB,OAAO,CAAC;IAEV,OAAO;MACL,GAAGkB,aAAa;MAChB,IAAIX,eAAe,IAAI;QACrBA,eAAe;QACfe,sBAAsB,EAAE9B,gBAAgB,CAACe,eAAe,EAAE,GAAG;MAC/D,CAAC,CAAC;MACF,IAAIC,SAAS,IAAI;QAAEA;MAAU,CAAC,CAAC;MAC/B,IAAIC,WAAW,IAAI;QAAEA;MAAY,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,CAACT,OAAO,EAAEY,MAAM,EAAEL,eAAe,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAC;EAE9D,MAAMoB,aAAa,GAAGzC,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLmB,eAAe,EAAEpB,gBAAgB,CAC/B0B,OAAO,CAACiB,KAAK,EACb,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACb,YAAY,CAACV,eAAe,EAAEU,YAAY,CAACK,sBAAsB,CACpE,CAAC;MACDS,OAAO,EAAE7C,WAAW,CAAC4B,OAAO,CAACgB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,CAAC;EACH,CAAC,CAAC;EAEF,MAAME,WAAW,GAAGnD,OAAO,CAAC,MAAOmB,OAAO,KAAK,SAAS,GAAG,CAAC,GAAG,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7E,MAAMiC,oBAAoB,GAAIH,KAAa,IAAK;IAC9CjB,OAAO,CAACiB,KAAK,GAAGxC,UAAU,CAACwC,KAAK,EAAE;MAAEI,QAAQ,EAAE;IAAI,CAAC,CAAC;EACtD,CAAC;EAEDtD,SAAS,CAAC,MAAM;IACdkC,OAAO,CAACgB,KAAK,GAAGxC,UAAU,CAACS,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEmC,QAAQ,EAAE;IAAI,CAAC,CAAC;EACjE,CAAC,EAAE,CAACnC,QAAQ,EAAEe,OAAO,CAAC,CAAC;EAEvB,MAAMqB,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAAClC,OAAO,IAAI,CAACH,QAAQ,EAAE;MACzBK,SAAS,GAAGgC,CAAC,CAAC;MACdtD,QAAQ,CAACuD,EAAE,KAAK,KAAK,IAAIJ,oBAAoB,CAAC,CAAC,CAAC;IAClD;EACF,CAAC;EAED,MAAMK,cAAc,GAAIF,CAAwB,IAAK;IACnD,IAAI,CAAClC,OAAO,IAAI,CAACH,QAAQ,EAAE;MACzBM,UAAU,GAAG+B,CAAC,CAAC;MACftD,QAAQ,CAACuD,EAAE,KAAK,KAAK,IAAIJ,oBAAoB,CAAC,CAAC,CAAC;IAClD;EACF,CAAC;EAED,oBACEtC,IAAA,CAACZ,SAAS;IAAA,GACJ2B,IAAI;IACRN,SAAS,EAAE+B,aAAc;IACzB9B,UAAU,EAAEiC,cAAe;IAC3BC,SAAS,EAAEA,CAAA,KAAMN,oBAAoB,CAAC,CAAC,CAAE;IACzCO,UAAU,EAAEA,CAAA,KAAMP,oBAAoB,CAAC,CAAC,CAAE;IAC1ClC,QAAQ,EAAEA,QAAQ,IAAIG,OAAQ;IAAAuC,QAAA,eAE9B9C,IAAA,CAACV,QAAQ,CAACyD,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACC,gBAAgB,EACvB;QACE9B,MAAM;QACN+B,YAAY,EAAEnC,KAAK,CAACoC,SAAS;QAC7Bf,WAAW;QACXvB,WAAW,EAAEQ,YAAY,CAACR;MAC5B,CAAC,EACDoB,aAAa,EACbvB,qBAAqB,CACrB;MAAAmC,QAAA,EAEDtC,aAAa,CAACc,YAAY;IAAC,CACf;EAAC,CACP,CAAC;AAEhB;AAEA,MAAM2B,MAAM,GAAG5D,UAAU,CAACgE,MAAM,CAAC;EAC/BH,gBAAgB,EAAE;IAAEI,cAAc,EAAE;EAAS;AAC/C,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/IconButton.js

@@ -16,6 +16,9 @@ export default function IconButton({
   variant = 'flat',
   loading = false,
   style,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }) {
   const iconSize = useMemo(() => {
@@ -49,6 +52,9 @@ export default function IconButton({
       width: meassures.button[size]
     }],
     contentContainerStyle: styles.container,
+    backgroundColor: backgroundColor,
+    textColor: textColor,
+    borderColor: borderColor,
     renderContent: colors => loading ? /*#__PURE__*/_jsx(LoadingIndicator, {
       size: iconSize,
       color: colors.textColor

package/lib/module/components/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","textColor","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACL,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGlB,OAAO,CAAC,MAAM;IAC7B,QAAQY,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVe,IAAI;IACRH,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBQ,OAAO,EAAE;MAAEC,GAAG,EAAEZ,OAAO;MAAEa,IAAI,EAAEb,OAAO;MAAEc,KAAK,EAAEd,OAAO;MAAEe,MAAM,EAAEf;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEQ,KAAK,EAAEnB,SAAS,CAACoB,MAAM,CAACb,IAAI;IAAE,CAAC,CAAE;IAClDc,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCC,aAAa,EAAGC,MAAoB,IAClCf,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAEM,QAAS;MAACa,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE,CAAC,gBAE7DzB,IAAA,CAACJ,IAAI;MAAC8B,IAAI,EAAEvB,QAAS;MAACE,IAAI,EAAEM,QAAS;MAACa,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAML,MAAM,GAAG1B,UAAU,CAACiC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IAAEO,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","backgroundColor","textColor","borderColor","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,eAAe;EACfC,SAAS;EACTC,WAAW;EACX,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGrB,OAAO,CAAC,MAAM;IAC7B,QAAQY,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVkB,IAAI;IACRN,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBW,OAAO,EAAE;MAAEC,GAAG,EAAEf,OAAO;MAAEgB,IAAI,EAAEhB,OAAO;MAAEiB,KAAK,EAAEjB,OAAO;MAAEkB,MAAM,EAAElB;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEW,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAAChB,IAAI;IAAE,CAAC,CAAE;IAClDiB,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCd,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBa,aAAa,EAAGC,MAAoB,IAClClB,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAES,QAAS;MAACa,KAAK,EAAED,MAAM,CAACf;IAAU,CAAE,CAAC,gBAE7DX,IAAA,CAACJ,IAAI;MAACgC,IAAI,EAAEzB,QAAS;MAACE,IAAI,EAAES,QAAS;MAACa,KAAK,EAAED,MAAM,CAACf;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAMY,MAAM,GAAG7B,UAAU,CAACmC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IAAEM,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/components/Button.d.ts

@@ -10,7 +10,10 @@ type Props = {
     disabled?: boolean;
     onPress?: () => void;
     iconName?: IconName;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, backgroundColor, textColor, borderColor, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/lib/typescript/src/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CA0DP"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,SAAS,EACT,WAAW,GACZ,EAAE,KAAK,2CA6DP"}

package/lib/typescript/src/components/ButtonContainer.d.ts

@@ -25,7 +25,10 @@ type Props = Omit<PressableProps, 'children'> & {
     loading?: boolean;
     renderContent: (colors: ButtonColors) => React.ReactNode;
     contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ButtonContainer.d.ts.map

package/lib/typescript/src/components/ButtonContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,KAAK,2CA8FP"}
+{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,2CAwGP"}

package/lib/typescript/src/components/IconButton.d.ts

@@ -7,7 +7,10 @@ type Props = PressableProps & {
     size?: keyof typeof ButtonSize;
     loading?: boolean;
     style?: StyleProp<ViewStyle>;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/src/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,2CAoCP"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,eAAe,EACf,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,2CAuCP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@space-uy/pulsar-ui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "react native ui kit for spacedev",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",

package/src/components/Button.tsx

@@ -19,6 +19,9 @@ type Props = {
   disabled?: boolean;
   onPress?: () => void;
   iconName?: IconName;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 export default function Button({
@@ -30,6 +33,9 @@ export default function Button({
   disabled = false,
   onPress,
   iconName,
+  backgroundColor,
+  textColor,
+  borderColor,
 }: Props) {
   const iconSize = useMemo(() => {
     switch (size) {
@@ -75,6 +81,9 @@ export default function Button({
       loading={loading}
       disabled={disabled}
       onPress={onPress}
+      backgroundColor={backgroundColor}
+      textColor={textColor}
+      borderColor={borderColor}
       renderContent={(colors: ButtonColors) => (
         <>
           {renderIconOrLoader(colors)}

package/src/components/ButtonContainer.tsx

@@ -49,6 +49,9 @@ type Props = Omit<PressableProps, 'children'> & {
   loading?: boolean;
   renderContent: (colors: ButtonColors) => React.ReactNode;
   contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 export default function ButtonContainer({
@@ -60,6 +63,9 @@ export default function ButtonContainer({
   onPressIn,
   onPressOut,
   contentContainerStyle,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }: Props) {
   const { theme, colors } = useTheme();
@@ -69,7 +75,7 @@ export default function ButtonContainer({
   const height = useMemo(() => meassures.button[size], [size]);
 
   const buttonColors: ButtonColors = useMemo(() => {
-    return {
+    const variantColors = {
       outline: {
         backgroundColor: 'transparent',
         borderColor: colors.border,
@@ -92,7 +98,17 @@ export default function ButtonContainer({
         pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8),
       },
     }[variant];
-  }, [variant, colors]);
+
+    return {
+      ...variantColors,
+      ...(backgroundColor && {
+        backgroundColor,
+        pressedBackgroundColor: convertHexToRgba(backgroundColor, 0.8),
+      }),
+      ...(textColor && { textColor }),
+      ...(borderColor && { borderColor }),
+    };
+  }, [variant, colors, backgroundColor, textColor, borderColor]);
 
   const animatedStyle = useAnimatedStyle(() => {
     return {

package/src/components/IconButton.tsx

@@ -22,6 +22,9 @@ type Props = PressableProps & {
   size?: keyof typeof ButtonSize;
   loading?: boolean;
   style?: StyleProp<ViewStyle>;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 const PADDING = 8;
@@ -34,6 +37,9 @@ export default function IconButton({
   variant = 'flat',
   loading = false,
   style,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }: Props) {
   const iconSize = useMemo(() => {
@@ -62,6 +68,9 @@ export default function IconButton({
       hitSlop={{ top: PADDING, left: PADDING, right: PADDING, bottom: PADDING }}
       style={[style, { width: meassures.button[size] }]}
       contentContainerStyle={styles.container}
+      backgroundColor={backgroundColor}
+      textColor={textColor}
+      borderColor={borderColor}
       renderContent={(colors: ButtonColors) =>
         loading ? (
           <LoadingIndicator size={iconSize} color={colors.textColor} />