@space-uy/pulsar-ui 0.9.1 → 0.11.0

package/lib/module/components/ButtonContainer.js

@@ -10,6 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export let ButtonVariant = /*#__PURE__*/function (ButtonVariant) {
   ButtonVariant["flat"] = "flat";
   ButtonVariant["outline"] = "outline";
+  ButtonVariant["secondary"] = "secondary";
   ButtonVariant["transparent"] = "transparent";
   ButtonVariant["destructive"] = "destructive";
   return ButtonVariant;
@@ -64,7 +65,12 @@ export default function ButtonContainer({
       flat: {
         backgroundColor: colors.primary,
         textColor: colors.altForeground,
-        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8)
+        pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8)
+      },
+      secondary: {
+        backgroundColor: convertHexToRgba(colors.foreground, 0.1),
+        textColor: colors.foreground,
+        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2)
       }
     }[variant];
     return {

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","backgroundColor","textColor","borderColor","rounded","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":"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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","rounded","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","secondary","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":[]}

package/lib/module/components/Chip.js

@@ -4,11 +4,15 @@ import { Pressable, StyleSheet, View } from 'react-native';
 import Text from "./Text.js";
 import useTheme from "../hooks/useTheme.js";
 import { convertHexToRgba } from "../utils/uiUtils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import Icon from "./Icon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Chip({
   text,
   size = 'normal',
   disabled = false,
+  backgroundColor,
+  textColor,
+  iconName,
   ...rest
 }) {
   const {
@@ -20,20 +24,25 @@ export default function Chip({
   return /*#__PURE__*/_jsx(Pressable, {
     disabled: disabled,
     ...rest,
-    children: /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: [styles.container, {
-        backgroundColor: convertHexToRgba(colors.foreground, 0.08),
+        backgroundColor: backgroundColor || convertHexToRgba(colors.foreground, 0.08),
         borderRadius: theme.roundness,
         height
       }, disabled && styles.disabled],
-      children: /*#__PURE__*/_jsx(Text, {
+      children: [iconName && /*#__PURE__*/_jsx(Icon, {
+        style: styles.icon,
+        name: iconName,
+        size: size === 'small' ? 12 : 14,
+        color: textColor || colors.foreground
+      }), /*#__PURE__*/_jsx(Text, {
         variant: textVariant,
         style: {
-          color: colors.foreground
+          color: textColor || colors.foreground
         },
         numberOfLines: 1,
         children: text
-      })
+      })]
     })
   });
 }
@@ -41,7 +50,11 @@ const styles = StyleSheet.create({
   container: {
     justifyContent: 'center',
     alignItems: 'center',
-    paddingHorizontal: 12
+    paddingHorizontal: 12,
+    flexDirection: 'row'
+  },
+  icon: {
+    marginEnd: 8
   },
   disabled: {
     opacity: 0.3

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","View","Text","useTheme","convertHexToRgba","jsx","_jsx","Chip","text","size","disabled","rest","theme","colors","height","textVariant","children","style","styles","container","backgroundColor","foreground","borderRadius","roundness","variant","color","numberOfLines","create","justifyContent","alignItems","paddingHorizontal","opacity"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAA6B,cAAc;AAE/E,OAAOC,IAAI,MAAM,WAAQ;AAEzB,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpD,eAAe,SAASC,IAAIA,CAAC;EAC3BC,IAAI;EACJC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAEpC,MAAMW,MAAM,GAAGL,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE;EACzC,MAAMM,WAAW,GAAGN,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI;EAElD,oBACEH,IAAA,CAACP,SAAS;IAACW,QAAQ,EAAEA,QAAS;IAAA,GAAKC,IAAI;IAAAK,QAAA,eACrCV,IAAA,CAACL,IAAI;MACHgB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;QACEC,eAAe,EAAEhB,gBAAgB,CAACS,MAAM,CAACQ,UAAU,EAAE,IAAI,CAAC;QAC1DC,YAAY,EAAEV,KAAK,CAACW,SAAS;QAC7BT;MACF,CAAC,EACDJ,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,CAC3B;MAAAM,QAAA,eAEFV,IAAA,CAACJ,IAAI;QACHsB,OAAO,EAAET,WAAY;QACrBE,KAAK,EAAE;UAAEQ,KAAK,EAAEZ,MAAM,CAACQ;QAAW,CAAE;QACpCK,aAAa,EAAE,CAAE;QAAAV,QAAA,EAEhBR;MAAI,CACD;IAAC,CACH;EAAC,CACE,CAAC;AAEhB;AAEA,MAAMU,MAAM,GAAGlB,UAAU,CAAC2B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,QAAQ,EAAE;IAAEqB,OAAO,EAAE;EAAI;AAC3B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","View","Text","useTheme","convertHexToRgba","Icon","jsx","_jsx","jsxs","_jsxs","Chip","text","size","disabled","backgroundColor","textColor","iconName","rest","theme","colors","height","textVariant","children","style","styles","container","foreground","borderRadius","roundness","icon","name","color","variant","numberOfLines","create","justifyContent","alignItems","paddingHorizontal","flexDirection","marginEnd","opacity"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAA6B,cAAc;AAE/E,OAAOC,IAAI,MAAM,WAAQ;AAEzB,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AAEnD,OAAOC,IAAI,MAAM,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW1B,eAAe,SAASC,IAAIA,CAAC;EAC3BC,IAAI;EACJC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,eAAe;EACfC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAEpC,MAAMiB,MAAM,GAAGR,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE;EACzC,MAAMS,WAAW,GAAGT,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI;EAElD,oBACEL,IAAA,CAACR,SAAS;IAACc,QAAQ,EAAEA,QAAS;IAAA,GAAKI,IAAI;IAAAK,QAAA,eACrCb,KAAA,CAACR,IAAI;MACHsB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;QACEX,eAAe,EACbA,eAAe,IAAIV,gBAAgB,CAACe,MAAM,CAACO,UAAU,EAAE,IAAI,CAAC;QAC9DC,YAAY,EAAET,KAAK,CAACU,SAAS;QAC7BR;MACF,CAAC,EACDP,QAAQ,IAAIW,MAAM,CAACX,QAAQ,CAC3B;MAAAS,QAAA,GAEDN,QAAQ,iBACPT,IAAA,CAACF,IAAI;QACHkB,KAAK,EAAEC,MAAM,CAACK,IAAK;QACnBC,IAAI,EAAEd,QAAS;QACfJ,IAAI,EAAEA,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG,EAAG;QACjCmB,KAAK,EAAEhB,SAAS,IAAII,MAAM,CAACO;MAAW,CACvC,CACF,eACDnB,IAAA,CAACL,IAAI;QACH8B,OAAO,EAAEX,WAAY;QACrBE,KAAK,EAAE;UAAEQ,KAAK,EAAEhB,SAAS,IAAII,MAAM,CAACO;QAAW,CAAE;QACjDO,aAAa,EAAE,CAAE;QAAAX,QAAA,EAEhBX;MAAI,CACD,CAAC;IAAA,CACH;EAAC,CACE,CAAC;AAEhB;AAEA,MAAMa,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE;EACjB,CAAC;EACDT,IAAI,EAAE;IAAEU,SAAS,EAAE;EAAE,CAAC;EACtB1B,QAAQ,EAAE;IAAE2B,OAAO,EAAE;EAAI;AAC3B,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Header.js

@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const HEADER_BASE_HEIGHT = 52;
 export default function Header({
   title,
+  variant = 'default',
   leftButton,
   rightButton,
   style,
@@ -20,10 +21,11 @@ export default function Header({
     theme
   } = useTheme();
   const topInset = useInsets ? theme.insets?.top || 0 : 0;
+  const isSecondary = variant === 'secondary';
   const renderButton = button => {
     return /*#__PURE__*/_jsx(IconButton, {
       iconName: button.iconName,
-      variant: "transparent",
+      variant: button.variant ?? 'transparent',
       size: "medium",
       onPress: button.onPress,
       disabled: button.disabled
@@ -34,13 +36,13 @@ export default function Header({
       backgroundColor: colors.background,
       borderBottomColor: colors.border,
       paddingTop: topInset
-    }, !!children && styles.paddingBottom, style],
+    }, isSecondary && styles.headerSecondary, !!children && styles.paddingBottom, style],
     children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.headerContent,
+      style: [styles.headerContent, isSecondary && styles.headerContentSecondary],
       children: [/*#__PURE__*/_jsx(View, {
         style: [styles.slot, styles.leftSlot],
         children: leftButton && renderButton(leftButton)
-      }), /*#__PURE__*/_jsx(View, {
+      }), !isSecondary && /*#__PURE__*/_jsx(View, {
         style: styles.titleContainer,
         children: /*#__PURE__*/_jsx(Text, {
           variant: "h3",
@@ -55,6 +57,17 @@ export default function Header({
         style: [styles.slot, styles.rightSlot],
         children: rightButton && renderButton(rightButton)
       })]
+    }), isSecondary && /*#__PURE__*/_jsx(View, {
+      style: styles.titleRow,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "h2",
+        style: [styles.titleSecondary, {
+          color: colors.foreground
+        }],
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: title
+      })
     }), children]
   });
 }
@@ -63,11 +76,17 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1,
     paddingHorizontal: 16
   },
+  headerSecondary: {
+    paddingBottom: 12
+  },
   headerContent: {
     height: HEADER_BASE_HEIGHT,
     flexDirection: 'row',
     alignItems: 'center'
   },
+  headerContentSecondary: {
+    justifyContent: 'space-between'
+  },
   slot: {
     width: meassures.button.medium,
     justifyContent: 'center'
@@ -84,6 +103,13 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     marginHorizontal: 8
   },
+  titleRow: {
+    paddingHorizontal: 0,
+    paddingTop: 4
+  },
+  titleSecondary: {
+    textAlign: 'left'
+  },
   rightSlot: {
     alignItems: 'flex-end'
   },

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","renderButton","button","iconName","variant","size","onPress","disabled","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","paddingBottom","headerContent","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","width","medium","justifyContent","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","variant","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","isSecondary","renderButton","button","iconName","size","onPress","disabled","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","headerSecondary","paddingBottom","headerContent","headerContentSecondary","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","titleRow","titleSecondary","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","justifyContent","width","medium","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAAQ,wBAAqB;AACvD,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
+{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import { type AnimatedStyle } from 'react-native-reanimated';
 export declare enum ButtonVariant {
     flat = "flat",
     outline = "outline",
+    secondary = "secondary",
     transparent = "transparent",
     destructive = "destructive"
 }

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;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,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,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,2CAwGP"}
+{"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,SAAS,cAAc;IACvB,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;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,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,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,2CA6GP"}

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

@@ -1,9 +1,13 @@
 import { type PressableProps } from 'react-native';
+import type { IconName } from './Icon';
 type Props = PressableProps & {
     text: string;
     size?: 'normal' | 'small';
     disabled?: boolean;
+    iconName?: IconName;
+    textColor?: string;
+    backgroundColor?: string;
 };
-export default function Chip({ text, size, disabled, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Chip({ text, size, disabled, backgroundColor, textColor, iconName, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAQhF,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,IAAe,EACf,QAAgB,EAChB,GAAG,IAAI,EACR,EAAE,KAAK,2CA6BP"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,IAAe,EACf,QAAgB,EAChB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,2CAsCP"}

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

@@ -1,18 +1,22 @@
 import { type PropsWithChildren } from 'react';
 import { type ViewStyle, type StyleProp } from 'react-native';
 import { type IconName } from './Icon';
+import type { ButtonVariant } from './ButtonContainer';
+export type HeaderVariant = 'default' | 'secondary';
 type HeaderButtonProps = {
     iconName: IconName;
     onPress?: () => void;
     disabled?: boolean;
+    variant?: keyof typeof ButtonVariant;
 };
 type Props = PropsWithChildren & {
     title: string;
+    variant?: HeaderVariant;
     leftButton?: HeaderButtonProps;
     rightButton?: HeaderButtonProps;
     style?: StyleProp<ViewStyle>;
     useInsets?: boolean;
 };
-export default function Header({ title, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Header({ title, variant, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAMvC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,KAAK,2CAkDP"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;CACtC,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,OAAmB,EACnB,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,KAAK,2CAuEP"}

package/lib/typescript/src/index.d.ts

@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
 export { default as Chip } from './components/Chip';
 export { default as Icon, type IconName } from './components/Icon';
 export { default as IconButton } from './components/IconButton';
-export { default as Header } from './components/Header';
+export { default as Header, type HeaderVariant } from './components/Header';
 export { default as Switch } from './components/Switch';
 export { default as ButtonContainer, ButtonVariant, ButtonSize, } from './components/ButtonContainer';
 export { convertHexToRgba } from './utils/uiUtils';

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/package.json

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

package/src/components/ButtonContainer.tsx

@@ -25,6 +25,7 @@ import meassures from '../theme/meassures';
 export enum ButtonVariant {
   flat = 'flat',
   outline = 'outline',
+  secondary = 'secondary',
   transparent = 'transparent',
   destructive = 'destructive',
 }
@@ -97,7 +98,12 @@ export default function ButtonContainer({
       flat: {
         backgroundColor: colors.primary,
         textColor: colors.altForeground,
-        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8),
+        pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8),
+      },
+      secondary: {
+        backgroundColor: convertHexToRgba(colors.foreground, 0.1),
+        textColor: colors.foreground,
+        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2),
       },
     }[variant];
 

package/src/components/Chip.tsx

@@ -5,17 +5,25 @@ import Text from './Text';
 import useTheme from '../hooks/useTheme';
 
 import { convertHexToRgba } from '../utils/uiUtils';
+import type { IconName } from './Icon';
+import Icon from './Icon';
 
 type Props = PressableProps & {
   text: string;
   size?: 'normal' | 'small';
   disabled?: boolean;
+  iconName?: IconName;
+  textColor?: string;
+  backgroundColor?: string;
 };
 
 export default function Chip({
   text,
   size = 'normal',
   disabled = false,
+  backgroundColor,
+  textColor,
+  iconName,
   ...rest
 }: Props) {
   const { theme, colors } = useTheme();
@@ -29,16 +37,25 @@ export default function Chip({
         style={[
           styles.container,
           {
-            backgroundColor: convertHexToRgba(colors.foreground, 0.08),
+            backgroundColor:
+              backgroundColor || convertHexToRgba(colors.foreground, 0.08),
             borderRadius: theme.roundness,
             height,
           },
           disabled && styles.disabled,
         ]}
       >
+        {iconName && (
+          <Icon
+            style={styles.icon}
+            name={iconName}
+            size={size === 'small' ? 12 : 14}
+            color={textColor || colors.foreground}
+          />
+        )}
         <Text
           variant={textVariant}
-          style={{ color: colors.foreground }}
+          style={{ color: textColor || colors.foreground }}
           numberOfLines={1}
         >
           {text}
@@ -53,6 +70,8 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     paddingHorizontal: 12,
+    flexDirection: 'row',
   },
+  icon: { marginEnd: 8 },
   disabled: { opacity: 0.3 },
 });

package/src/components/Header.tsx

@@ -8,15 +8,20 @@ import { type IconName } from './Icon';
 import useTheme from '../hooks/useTheme';
 
 import meassures from '../theme/meassures';
+import type { ButtonVariant } from './ButtonContainer';
+
+export type HeaderVariant = 'default' | 'secondary';
 
 type HeaderButtonProps = {
   iconName: IconName;
   onPress?: () => void;
   disabled?: boolean;
+  variant?: keyof typeof ButtonVariant;
 };
 
 type Props = PropsWithChildren & {
   title: string;
+  variant?: HeaderVariant;
   leftButton?: HeaderButtonProps;
   rightButton?: HeaderButtonProps;
   style?: StyleProp<ViewStyle>;
@@ -27,6 +32,7 @@ const HEADER_BASE_HEIGHT = 52;
 
 export default function Header({
   title,
+  variant = 'default',
   leftButton,
   rightButton,
   style,
@@ -35,12 +41,13 @@ export default function Header({
 }: Props) {
   const { colors, theme } = useTheme();
   const topInset = useInsets ? theme.insets?.top || 0 : 0;
+  const isSecondary = variant === 'secondary';
 
   const renderButton = (button: HeaderButtonProps) => {
     return (
       <IconButton
         iconName={button.iconName}
-        variant="transparent"
+        variant={button.variant ?? 'transparent'}
         size="medium"
         onPress={button.onPress}
         disabled={button.disabled}
@@ -57,28 +64,48 @@ export default function Header({
           borderBottomColor: colors.border,
           paddingTop: topInset,
         },
+        isSecondary && styles.headerSecondary,
         !!children && styles.paddingBottom,
         style,
       ]}
     >
-      <View style={styles.headerContent}>
+      <View
+        style={[
+          styles.headerContent,
+          isSecondary && styles.headerContentSecondary,
+        ]}
+      >
         <View style={[styles.slot, styles.leftSlot]}>
           {leftButton && renderButton(leftButton)}
         </View>
-        <View style={styles.titleContainer}>
+        {!isSecondary && (
+          <View style={styles.titleContainer}>
+            <Text
+              variant="h3"
+              style={[styles.title, { color: colors.foreground }]}
+              numberOfLines={1}
+              ellipsizeMode="tail"
+            >
+              {title}
+            </Text>
+          </View>
+        )}
+        <View style={[styles.slot, styles.rightSlot]}>
+          {rightButton && renderButton(rightButton)}
+        </View>
+      </View>
+      {isSecondary && (
+        <View style={styles.titleRow}>
           <Text
-            variant="h3"
-            style={[styles.title, { color: colors.foreground }]}
+            variant="h2"
+            style={[styles.titleSecondary, { color: colors.foreground }]}
             numberOfLines={1}
             ellipsizeMode="tail"
           >
             {title}
           </Text>
         </View>
-        <View style={[styles.slot, styles.rightSlot]}>
-          {rightButton && renderButton(rightButton)}
-        </View>
-      </View>
+      )}
       {children}
     </View>
   );
@@ -86,15 +113,19 @@ export default function Header({
 
 const styles = StyleSheet.create({
   header: { borderBottomWidth: 1, paddingHorizontal: 16 },
+  headerSecondary: { paddingBottom: 12 },
   headerContent: {
     height: HEADER_BASE_HEIGHT,
     flexDirection: 'row',
     alignItems: 'center',
   },
+  headerContentSecondary: { justifyContent: 'space-between' },
   slot: { width: meassures.button.medium, justifyContent: 'center' },
   leftSlot: { alignItems: 'flex-start' },
   titleContainer: { flex: 1, alignItems: 'center', justifyContent: 'center' },
   title: { textAlign: 'center', marginHorizontal: 8 },
+  titleRow: { paddingHorizontal: 0, paddingTop: 4 },
+  titleSecondary: { textAlign: 'left' },
   rightSlot: { alignItems: 'flex-end' },
   paddingBottom: { paddingBottom: 16 },
 });

package/src/index.tsx

@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
 export { default as Chip } from './components/Chip';
 export { default as Icon, type IconName } from './components/Icon';
 export { default as IconButton } from './components/IconButton';
-export { default as Header } from './components/Header';
+export { default as Header, type HeaderVariant } from './components/Header';
 export { default as Switch } from './components/Switch';
 export {
   default as ButtonContainer,