alouette 19.1.0 → 19.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [19.2.0](https://github.com/christophehurpeau/alouette/compare/alouette@19.1.0...alouette@19.2.0) (2026-06-22)
+
+### Features
+
+* add Badge component with variants and sizes
+* add InteractiveBoxHitSlop component and change Switch to have smaller size
+
+### Bug Fixes
+
+* add aria-disabled attribute to Switch component for better accessibility
+
 ## [19.1.0](https://github.com/christophehurpeau/alouette/compare/alouette@19.0.0...alouette@19.1.0) (2026-06-21)
 
 ### Features

package/dist/definitions/index.d.ts

@@ -54,6 +54,8 @@ export type { TextAreaProps } from "./ui/inputs/TextArea";
 export { TextArea } from "./ui/inputs/TextArea";
 export type { SwitchProps } from "./ui/inputs/Switch";
 export { Switch } from "./ui/inputs/Switch";
+export type { BadgeProps } from "./ui/feedback/Badge";
+export { Badge } from "./ui/feedback/Badge";
 export type { MessageProps } from "./ui/feedback/Message";
 export { ConfirmationMessage, InfoMessage, Message, WarningMessage, } from "./ui/feedback/Message";
 export type { PressableListItemProps } from "./ui/data/PressableListItem";

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/definitions/ui/containers/Box.d.ts

@@ -22,6 +22,7 @@ export declare const interactiveBoxVariants: import("tailwind-variants").TVRetur
 export interface InteractiveBoxProps extends VariantProps<typeof interactiveBoxVariants>, PressableProps {
 }
 export declare const InteractiveBox: import("react").ForwardRefExoticComponent<InteractiveBoxProps & import("react").RefAttributes<RNView>>;
+export declare const InteractiveBoxHitSlop: import("react").ForwardRefExoticComponent<InteractiveBoxProps & import("react").RefAttributes<RNView>>;
 export type SafeAreaBoxProps = Omit<BoxProps, "style">;
 export declare const SafeAreaBox: import("react").ForwardRefExoticComponent<SafeAreaBoxProps & import("react").RefAttributes<RNView>>;
 //# sourceMappingURL=Box.d.ts.map

package/dist/definitions/ui/containers/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,IAAI,IAAI,MAAM,EACd,KAAK,SAAS,IAAI,WAAW,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAMxD,eAAO,MAAM,cAAc,WAAW,CAAC;AAEvC,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,6FAYf,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;mDAajC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC,EAAE,cAAc;CAAG;AAExE,eAAO,MAAM,cAAc,wGAU1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAEvD,eAAO,MAAM,WAAW,qGAgBvB,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EACnB,IAAI,IAAI,MAAM,EACd,KAAK,SAAS,IAAI,WAAW,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAMxD,eAAO,MAAM,cAAc,WAAW,CAAC;AAEvC,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,6FAYf,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;mDAajC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC,EAAE,cAAc;CAAG;AAExE,eAAO,MAAM,cAAc,wGAU1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,wGAoBjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAEvD,eAAO,MAAM,WAAW,qGAgBvB,CAAC"}

package/dist/definitions/ui/feedback/Badge.d.ts

@@ -0,0 +1,119 @@
+import type { ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+import type { Accent } from "../../core/AlouetteConfig";
+import { type SVGIconElement } from "../primitives/Icon";
+declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        md: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+    variant: {
+        solid: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        "solid.enabled": {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        outlined: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    frame: string;
+    text: string;
+    icon: string;
+}, undefined, {
+    size: {
+        sm: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        md: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+    variant: {
+        solid: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        "solid.enabled": {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        outlined: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    frame: string;
+    text: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        md: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+    variant: {
+        solid: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        "solid.enabled": {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+        outlined: {
+            frame: string;
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    frame: string;
+    text: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+type BadgeSize = NonNullable<BadgeVariantProps["size"]>;
+export interface BadgeProps {
+    accent?: Accent;
+    size?: BadgeSize;
+    variant?: NonNullable<BadgeVariantProps["variant"]>;
+    icon?: SVGIconElement;
+    children?: ReactNode;
+}
+export declare function Badge({ accent, size, variant, icon, children, }: BadgeProps): ReactNode;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/definitions/ui/feedback/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC5D,KAAK,SAAS,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAIxD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAgB,EAChB,IAAW,EACX,OAAiB,EACjB,IAAI,EACJ,QAAQ,GACT,EAAE,UAAU,GAAG,SAAS,CAYxB"}

package/dist/definitions/ui/feedback/Badge.stories.d.ts

@@ -0,0 +1,50 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Badge } from "./Badge";
+type ThisStory = StoryObj<typeof Badge>;
+declare const _default: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        componentSubtitle: string;
+    };
+    argTypes: {
+        accent: {
+            description: string;
+            control: "select";
+            options: import("../..").Accent[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            description: string;
+            control: "select";
+            options: readonly ["solid", "solid.enabled", "outlined"];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: readonly ["sm", "md"];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            control: "text";
+        };
+    };
+};
+export default _default;
+export declare const BadgePreviewStory: ThisStory;
+export declare const BadgeVariantsStory: ThisStory;
+//# sourceMappingURL=Badge.stories.d.ts.map

package/dist/definitions/ui/feedback/Badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKxC,wBA2B+B;AAE/B,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAoChC,CAAC"}

package/dist/definitions/ui/inputs/Switch.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.web.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA4CxD,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4DD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,GAAG,SAAS,CAMlE"}
+{"version":3,"file":"Switch.web.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA8CxD,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiED,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,GAAG,SAAS,CAMlE"}

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';
@@ -795,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();
@@ -1665,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;
@@ -1674,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",
@@ -1725,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);
       },
@@ -1742,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 }]
+              }
+            }
+          )
         }
       )
     }
@@ -1759,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",
@@ -2005,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