alouette 19.0.0 → 19.2.0

package/dist/index-browser.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { VariableContextProvider, styled as styled$1 } from 'nativewind';
-import { createContext, useContext, forwardRef, Fragment, Children, cloneElement, useRef, useState, useEffect, isValidElement, useCallback } from 'react';
+import { createContext, useContext, forwardRef, Children, cloneElement, Fragment, useRef, useState, useEffect, isValidElement, useCallback } from 'react';
 import { useColorScheme, View as View$1, Text as Text$1, ScrollView as ScrollView$1, FlatList as FlatList$1, SectionList as SectionList$1, Pressable, Platform, TextInput, useWindowDimensions } from 'react-native-web';
 import { extendTailwindMerge, twMerge as twMerge$1 } from 'tailwind-merge';
 import { tv } from 'tailwind-variants';
@@ -36,6 +36,7 @@ const themeVariables = {
     "--color-screen": "#EBEBEB",
     "--color-surface": "#F5F5F5",
     "--color-highlight": "#FFFFFF",
+    "--color-enabled": "#C7C7C7",
     "--color-highlight-accent": "#E0E0E0",
     "--color-lowered": "#E0E0E0",
     "--color-screen-gradient-start": "#E0E0E0",
@@ -44,17 +45,17 @@ const themeVariables = {
     "--color-border-muted": "#8F8F8F",
     "--color-border-sharp": "#616161",
     "--color-interactive-contained-pressable": "#FFFFFF",
-    "--color-interactive-contained-hover": "#E0E0E0",
-    "--color-interactive-contained-focus": "#E0E0E0",
-    "--color-interactive-contained-active": "#C7C7C7",
-    "--color-interactive-outlined-pressable": "#8F8F8F",
-    "--color-interactive-outlined-hover": "#616161",
-    "--color-interactive-outlined-focus": "#616161",
-    "--color-interactive-outlined-active": "#616161",
+    "--color-interactive-contained-hover": "#F5F5F5",
+    "--color-interactive-contained-focus": "#F5F5F5",
+    "--color-interactive-contained-active": "#EBEBEB",
+    "--color-interactive-outlined-pressable": "#616161",
+    "--color-interactive-outlined-hover": "#8F8F8F",
+    "--color-interactive-outlined-focus": "#8F8F8F",
+    "--color-interactive-outlined-active": "#8F8F8F",
     "--color-interactive-outlined-outline-focus": "#8F8F8F",
     "--color-interactive-active": "#616161",
     "--color-interactive-pressable": "#474747",
-    "--color-interactive-hover": "#2E2E2E",
+    "--color-interactive-hover": "#141414",
     "--color-sharp": "#141414",
     "--color-accent": "#141414",
     "--color-accent-muted": "#616161",
@@ -83,6 +84,7 @@ const themeVariables = {
     "--color-screen": "#1F1F1F",
     "--color-surface": "#292929",
     "--color-highlight": "#333333",
+    "--color-enabled": "#525252",
     "--color-highlight-accent": "#333333",
     "--color-lowered": "#0F0F0F",
     "--color-screen-gradient-start": "#292929",
@@ -90,10 +92,10 @@ const themeVariables = {
     "--color-screen-gradient-end": "#0F0F0F",
     "--color-border-muted": "#525252",
     "--color-border-sharp": "#A8A8A8",
-    "--color-interactive-contained-pressable": "#333333",
-    "--color-interactive-contained-hover": "#474747",
-    "--color-interactive-contained-focus": "#474747",
-    "--color-interactive-contained-active": "#474747",
+    "--color-interactive-contained-pressable": "#474747",
+    "--color-interactive-contained-hover": "#525252",
+    "--color-interactive-contained-focus": "#525252",
+    "--color-interactive-contained-active": "#525252",
     "--color-interactive-outlined-pressable": "#525252",
     "--color-interactive-outlined-hover": "#A8A8A8",
     "--color-interactive-outlined-focus": "#A8A8A8",
@@ -101,7 +103,7 @@ const themeVariables = {
     "--color-interactive-outlined-outline-focus": "#525252",
     "--color-interactive-active": "#A8A8A8",
     "--color-interactive-pressable": "#C2C2C2",
-    "--color-interactive-hover": "#DBDBDB",
+    "--color-interactive-hover": "#F5F5F5",
     "--color-sharp": "#F5F5F5",
     "--color-accent": "#F5F5F5",
     "--color-accent-muted": "#C2C2C2",
@@ -130,30 +132,31 @@ const themeVariables = {
     "--color-screen": "#DFF1F6",
     "--color-surface": "#EFF8FB",
     "--color-highlight": "#F7FBFD",
+    "--color-enabled": "#99DFF5",
     "--color-highlight-accent": "#C7EEF9",
     "--color-lowered": "#C7EEF9",
     "--color-screen-gradient-start": "#C7EEF9",
     "--color-screen-gradient-middle": "#99DFF5",
     "--color-screen-gradient-end": "#7DD7F2",
     "--color-border-muted": "#23C8FB",
-    "--color-border-sharp": "#0493BE",
-    "--color-interactive-contained-pressable": "#F7FBFD",
-    "--color-interactive-contained-hover": "#C7EEF9",
-    "--color-interactive-contained-focus": "#C7EEF9",
-    "--color-interactive-contained-active": "#99DFF5",
-    "--color-interactive-outlined-pressable": "#23C8FB",
-    "--color-interactive-outlined-hover": "#0493BE",
-    "--color-interactive-outlined-focus": "#0493BE",
-    "--color-interactive-outlined-active": "#0493BE",
+    "--color-border-sharp": "#037496",
+    "--color-interactive-contained-pressable": "#037496",
+    "--color-interactive-contained-hover": "#049AC8",
+    "--color-interactive-contained-focus": "#049AC8",
+    "--color-interactive-contained-active": "#23C8FB",
+    "--color-interactive-outlined-pressable": "#037496",
+    "--color-interactive-outlined-hover": "#23C8FB",
+    "--color-interactive-outlined-focus": "#23C8FB",
+    "--color-interactive-outlined-active": "#23C8FB",
     "--color-interactive-outlined-outline-focus": "#23C8FB",
-    "--color-interactive-active": "#0493BE",
+    "--color-interactive-active": "#037496",
     "--color-interactive-pressable": "#024D64",
-    "--color-interactive-hover": "#012732",
+    "--color-interactive-hover": "#011F28",
     "--color-sharp": "#011F28",
     "--color-accent": "#024D64",
-    "--color-accent-muted": "#0493BE",
-    "--color-on-accent": "#024D64",
-    "--color-on-accent-muted": "#7DD7F2",
+    "--color-accent-muted": "#037496",
+    "--color-on-accent": "#FFFFFF",
+    "--color-on-accent-muted": "#C7EEF9",
     "--color-selection": "#024D6440",
     "--color-interactive-accent-contained-bg": "#DFF1F6",
     "--color-interactive-accent-contained-bg-hover": "#EFF8FB",
@@ -177,30 +180,31 @@ const themeVariables = {
     "--color-screen": "#DFF0F6",
     "--color-surface": "#EFF8FB",
     "--color-highlight": "#F7FBFD",
+    "--color-enabled": "#99DEF5",
     "--color-highlight-accent": "#C7EDF9",
     "--color-lowered": "#C7EDF9",
     "--color-screen-gradient-start": "#C7EDF9",
     "--color-screen-gradient-middle": "#99DEF5",
     "--color-screen-gradient-end": "#7DD5F2",
     "--color-border-muted": "#23C5FB",
-    "--color-border-sharp": "#048FBE",
-    "--color-interactive-contained-pressable": "#F7FBFD",
-    "--color-interactive-contained-hover": "#C7EDF9",
-    "--color-interactive-contained-focus": "#C7EDF9",
-    "--color-interactive-contained-active": "#99DEF5",
-    "--color-interactive-outlined-pressable": "#23C5FB",
-    "--color-interactive-outlined-hover": "#048FBE",
-    "--color-interactive-outlined-focus": "#048FBE",
-    "--color-interactive-outlined-active": "#048FBE",
+    "--color-border-sharp": "#037196",
+    "--color-interactive-contained-pressable": "#037196",
+    "--color-interactive-contained-hover": "#0497C8",
+    "--color-interactive-contained-focus": "#0497C8",
+    "--color-interactive-contained-active": "#23C5FB",
+    "--color-interactive-outlined-pressable": "#037196",
+    "--color-interactive-outlined-hover": "#23C5FB",
+    "--color-interactive-outlined-focus": "#23C5FB",
+    "--color-interactive-outlined-active": "#23C5FB",
     "--color-interactive-outlined-outline-focus": "#23C5FB",
-    "--color-interactive-active": "#048FBE",
+    "--color-interactive-active": "#037196",
     "--color-interactive-pressable": "#024B64",
-    "--color-interactive-hover": "#012632",
+    "--color-interactive-hover": "#011E28",
     "--color-sharp": "#011E28",
     "--color-accent": "#024B64",
-    "--color-accent-muted": "#048FBE",
-    "--color-on-accent": "#024B64",
-    "--color-on-accent-muted": "#7DD5F2",
+    "--color-accent-muted": "#037196",
+    "--color-on-accent": "#FFFFFF",
+    "--color-on-accent-muted": "#C7EDF9",
     "--color-selection": "#024B6440",
     "--color-interactive-accent-contained-bg": "#DFF0F6",
     "--color-interactive-accent-contained-bg-hover": "#EFF8FB",
@@ -224,31 +228,32 @@ const themeVariables = {
     "--color-screen": "#DFF6DF",
     "--color-surface": "#EFFBEF",
     "--color-highlight": "#F7FDF7",
-    "--color-highlight-accent": "#C7F9C7",
-    "--color-lowered": "#C7F9C7",
-    "--color-screen-gradient-start": "#C7F9C7",
-    "--color-screen-gradient-middle": "#99F599",
-    "--color-screen-gradient-end": "#7DF27D",
-    "--color-border-muted": "#23FB23",
-    "--color-border-sharp": "#04BE04",
-    "--color-interactive-contained-pressable": "#F7FDF7",
-    "--color-interactive-contained-hover": "#C7F9C7",
-    "--color-interactive-contained-focus": "#C7F9C7",
-    "--color-interactive-contained-active": "#99F599",
-    "--color-interactive-outlined-pressable": "#23FB23",
-    "--color-interactive-outlined-hover": "#04BE04",
-    "--color-interactive-outlined-focus": "#04BE04",
-    "--color-interactive-outlined-active": "#04BE04",
-    "--color-interactive-outlined-outline-focus": "#23FB23",
-    "--color-interactive-active": "#04BE04",
-    "--color-interactive-pressable": "#025002",
-    "--color-interactive-hover": "#011E01",
+    "--color-enabled": "#91F391",
+    "--color-highlight-accent": "#BFF8BF",
+    "--color-lowered": "#BFF8BF",
+    "--color-screen-gradient-start": "#BFF8BF",
+    "--color-screen-gradient-middle": "#91F391",
+    "--color-screen-gradient-end": "#75F075",
+    "--color-border-muted": "#19FA19",
+    "--color-border-sharp": "#027802",
+    "--color-interactive-contained-pressable": "#027802",
+    "--color-interactive-contained-hover": "#03AA03",
+    "--color-interactive-contained-focus": "#03AA03",
+    "--color-interactive-contained-active": "#19FA19",
+    "--color-interactive-outlined-pressable": "#027802",
+    "--color-interactive-outlined-hover": "#19FA19",
+    "--color-interactive-outlined-focus": "#19FA19",
+    "--color-interactive-outlined-active": "#19FA19",
+    "--color-interactive-outlined-outline-focus": "#19FA19",
+    "--color-interactive-active": "#027802",
+    "--color-interactive-pressable": "#014601",
+    "--color-interactive-hover": "#012801",
     "--color-sharp": "#012801",
-    "--color-accent": "#025002",
-    "--color-accent-muted": "#04BE04",
-    "--color-on-accent": "#025002",
-    "--color-on-accent-muted": "#7DF27D",
-    "--color-selection": "#02500240",
+    "--color-accent": "#014601",
+    "--color-accent-muted": "#027802",
+    "--color-on-accent": "#FFFFFF",
+    "--color-on-accent-muted": "#BFF8BF",
+    "--color-selection": "#01460140",
     "--color-interactive-accent-contained-bg": "#DFF6DF",
     "--color-interactive-accent-contained-bg-hover": "#EFFBEF",
     "--color-interactive-accent-contained-bg-focus": "#EFFBEF",
@@ -271,31 +276,32 @@ const themeVariables = {
     "--color-screen": "#F6EEDF",
     "--color-surface": "#FBF7EF",
     "--color-highlight": "#FDFBF7",
-    "--color-highlight-accent": "#F6E1B6",
-    "--color-lowered": "#F6E1B6",
-    "--color-screen-gradient-start": "#F6E1B6",
-    "--color-screen-gradient-middle": "#F0CE89",
-    "--color-screen-gradient-end": "#EDC36E",
-    "--color-border-muted": "#FAAC0F",
-    "--color-border-sharp": "#AA7203",
-    "--color-interactive-contained-pressable": "#FDFBF7",
-    "--color-interactive-contained-hover": "#F6E1B6",
-    "--color-interactive-contained-focus": "#F6E1B6",
-    "--color-interactive-contained-active": "#F0CE89",
-    "--color-interactive-outlined-pressable": "#FAAC0F",
-    "--color-interactive-outlined-hover": "#AA7203",
-    "--color-interactive-outlined-focus": "#AA7203",
-    "--color-interactive-outlined-active": "#AA7203",
-    "--color-interactive-outlined-outline-focus": "#FAAC0F",
-    "--color-interactive-active": "#AA7203",
-    "--color-interactive-pressable": "#281B01",
-    "--color-interactive-hover": "#F6F900",
+    "--color-enabled": "#F3D291",
+    "--color-highlight-accent": "#F8E5BF",
+    "--color-lowered": "#F8E5BF",
+    "--color-screen-gradient-start": "#F8E5BF",
+    "--color-screen-gradient-middle": "#F3D291",
+    "--color-screen-gradient-end": "#F0C775",
+    "--color-border-muted": "#FAAF19",
+    "--color-border-sharp": "#8C5E03",
+    "--color-interactive-contained-pressable": "#8C5E03",
+    "--color-interactive-contained-hover": "#BE8004",
+    "--color-interactive-contained-focus": "#BE8004",
+    "--color-interactive-contained-active": "#FAAF19",
+    "--color-interactive-outlined-pressable": "#8C5E03",
+    "--color-interactive-outlined-hover": "#FAAF19",
+    "--color-interactive-outlined-focus": "#FAAF19",
+    "--color-interactive-outlined-active": "#FAAF19",
+    "--color-interactive-outlined-outline-focus": "#FAAF19",
+    "--color-interactive-active": "#8C5E03",
+    "--color-interactive-pressable": "#5A3D02",
+    "--color-interactive-hover": "#281B01",
     "--color-sharp": "#281B01",
-    "--color-accent": "#281B01",
-    "--color-accent-muted": "#AA7203",
-    "--color-on-accent": "#281B01",
-    "--color-on-accent-muted": "#EDC36E",
-    "--color-selection": "#281B0140",
+    "--color-accent": "#5A3D02",
+    "--color-accent-muted": "#8C5E03",
+    "--color-on-accent": "#FFFFFF",
+    "--color-on-accent-muted": "#F8E5BF",
+    "--color-selection": "#5A3D0240",
     "--color-interactive-accent-contained-bg": "#F6EEDF",
     "--color-interactive-accent-contained-bg-hover": "#FBF7EF",
     "--color-interactive-accent-contained-bg-focus": "#FBF7EF",
@@ -318,30 +324,31 @@ const themeVariables = {
     "--color-screen": "#F6E0DF",
     "--color-surface": "#FBEFEF",
     "--color-highlight": "#FDF7F7",
+    "--color-enabled": "#F7A4A1",
     "--color-highlight-accent": "#FBD2D0",
     "--color-lowered": "#FBD2D0",
     "--color-screen-gradient-start": "#FBD2D0",
     "--color-screen-gradient-middle": "#F7A4A1",
     "--color-screen-gradient-end": "#F48985",
     "--color-border-muted": "#FB342D",
-    "--color-border-sharp": "#C80B04",
-    "--color-interactive-contained-pressable": "#FDF7F7",
-    "--color-interactive-contained-hover": "#FBD2D0",
-    "--color-interactive-contained-focus": "#FBD2D0",
-    "--color-interactive-contained-active": "#F7A4A1",
-    "--color-interactive-outlined-pressable": "#FB342D",
-    "--color-interactive-outlined-hover": "#C80B04",
-    "--color-interactive-outlined-focus": "#C80B04",
-    "--color-interactive-outlined-active": "#C80B04",
+    "--color-border-sharp": "#A00803",
+    "--color-interactive-contained-pressable": "#A00803",
+    "--color-interactive-contained-hover": "#D20B04",
+    "--color-interactive-contained-focus": "#D20B04",
+    "--color-interactive-contained-active": "#FB342D",
+    "--color-interactive-outlined-pressable": "#A00803",
+    "--color-interactive-outlined-hover": "#FB342D",
+    "--color-interactive-outlined-focus": "#FB342D",
+    "--color-interactive-outlined-active": "#FB342D",
     "--color-interactive-outlined-outline-focus": "#FB342D",
-    "--color-interactive-active": "#C80B04",
+    "--color-interactive-active": "#A00803",
     "--color-interactive-pressable": "#6E0602",
-    "--color-interactive-hover": "#3C0301",
+    "--color-interactive-hover": "#280201",
     "--color-sharp": "#280201",
     "--color-accent": "#6E0602",
-    "--color-accent-muted": "#C80B04",
-    "--color-on-accent": "#6E0602",
-    "--color-on-accent-muted": "#F48985",
+    "--color-accent-muted": "#A00803",
+    "--color-on-accent": "#FFFFFF",
+    "--color-on-accent-muted": "#FBD2D0",
     "--color-selection": "#6E060240",
     "--color-interactive-accent-contained-bg": "#F6E0DF",
     "--color-interactive-accent-contained-bg-hover": "#FBEFEF",
@@ -365,6 +372,7 @@ const themeVariables = {
     "--color-screen": "#0D2830",
     "--color-surface": "#123540",
     "--color-highlight": "#104E60",
+    "--color-enabled": "#1E94B8",
     "--color-highlight-accent": "#104E60",
     "--color-lowered": "#071418",
     "--color-screen-gradient-start": "#123540",
@@ -372,10 +380,10 @@ const themeVariables = {
     "--color-screen-gradient-end": "#071418",
     "--color-border-muted": "#1E94B8",
     "--color-border-sharp": "#5CD1F5",
-    "--color-interactive-contained-pressable": "#104E60",
-    "--color-interactive-contained-hover": "#156A84",
-    "--color-interactive-contained-focus": "#156A84",
-    "--color-interactive-contained-active": "#156A84",
+    "--color-interactive-contained-pressable": "#156A84",
+    "--color-interactive-contained-hover": "#1E94B8",
+    "--color-interactive-contained-focus": "#1E94B8",
+    "--color-interactive-contained-active": "#1E94B8",
     "--color-interactive-outlined-pressable": "#1E94B8",
     "--color-interactive-outlined-hover": "#5CD1F5",
     "--color-interactive-outlined-focus": "#5CD1F5",
@@ -383,11 +391,11 @@ const themeVariables = {
     "--color-interactive-outlined-outline-focus": "#1E94B8",
     "--color-interactive-active": "#5CD1F5",
     "--color-interactive-pressable": "#8CDFF8",
-    "--color-interactive-hover": "#BCECFB",
+    "--color-interactive-hover": "#D9F4FD",
     "--color-sharp": "#D9F4FD",
     "--color-accent": "#8CDFF8",
     "--color-accent-muted": "#8CDFF8",
-    "--color-on-accent": "#D9F4FD",
+    "--color-on-accent": "#F5F5F5",
     "--color-on-accent-muted": "#8CDFF8",
     "--color-selection": "#8CDFF840",
     "--color-interactive-accent-contained-bg": "#156A84",
@@ -412,6 +420,7 @@ const themeVariables = {
     "--color-screen": "#0D2730",
     "--color-surface": "#123440",
     "--color-highlight": "#104C60",
+    "--color-enabled": "#1E92B8",
     "--color-highlight-accent": "#104C60",
     "--color-lowered": "#071418",
     "--color-screen-gradient-start": "#123440",
@@ -419,10 +428,10 @@ const themeVariables = {
     "--color-screen-gradient-end": "#071418",
     "--color-border-muted": "#1E92B8",
     "--color-border-sharp": "#5CCEF5",
-    "--color-interactive-contained-pressable": "#104C60",
-    "--color-interactive-contained-hover": "#156884",
-    "--color-interactive-contained-focus": "#156884",
-    "--color-interactive-contained-active": "#156884",
+    "--color-interactive-contained-pressable": "#156884",
+    "--color-interactive-contained-hover": "#1E92B8",
+    "--color-interactive-contained-focus": "#1E92B8",
+    "--color-interactive-contained-active": "#1E92B8",
     "--color-interactive-outlined-pressable": "#1E92B8",
     "--color-interactive-outlined-hover": "#5CCEF5",
     "--color-interactive-outlined-focus": "#5CCEF5",
@@ -430,11 +439,11 @@ const themeVariables = {
     "--color-interactive-outlined-outline-focus": "#1E92B8",
     "--color-interactive-active": "#5CCEF5",
     "--color-interactive-pressable": "#8CDDF8",
-    "--color-interactive-hover": "#BCEBFB",
+    "--color-interactive-hover": "#D9F4FD",
     "--color-sharp": "#D9F4FD",
     "--color-accent": "#8CDDF8",
     "--color-accent-muted": "#8CDDF8",
-    "--color-on-accent": "#D9F4FD",
+    "--color-on-accent": "#F5F5F5",
     "--color-on-accent-muted": "#8CDDF8",
     "--color-selection": "#8CDDF840",
     "--color-interactive-accent-contained-bg": "#156884",
@@ -458,36 +467,37 @@ const themeVariables = {
     "--color-interactive-accent-outlined-disabled": "#474747",
     "--color-screen": "#0D300D",
     "--color-surface": "#124012",
-    "--color-highlight": "#106010",
-    "--color-highlight-accent": "#106010",
+    "--color-highlight": "#0F570F",
+    "--color-enabled": "#1FAD1F",
+    "--color-highlight-accent": "#0F570F",
     "--color-lowered": "#071807",
     "--color-screen-gradient-start": "#124012",
     "--color-screen-gradient-middle": "#0D300D",
     "--color-screen-gradient-end": "#071807",
-    "--color-border-muted": "#1EB81E",
-    "--color-border-sharp": "#5CF55C",
-    "--color-interactive-contained-pressable": "#106010",
-    "--color-interactive-contained-hover": "#158415",
-    "--color-interactive-contained-focus": "#158415",
-    "--color-interactive-contained-active": "#158415",
-    "--color-interactive-outlined-pressable": "#1EB81E",
-    "--color-interactive-outlined-hover": "#5CF55C",
-    "--color-interactive-outlined-focus": "#5CF55C",
-    "--color-interactive-outlined-active": "#5CF55C",
-    "--color-interactive-outlined-outline-focus": "#1EB81E",
-    "--color-interactive-active": "#5CF55C",
-    "--color-interactive-pressable": "#8CF88C",
-    "--color-interactive-hover": "#BCFBBC",
+    "--color-border-muted": "#1FAD1F",
+    "--color-border-sharp": "#52F452",
+    "--color-interactive-contained-pressable": "#157915",
+    "--color-interactive-contained-hover": "#1FAD1F",
+    "--color-interactive-contained-focus": "#1FAD1F",
+    "--color-interactive-contained-active": "#1FAD1F",
+    "--color-interactive-outlined-pressable": "#1FAD1F",
+    "--color-interactive-outlined-hover": "#52F452",
+    "--color-interactive-outlined-focus": "#52F452",
+    "--color-interactive-outlined-active": "#52F452",
+    "--color-interactive-outlined-outline-focus": "#1FAD1F",
+    "--color-interactive-active": "#52F452",
+    "--color-interactive-pressable": "#82F782",
+    "--color-interactive-hover": "#D9FDD9",
     "--color-sharp": "#D9FDD9",
-    "--color-accent": "#8CF88C",
-    "--color-accent-muted": "#8CF88C",
-    "--color-on-accent": "#D9FDD9",
-    "--color-on-accent-muted": "#8CF88C",
-    "--color-selection": "#8CF88C40",
-    "--color-interactive-accent-contained-bg": "#158415",
-    "--color-interactive-accent-contained-bg-hover": "#1EB81E",
-    "--color-interactive-accent-contained-bg-focus": "#1EB81E",
-    "--color-interactive-accent-contained-bg-active": "#1EB81E"
+    "--color-accent": "#82F782",
+    "--color-accent-muted": "#82F782",
+    "--color-on-accent": "#F5F5F5",
+    "--color-on-accent-muted": "#82F782",
+    "--color-selection": "#82F78240",
+    "--color-interactive-accent-contained-bg": "#157915",
+    "--color-interactive-accent-contained-bg-hover": "#1FAD1F",
+    "--color-interactive-accent-contained-bg-focus": "#1FAD1F",
+    "--color-interactive-accent-contained-bg-active": "#1FAD1F"
   },
   "dark_warning": {
     "--color-translucent": "#1f1e1e55",
@@ -505,36 +515,37 @@ const themeVariables = {
     "--color-interactive-accent-outlined-disabled": "#474747",
     "--color-screen": "#30240D",
     "--color-surface": "#403012",
-    "--color-highlight": "#4F390D",
-    "--color-highlight-accent": "#4F390D",
+    "--color-highlight": "#583F0E",
+    "--color-enabled": "#AF7E1D",
+    "--color-highlight-accent": "#583F0E",
     "--color-lowered": "#181207",
     "--color-screen-gradient-start": "#403012",
     "--color-screen-gradient-middle": "#30240D",
     "--color-screen-gradient-end": "#181207",
-    "--color-border-muted": "#A7781B",
-    "--color-border-sharp": "#F3BB49",
-    "--color-interactive-contained-pressable": "#4F390D",
-    "--color-interactive-contained-hover": "#725213",
-    "--color-interactive-contained-focus": "#725213",
-    "--color-interactive-contained-active": "#725213",
-    "--color-interactive-outlined-pressable": "#A7781B",
-    "--color-interactive-outlined-hover": "#F3BB49",
-    "--color-interactive-outlined-focus": "#F3BB49",
-    "--color-interactive-outlined-active": "#F3BB49",
-    "--color-interactive-outlined-outline-focus": "#A7781B",
-    "--color-interactive-active": "#F3BB49",
-    "--color-interactive-pressable": "#F6CD79",
-    "--color-interactive-hover": "#F9DFA9",
+    "--color-border-muted": "#AF7E1D",
+    "--color-border-sharp": "#F4BE52",
+    "--color-interactive-contained-pressable": "#7B5914",
+    "--color-interactive-contained-hover": "#AF7E1D",
+    "--color-interactive-contained-focus": "#AF7E1D",
+    "--color-interactive-contained-active": "#AF7E1D",
+    "--color-interactive-outlined-pressable": "#AF7E1D",
+    "--color-interactive-outlined-hover": "#F4BE52",
+    "--color-interactive-outlined-focus": "#F4BE52",
+    "--color-interactive-outlined-active": "#F4BE52",
+    "--color-interactive-outlined-outline-focus": "#AF7E1D",
+    "--color-interactive-active": "#F4BE52",
+    "--color-interactive-pressable": "#F7D082",
+    "--color-interactive-hover": "#FDF1D9",
     "--color-sharp": "#FDF1D9",
-    "--color-accent": "#F6CD79",
-    "--color-accent-muted": "#F6CD79",
-    "--color-on-accent": "#FDF1D9",
-    "--color-on-accent-muted": "#F6CD79",
-    "--color-selection": "#F6CD7940",
-    "--color-interactive-accent-contained-bg": "#725213",
-    "--color-interactive-accent-contained-bg-hover": "#A7781B",
-    "--color-interactive-accent-contained-bg-focus": "#A7781B",
-    "--color-interactive-accent-contained-bg-active": "#A7781B"
+    "--color-accent": "#F7D082",
+    "--color-accent-muted": "#F7D082",
+    "--color-on-accent": "#F5F5F5",
+    "--color-on-accent-muted": "#F7D082",
+    "--color-selection": "#F7D08240",
+    "--color-interactive-accent-contained-bg": "#7B5914",
+    "--color-interactive-accent-contained-bg-hover": "#AF7E1D",
+    "--color-interactive-accent-contained-bg-focus": "#AF7E1D",
+    "--color-interactive-accent-contained-bg-active": "#AF7E1D"
   },
   "dark_danger": {
     "--color-translucent": "#1f1e1e55",
@@ -553,6 +564,7 @@ const themeVariables = {
     "--color-screen": "#300F0D",
     "--color-surface": "#401312",
     "--color-highlight": "#691411",
+    "--color-enabled": "#C1251F",
     "--color-highlight-accent": "#691411",
     "--color-lowered": "#180707",
     "--color-screen-gradient-start": "#401312",
@@ -560,10 +572,10 @@ const themeVariables = {
     "--color-screen-gradient-end": "#180707",
     "--color-border-muted": "#C1251F",
     "--color-border-sharp": "#F56A66",
-    "--color-interactive-contained-pressable": "#691411",
-    "--color-interactive-contained-hover": "#8C1B17",
-    "--color-interactive-contained-focus": "#8C1B17",
-    "--color-interactive-contained-active": "#8C1B17",
+    "--color-interactive-contained-pressable": "#8C1B17",
+    "--color-interactive-contained-hover": "#C1251F",
+    "--color-interactive-contained-focus": "#C1251F",
+    "--color-interactive-contained-active": "#C1251F",
     "--color-interactive-outlined-pressable": "#C1251F",
     "--color-interactive-outlined-hover": "#F56A66",
     "--color-interactive-outlined-focus": "#F56A66",
@@ -571,11 +583,11 @@ const themeVariables = {
     "--color-interactive-outlined-outline-focus": "#C1251F",
     "--color-interactive-active": "#F56A66",
     "--color-interactive-pressable": "#F89996",
-    "--color-interactive-hover": "#FBC7C5",
+    "--color-interactive-hover": "#FDDAD9",
     "--color-sharp": "#FDDAD9",
     "--color-accent": "#F89996",
     "--color-accent-muted": "#F89996",
-    "--color-on-accent": "#FDDAD9",
+    "--color-on-accent": "#F5F5F5",
     "--color-on-accent-muted": "#F89996",
     "--color-selection": "#F8999640",
     "--color-interactive-accent-contained-bg": "#8C1B17",
@@ -681,11 +693,10 @@ const Paragraph = forwardRef(
   }
 );
 
-const ScrollView = forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(ScrollView$1, { ref, ...props });
-  }
-);
+const ScrollView = styled$1(ScrollView$1, {
+  className: "style",
+  contentContainerClassName: "contentContainerStyle"
+});
 
 const FlatList = styled$1(FlatList$1, {
   className: "style",
@@ -784,6 +795,26 @@ const InteractiveBox = forwardRef(
     }
   )
 );
+const InteractiveBoxHitSlop = forwardRef(
+  ({ withFocusVisibleOutline, children, className, ...rest }, ref) => {
+    const child = Children.only(children);
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        ref,
+        pointerEvents: "auto",
+        className: `flex-center ${className ?? ""}`,
+        ...rest,
+        children: cloneElement(child, {
+          className: interactiveBoxVariants({
+            withFocusVisibleOutline,
+            className: child.props.className
+          })
+        })
+      }
+    );
+  }
+);
 const SafeAreaBox = forwardRef(
   (props, ref) => {
     const insets = useSafeAreaInsets();
@@ -1239,18 +1270,23 @@ const pressableBoxVariants = tv(
           "focus-visible:outline-border-muted"
         ].join(" "),
         outlined: [
-          "border",
+          "border bg-highlight",
           process.env.EXPO_PUBLIC_STORYBOOK_ENABLED ? "" : "border-interactive-outlined-pressable",
           "hover:border-interactive-outlined-hover",
           "focus:border-interactive-outlined-focus",
           "active:border-interactive-outlined-active",
           "disabled:border-interactive-outlined-disabled",
           "focus-visible:outline-interactive-outlined-outline-focus"
+        ].join(" "),
+        ghost: [
+          "border border-transparent",
+          "hover:border hover:border-interactive-outlined-hover",
+          "focus:border focus:border-interactive-outlined-focus",
+          "active:border active:border-interactive-outlined-active",
+          "disabled:border-interactive-outlined-disabled",
+          "focus-visible:outline-interactive-outlined-outline-focus"
         ].join(" ")
       },
-      ghost: {
-        true: "bg-transparent border-transparent shadow-none"
-      },
       forceStyle: {
         hover: "",
         focus: "",
@@ -1301,6 +1337,27 @@ const pressableBoxVariants = tv(
         variant: "outlined",
         forceStyle: "press",
         className: "border-interactive-outlined-active"
+      },
+      /* ghost */
+      {
+        variant: "ghost",
+        forceStyle: void 0,
+        className: "border-transparent"
+      },
+      {
+        variant: "ghost",
+        forceStyle: "hover",
+        className: "border-interactive-outlined-hover"
+      },
+      {
+        variant: "ghost",
+        forceStyle: "focus",
+        className: "border-interactive-outlined-focus"
+      },
+      {
+        variant: "ghost",
+        forceStyle: "press",
+        className: "border-interactive-outlined-active"
       }
     ] : void 0,
     defaultVariants: {
@@ -1310,7 +1367,7 @@ const pressableBoxVariants = tv(
   { twMerge: false }
 );
 const PressableBox = forwardRef(
-  ({ className, variant, ghost = false, forceStyle, accent, ...props }, ref) => {
+  ({ className, variant, forceStyle, accent, ...props }, ref) => {
     return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsx(
       InteractiveBox,
       {
@@ -1319,7 +1376,6 @@ const PressableBox = forwardRef(
         role: "button",
         className: pressableBoxVariants({
           variant,
-          ghost,
           className,
           forceStyle
         }),
@@ -1353,7 +1409,8 @@ const buttonVariants = tv(
       },
       variant: {
         contained: { text: "text-on-accent" },
-        outlined: { text: "text-sharp" }
+        outlined: { text: "text-sharp" },
+        ghost: { text: "text-sharp" }
       },
       disabled: { true: {}, false: {} }
     },
@@ -1361,8 +1418,18 @@ const buttonVariants = tv(
       {
         variant: "contained",
         disabled: false,
+        ghost: false,
         class: { icon: "text-on-accent" }
       },
+      {
+        variant: "contained",
+        disabled: false,
+        ghost: true,
+        class: {
+          text: "text-sharp hover:text-on-accent",
+          icon: "text-sharp hover:text-on-accent"
+        }
+      },
       { variant: "outlined", disabled: false, class: { icon: "text-sharp" } },
       {
         variant: "contained",
@@ -1389,7 +1456,11 @@ function Button({
   className,
   ...pressableProps
 }) {
-  const styles = buttonVariants({ size, variant, disabled: disabled === true });
+  const styles = buttonVariants({
+    size,
+    variant,
+    disabled: disabled === true
+  });
   return /* @__PURE__ */ jsxs(
     PressableBox,
     {
@@ -1450,7 +1521,8 @@ const iconButtonVariants = tv(
     variants: {
       variant: {
         contained: {},
-        outlined: {}
+        outlined: {},
+        ghost: {}
       },
       disabled: {
         true: {},
@@ -1468,6 +1540,11 @@ const iconButtonVariants = tv(
         disabled: false,
         class: { icon: "text-sharp" }
       },
+      {
+        variant: "ghost",
+        disabled: false,
+        class: { icon: "text-sharp" }
+      },
       {
         variant: "contained",
         disabled: true,
@@ -1477,6 +1554,11 @@ const iconButtonVariants = tv(
         variant: "outlined",
         disabled: true,
         class: { icon: "text-disabled-muted" }
+      },
+      {
+        variant: "ghost",
+        disabled: true,
+        class: { icon: "text-disabled-muted" }
       }
     ],
     defaultVariants: { variant: "contained" }
@@ -1603,8 +1685,9 @@ const TextArea = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(InputText, { ref, multiline: true, ...props });
 });
 
-const TRACK_HEIGHT = 44;
-const TRACK_WIDTH = 66;
+const PRESSABLE_HEIGHT = 44;
+const TRACK_HEIGHT = 36;
+const TRACK_WIDTH = 58;
 const THUMB_PADDING = TRACK_HEIGHT * 0.1;
 const THUMB_SIZE = TRACK_HEIGHT * 0.8;
 const TRAVEL_X = TRACK_WIDTH - THUMB_SIZE - THUMB_PADDING * 2;
@@ -1612,6 +1695,8 @@ const trackVariants = tv(
   {
     // TODO if we can fix web to use proper button, change aria-disabled to disabled
     base: [
+      "height-[36px] w-[58px]",
+      // Must be identical to TRACK_HEIGHT and TRACK_WIDTH constants above
       "relative rounded-full overflow-hidden shadow-lowered pointer-events-auto",
       "transition-background-color duration-200 ease-in",
       "outline-interactive-outlined-outline-focus",
@@ -1620,7 +1705,7 @@ const trackVariants = tv(
     variants: {
       checked: {
         false: "bg-lowered",
-        true: "bg-lowered"
+        true: "bg-enabled"
       },
       // Storybook-only static stand-in for the :hover/:active states above.
       forceStyle: process.env.EXPO_PUBLIC_STORYBOOK_ENABLED ? { hover: "", focus: "", press: "" } : { hover: "", focus: "", press: "" }
@@ -1663,15 +1748,14 @@ function SwitchInner({
 }) {
   const [value, setValue] = useControllableChecked(checked, onValueChange);
   return /* @__PURE__ */ jsx(
-    InteractiveBox,
+    InteractiveBoxHitSlop,
     {
       withFocusVisibleOutline: true,
       role: "switch",
       "aria-checked": value,
       "aria-disabled": disabled === true,
       disabled,
-      className: trackVariants({ checked: value, forceStyle }),
-      style: { width: TRACK_WIDTH, height: TRACK_HEIGHT },
+      style: { height: PRESSABLE_HEIGHT, width: TRACK_WIDTH },
       onPress: () => {
         setValue(!value);
       },
@@ -1680,14 +1764,22 @@ function SwitchInner({
         View$1,
         {
           "aria-disabled": disabled === true,
-          className: thumbVariants({}),
-          style: {
-            width: THUMB_SIZE,
-            height: THUMB_SIZE,
-            top: THUMB_PADDING,
-            left: THUMB_PADDING,
-            transform: [{ translateX: value ? TRAVEL_X : 0 }]
-          }
+          className: trackVariants({ checked: value, forceStyle }),
+          style: { width: TRACK_WIDTH, height: TRACK_HEIGHT },
+          children: /* @__PURE__ */ jsx(
+            View$1,
+            {
+              "aria-disabled": disabled === true,
+              className: thumbVariants({}),
+              style: {
+                width: THUMB_SIZE,
+                height: THUMB_SIZE,
+                top: THUMB_PADDING,
+                left: THUMB_PADDING,
+                transform: [{ translateX: value ? TRAVEL_X : 0 }]
+              }
+            }
+          )
         }
       )
     }
@@ -1697,6 +1789,55 @@ function Switch({ accent, ...rest }) {
   return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsx(SwitchInner, { ...rest }) });
 }
 
+const badgeVariants = tv(
+  {
+    slots: {
+      frame: "flex-row items-center self-start rounded-full",
+      text: "font-body-bold",
+      icon: ""
+    },
+    variants: {
+      size: {
+        sm: { frame: "gap-xxs px-xs py-xxs", text: "text-xs", icon: "" },
+        md: { frame: "gap-xs px-sm py-xxs", text: "text-sm", icon: "" }
+      },
+      variant: {
+        solid: {
+          frame: "bg-highlight-accent",
+          text: "text-sharp",
+          icon: "text-sharp"
+        },
+        "solid.enabled": {
+          frame: "bg-enabled",
+          text: "text-sharp",
+          icon: "text-sharp"
+        },
+        outlined: {
+          frame: "border border-accent",
+          text: "text-accent",
+          icon: "text-accent"
+        }
+      }
+    },
+    defaultVariants: { size: "md", variant: "solid" }
+  },
+  { twMerge: false }
+);
+const ICON_SIZE$1 = { sm: 12, md: 16 };
+function Badge({
+  accent = "brand",
+  size = "md",
+  variant = "solid",
+  icon,
+  children
+}) {
+  const styles = badgeVariants({ size, variant });
+  return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsxs(Box, { className: styles.frame(), children: [
+    icon ? /* @__PURE__ */ jsx(Icon, { icon, size: ICON_SIZE$1[size], className: styles.icon() }) : null,
+    /* @__PURE__ */ jsx(Text, { className: styles.text(), children })
+  ] }) });
+}
+
 const messageFrameVariants = tv(
   {
     base: "flex-row items-center bg-highlight-accent overflow-hidden",
@@ -1737,11 +1878,10 @@ function Message({
         children: /* @__PURE__ */ jsx(
           IconButton,
           {
-            ghost: true,
             icon: /* @__PURE__ */ jsx(XRegularIcon, {}),
             iconSize: size === "sm" ? "fill" : void 0,
             size: dismissDiameter,
-            variant: "outlined",
+            variant: "ghost",
             "aria-label": dismissIconAriaLabel,
             onPress: onDismiss
           }
@@ -1944,5 +2084,5 @@ function ExternalLink({
   );
 }
 
-export { AccentScope, AlouetteDecorator, AlouetteProvider, Box, BreakpointNameEnum, Breakpoints, Button, ConfirmationMessage, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoMessage, InputText, InteractiveBox, InternalLinkButton, Message, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
+export { AccentScope, AlouetteDecorator, AlouetteProvider, Badge, Box, BreakpointNameEnum, Breakpoints, Button, ConfirmationMessage, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoMessage, InputText, InteractiveBox, InternalLinkButton, Message, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
 //# sourceMappingURL=index-browser.es.js.map