alouette 18.1.0 → 18.3.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [18.3.0](https://github.com/christophehurpeau/alouette/compare/alouette@18.2.0...alouette@18.3.0) (2026-02-26)
+
+### Features
+
+* add onValueChange prop to useControllableCheckedState and Switch component
+* allow all props for SafeAreaBox except paddings
+
+## [18.2.0](https://github.com/christophehurpeau/alouette/compare/alouette@18.1.0...alouette@18.2.0) (2026-02-26)
+
+### Features
+
+* export Switch component and its props
+* improve switch render on native
+
+Version bump for dependency: alouette-icons
+
+
 ## [18.1.0](https://github.com/christophehurpeau/alouette/compare/alouette@18.0.0...alouette@18.1.0) (2026-02-25)
 
 ### Features

package/dist/definitions/index.d.ts

@@ -48,4 +48,6 @@ export type { SVGIconElement } from "./ui/primitives/Icon";
 export { SafeAreaProvider } from "./core/SafeAreaProvider";
 export { GradientScrollView } from "./ui/layout/GradientScrollView";
 export type { GradientScrollViewProps } from "./ui/layout/GradientScrollView";
+export { Switch } from "./ui/inputs/Switch";
+export type { SwitchProps } from "./ui/inputs/Switch";
 //# sourceMappingURL=index.d.ts.map

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

@@ -16,7 +16,7 @@ type BoxFrameProps = GetProps<typeof BoxFrame>;
 export type BoxProps = Pick<BoxFrameProps, "absoluteFill" | "children" | "layer" | "shadow">;
 export declare const Box: ComponentType<BoxFrameProps>;
 export declare const InteractiveBox: ComponentType<BoxFrameProps>;
-export declare const SafeAreaBoxFrame: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+export declare const SafeAreaBox: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
     size?: number | undefined;
     interactive?: boolean | import("csstype").Property.Cursor | undefined;
     tint?: "accent" | undefined;
@@ -51,8 +51,6 @@ export declare const SafeAreaBoxFrame: import("@tamagui/web").TamaguiComponent<O
     withFocusVisibleOutline?: boolean | undefined;
     withBackground?: "interactive" | "highlight" | "surface" | undefined;
 }, import("@tamagui/web").StaticConfigPublic>;
-type SafeAreaBoxFrameProps = GetProps<typeof SafeAreaBoxFrame>;
-export type SafeAreaBoxProps = Pick<SafeAreaBoxFrameProps, "children" | "layer" | "shadow">;
-export declare const SafeAreaBox: ComponentType<SafeAreaBoxProps>;
+export type SafeAreaBoxProps = GetProps<typeof SafeAreaBox>;
 export {};
 //# 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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,QAAA,MAAM,QAAQ;;;;;;;;;;;6CAMZ,CAAC;AAEH,KAAK,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAe/C,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,aAAa,EACb,cAAc,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CACjD,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,aAAa,CAAC,aAAa,CAe/B,CAAC;AAEf,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,aAAa,CAAuB,CAAC;AAEhF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;cACjB,KAAK;iBACF,KAAK;oBACF,KAAK;kBACP,KAAK;mBACJ,KAAK;;cAJV,KAAK;iBACF,KAAK;oBACF,KAAK;kBACP,KAAK;mBACJ,KAAK;;;;;;;;;;;;6CAYpB,CAAC;AAEH,KAAK,qBAAqB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,EACrB,UAAU,GAAG,OAAO,GAAG,QAAQ,CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAAoB,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/ui/containers/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,QAAA,MAAM,QAAQ;;;;;;;;;;;6CAMZ,CAAC;AAEH,KAAK,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAe/C,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,aAAa,EACb,cAAc,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CACjD,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,aAAa,CAAC,aAAa,CAe/B,CAAC;AAEf,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,aAAa,CAAuB,CAAC;AAEhF,eAAO,MAAM,WAAW;;;;;;;;;;;;cACZ,KAAK;iBACF,KAAK;oBACF,KAAK;kBACP,KAAK;mBACJ,KAAK;;cAJV,KAAK;iBACF,KAAK;oBACF,KAAK;kBACP,KAAK;mBACJ,KAAK;;;;;;;;;;;;6CAYpB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC"}

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

@@ -1,6 +1,9 @@
-import type { ComponentProps } from "react";
+import { type ThemeName } from "@tamagui/core";
+import type { ComponentProps, ReactNode } from "react";
 import { Switch as NativeSwitch } from "react-native";
-export declare function Switch({ checked, ...rest }: Pick<ComponentProps<typeof NativeSwitch>, "aria-labelledby" | "disabled" | "onValueChange"> & {
+export type SwitchProps = Pick<ComponentProps<typeof NativeSwitch>, "aria-labelledby" | "disabled" | "onValueChange"> & {
+    theme?: ThemeName;
     checked?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
+export declare function Switch({ theme, ...rest }: SwitchProps): ReactNode;
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,MAAM,CAAC,EAErB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,IAAI,CACL,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,iBAAiB,GAAG,UAAU,GAAG,eAAe,CACjD,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,2CAEA"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/inputs/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAY,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,iBAAiB,GAAG,UAAU,GAAG,eAAe,CACjD,GAAG;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CAEnB,CAAC;AA4BF,wBAAgB,MAAM,CAAC,EAErB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,SAAS,CAMzB"}

package/dist/definitions/ui/primitives/LinkText.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkText.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/LinkText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;;;;;;;;AAE3C,wBAMkC;AAElC,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAkDtB,CAAC"}
+{"version":3,"file":"LinkText.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/LinkText.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;;;;;;;;AAE3C,wBAMkC;AAElC,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,SAkDtB,CAAC"}

package/dist/index-browser.es.js

@@ -200,7 +200,7 @@ const Box = process.env.NODE_ENV !== "production" ? (props) => {
   return /* @__PURE__ */ jsx(BoxFrame, { ...props });
 } : BoxFrame;
 const InteractiveBox = InteractiveBoxFrame;
-const SafeAreaBoxFrame = BoxFrame.styleable((props) => {
+const SafeAreaBox = BoxFrame.styleable((props) => {
   const insets = useSafeAreaInsets();
   return /* @__PURE__ */ jsx(
     Box,
@@ -213,7 +213,6 @@ const SafeAreaBoxFrame = BoxFrame.styleable((props) => {
     }
   );
 });
-const SafeAreaBox = SafeAreaBoxFrame;
 
 const PressableBox = styled(InteractiveBox, {
   role: "button",
@@ -1096,5 +1095,121 @@ const GradientScrollView = ScrollView.styleable(({ gradientTheme, children, ...s
   children
 ] }));
 
-export { AlouetteDecorator, AlouetteProvider, Box, Button, ExternalLinkButton, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InputText, InternalLinkButton, Message, Paragraph, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScrollView, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, useCurrentBreakpointName, useDefaultThemeFromColorScheme, useSafeAreaInsets };
+const useControllableCheckedState = (checked, onChange) => {
+  const [checkedState, setCheckedState] = useState(checked ?? false);
+  return [
+    checked !== void 0 ? checked : checkedState,
+    (newChecked, e) => {
+      setCheckedState((prevValue) => {
+        if (prevValue !== newChecked) {
+          onChange?.(e);
+        }
+        return newChecked;
+      });
+    }
+  ];
+};
+const SwitchFrame = styled(InteractiveBox, {
+  theme: "brand",
+  render: "button",
+  role: "switch",
+  layer: "lowered",
+  shadow: "lowered",
+  position: "relative",
+  tabIndex: 0,
+  borderRadius: 1e3,
+  transition: "formElement",
+  disabledStyle: {
+    backgroundColor: "$interactive.forms.backgroundColor:disabled"
+  },
+  // TODO hover/focus
+  focusVisibleStyle: {
+    outlineColor: "$interactive.forms.outlineColor:focus",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineOffset: 2
+  },
+  variants: {
+    size: {
+      md: {
+        height: 44,
+        width: 66
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const thumbSize = 44 * 0.8;
+const SwitchThumb = styled(Box, {
+  withBackground: "highlight",
+  position: "absolute",
+  top: 44 * 0.1,
+  borderRadius: 1e3,
+  center: true,
+  transition: "formElement",
+  shadow: "s",
+  variants: {
+    size: {
+      md: {
+        height: thumbSize,
+        width: thumbSize
+      }
+    },
+    disabled: {
+      true: {
+        backgroundColor: "$text-disabled-muted",
+        shadow: "none"
+      }
+    },
+    checked: {
+      false: {
+        left: 44 * 0.1,
+        hoverStyle: {
+          width: thumbSize + 2
+        },
+        pressStyle: {
+          width: thumbSize + 8
+        }
+      },
+      true: {
+        left: 44 * 0.6,
+        hoverStyle: {
+          left: 44 * 0.6 - 2,
+          width: thumbSize + 2
+        },
+        pressStyle: {
+          left: 44 * 0.6 - 8,
+          width: thumbSize + 8
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const Switch = SwitchFrame.styleable(
+  ({ checked, disabled, onChange, ...rest }) => {
+    const [currentChecked, setCurrentChecked] = useControllableCheckedState(
+      checked,
+      onChange
+    );
+    return /* @__PURE__ */ jsx(
+      SwitchFrame,
+      {
+        "aria-checked": currentChecked,
+        disabled,
+        ...rest,
+        onPress: (e) => {
+          setCurrentChecked(!currentChecked, e);
+        },
+        children: /* @__PURE__ */ jsx(SwitchThumb, { checked: currentChecked, disabled })
+      }
+    );
+  }
+);
+
+export { AlouetteDecorator, AlouetteProvider, Box, Button, ExternalLinkButton, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InputText, InternalLinkButton, Message, Paragraph, PressableBox, PressableListItem, SafeAreaBox, SafeAreaProvider, ScrollView, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, useCurrentBreakpointName, useDefaultThemeFromColorScheme, useSafeAreaInsets };
 //# sourceMappingURL=index-browser.es.js.map