alouette 19.0.0 → 19.2.0

package/dist/index-node22.cjs

@@ -55,6 +55,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",
@@ -63,17 +64,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",
@@ -102,6 +103,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",
@@ -109,10 +111,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",
@@ -120,7 +122,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",
@@ -149,30 +151,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",
@@ -196,30 +199,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",
@@ -243,31 +247,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",
@@ -290,31 +295,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",
@@ -337,30 +343,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",
@@ -384,6 +391,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",
@@ -391,10 +399,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",
@@ -402,11 +410,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",
@@ -431,6 +439,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",
@@ -438,10 +447,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",
@@ -449,11 +458,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",
@@ -477,36 +486,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",
@@ -524,36 +534,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",
@@ -572,6 +583,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",
@@ -579,10 +591,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",
@@ -590,11 +602,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",
@@ -689,11 +701,10 @@ const Paragraph = react.forwardRef(
   }
 );
 
-const ScrollView = react.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.ScrollView, { ref, ...props });
-  }
-);
+const ScrollView = nativewind.styled(reactNative.ScrollView, {
+  className: "style",
+  contentContainerClassName: "contentContainerStyle"
+});
 
 const FlatList = nativewind.styled(reactNative.FlatList, {
   className: "style",
@@ -792,6 +803,26 @@ const InteractiveBox = react.forwardRef(
     }
   )
 );
+react.forwardRef(
+  ({ withFocusVisibleOutline, children, className, ...rest }, ref) => {
+    const child = react.Children.only(children);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Pressable,
+      {
+        ref,
+        pointerEvents: "auto",
+        className: `flex-center ${className ?? ""}`,
+        ...rest,
+        children: react.cloneElement(child, {
+          className: interactiveBoxVariants({
+            withFocusVisibleOutline,
+            className: child.props.className
+          })
+        })
+      }
+    );
+  }
+);
 const SafeAreaBox = react.forwardRef(
   (props, ref) => {
     const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
@@ -1249,18 +1280,23 @@ const pressableBoxVariants = tailwindVariants.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: "",
@@ -1311,6 +1347,27 @@ const pressableBoxVariants = tailwindVariants.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: {
@@ -1320,7 +1377,7 @@ const pressableBoxVariants = tailwindVariants.tv(
   { twMerge: false }
 );
 const PressableBox = react.forwardRef(
-  ({ className, variant, ghost = false, forceStyle, accent, ...props }, ref) => {
+  ({ className, variant, forceStyle, accent, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(AccentScope, { accent, children: /* @__PURE__ */ jsxRuntime.jsx(
       InteractiveBox,
       {
@@ -1329,7 +1386,6 @@ const PressableBox = react.forwardRef(
         role: "button",
         className: pressableBoxVariants({
           variant,
-          ghost,
           className,
           forceStyle
         }),
@@ -1363,7 +1419,8 @@ const buttonVariants = tailwindVariants.tv(
       },
       variant: {
         contained: { text: "text-on-accent" },
-        outlined: { text: "text-sharp" }
+        outlined: { text: "text-sharp" },
+        ghost: { text: "text-sharp" }
       },
       disabled: { true: {}, false: {} }
     },
@@ -1371,8 +1428,18 @@ const buttonVariants = tailwindVariants.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",
@@ -1399,7 +1466,11 @@ function Button({
   className,
   ...pressableProps
 }) {
-  const styles = buttonVariants({ size, variant, disabled: disabled === true });
+  const styles = buttonVariants({
+    size,
+    variant,
+    disabled: disabled === true
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     PressableBox,
     {
@@ -1460,7 +1531,8 @@ const iconButtonVariants = tailwindVariants.tv(
     variants: {
       variant: {
         contained: {},
-        outlined: {}
+        outlined: {},
+        ghost: {}
       },
       disabled: {
         true: {},
@@ -1478,6 +1550,11 @@ const iconButtonVariants = tailwindVariants.tv(
         disabled: false,
         class: { icon: "text-sharp" }
       },
+      {
+        variant: "ghost",
+        disabled: false,
+        class: { icon: "text-sharp" }
+      },
       {
         variant: "contained",
         disabled: true,
@@ -1487,6 +1564,11 @@ const iconButtonVariants = tailwindVariants.tv(
         variant: "outlined",
         disabled: true,
         class: { icon: "text-disabled-muted" }
+      },
+      {
+        variant: "ghost",
+        disabled: true,
+        class: { icon: "text-disabled-muted" }
       }
     ],
     defaultVariants: { variant: "contained" }
@@ -1661,6 +1743,55 @@ function Switch({ accent, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx(AccentScope, { accent, children: /* @__PURE__ */ jsxRuntime.jsx(SwitchInner, { ...rest }) });
 }
 
+const badgeVariants = tailwindVariants.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__ */ jsxRuntime.jsx(AccentScope, { accent, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: styles.frame(), children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, size: ICON_SIZE$1[size], className: styles.icon() }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { className: styles.text(), children })
+  ] }) });
+}
+
 const messageFrameVariants = tailwindVariants.tv(
   {
     base: "flex-row items-center bg-highlight-accent overflow-hidden",
@@ -1701,11 +1832,10 @@ function Message({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           IconButton,
           {
-            ghost: true,
             icon: /* @__PURE__ */ jsxRuntime.jsx(XRegularIcon.XRegularIcon, {}),
             iconSize: size === "sm" ? "fill" : void 0,
             size: dismissDiameter,
-            variant: "outlined",
+            variant: "ghost",
             "aria-label": dismissIconAriaLabel,
             onPress: onDismiss
           }
@@ -1945,6 +2075,7 @@ exports.useSafeAreaInsets = reactNativeSafeAreaContext.useSafeAreaInsets;
 exports.AccentScope = AccentScope;
 exports.AlouetteDecorator = AlouetteDecorator;
 exports.AlouetteProvider = AlouetteProvider;
+exports.Badge = Badge;
 exports.Box = Box;
 exports.BreakpointNameEnum = BreakpointNameEnum;
 exports.Breakpoints = Breakpoints;