alouette 19.3.0 → 20.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +3 -1
  2. package/dist/definitions/animations/useTransition.d.ts +2 -2
  3. package/dist/definitions/animations/useTransition.d.ts.map +1 -1
  4. package/dist/definitions/expo/ExternalLink.web.d.ts +1 -1
  5. package/dist/definitions/expo/ExternalLink.web.d.ts.map +1 -1
  6. package/dist/definitions/ui/primitives/FlatList.d.ts.map +1 -1
  7. package/dist/definitions/ui/primitives/ScrollView.d.ts.map +1 -1
  8. package/dist/definitions/ui/primitives/ScrollView.stories.d.ts +17 -0
  9. package/dist/definitions/ui/primitives/ScrollView.stories.d.ts.map +1 -0
  10. package/dist/definitions/ui/primitives/SectionList.d.ts.map +1 -1
  11. package/dist/index-browser.es.js +22 -13
  12. package/dist/index-browser.es.js.map +1 -1
  13. package/dist/index-node22.cjs +22 -13
  14. package/dist/index-node22.cjs.map +1 -1
  15. package/dist/index-node22.mjs +22 -13
  16. package/dist/index-node22.mjs.map +1 -1
  17. package/dist/index-react-native.cjs.js +22 -13
  18. package/dist/index-react-native.cjs.js.map +1 -1
  19. package/dist/index-react-native.es.js +22 -13
  20. package/dist/index-react-native.es.js.map +1 -1
  21. package/package.json +83 -76
  22. package/skills/alouette-actions/SKILL.md +10 -10
  23. package/skills/alouette-animation/SKILL.md +1 -1
  24. package/skills/alouette-external-links/SKILL.md +1 -1
  25. package/skills/alouette-feedback/SKILL.md +1 -1
  26. package/skills/alouette-forms/SKILL.md +1 -1
  27. package/skills/alouette-icons/SKILL.md +1 -1
  28. package/skills/alouette-layout/SKILL.md +1 -1
  29. package/skills/alouette-responsive/SKILL.md +1 -1
  30. package/skills/alouette-setup/SKILL.md +3 -3
  31. package/skills/alouette-theming/SKILL.md +1 -1
  32. package/skills/alouette-typography/SKILL.md +1 -1
  33. package/src/ui/primitives/FlatList.tsx +17 -6
  34. package/src/ui/primitives/ScrollView.stories.tsx +92 -0
  35. package/src/ui/primitives/ScrollView.tsx +14 -4
  36. package/src/ui/primitives/SectionList.tsx +15 -5
  37. package/CHANGELOG.md +0 -717
package/README.md CHANGED
@@ -13,6 +13,8 @@
13
13
  <a href="https://npmjs.org/package/alouette"><img src="https://img.shields.io/npm/types/alouette.svg?style=flat-square" alt="types"></a>
14
14
  </p>
15
15
 
16
+ ## Introduction
17
+
16
18
  Alouette provides a comprehensive set of universal components that render on both
17
19
  web and React Native, styled entirely through Tailwind `className` via
18
20
  [NativeWind v5](https://www.nativewind.dev/). Themes, accents, and design tokens
@@ -57,7 +59,7 @@ themes and utilities from the imported `global.css` and scans your sources via
57
59
 
58
60
  ```js
59
61
  // metro.config.cjs
60
- const { withAlouetteConfig } = require("alouette/metro");
62
+ const { withAlouetteConfig } = require("alouette/metro.cjs");
61
63
  const { getDefaultConfig } = require("expo/metro-config.js");
62
64
 
63
65
  module.exports = withAlouetteConfig(getDefaultConfig(__dirname));
@@ -1,7 +1,7 @@
1
1
  import { type TransitionName } from "./curves";
2
- export declare function useTransitionScale(active: boolean, name?: TransitionName, pressedScale?: number): {
2
+ export declare function useTransitionScale(active: boolean, name?: TransitionName, pressedScale?: number): import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
3
3
  transform: {
4
4
  scale: number;
5
5
  }[];
6
- };
6
+ }>;
7
7
  //# sourceMappingURL=useTransition.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTransition.d.ts","sourceRoot":"","sources":["../../../src/animations/useTransition.ts"],"names":[],"mappings":"AAaA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,EACf,IAAI,GAAE,cAAuB,EAC7B,YAAY,SAAQ;;;;EAQrB"}
1
+ {"version":3,"file":"useTransition.d.ts","sourceRoot":"","sources":["../../../src/animations/useTransition.ts"],"names":[],"mappings":"AAaA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,EACf,IAAI,GAAE,cAAuB,EAC7B,YAAY,SAAQ;;;;GAQrB"}
@@ -1,4 +1,4 @@
1
1
  import type { FunctionComponent } from "react";
2
2
  import type { ExternalLinkProps } from "./ExternalLink";
3
- export declare function ExternalLink<C extends FunctionComponent<any>>({ as: C, href, openLinkBehavior, onPress, ...props }: ExternalLinkProps<C>): import("react/jsx-runtime").JSX.Element;
3
+ export declare function ExternalLink<C extends FunctionComponent<any>>({ as: C, href, openLinkBehavior, onPress, ...props }: ExternalLinkProps<C>): import("react").JSX.Element;
4
4
  //# sourceMappingURL=ExternalLink.web.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ExternalLink.web.d.ts","sourceRoot":"","sources":["../../../src/expo/ExternalLink.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,YAAY,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAC7D,EAAE,EAAE,CAAC,EACL,IAAI,EACJ,gBAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAWtB"}
1
+ {"version":3,"file":"ExternalLink.web.d.ts","sourceRoot":"","sources":["../../../src/expo/ExternalLink.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,YAAY,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAC7D,EAAE,EAAE,CAAC,EACL,IAAI,EACJ,gBAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAWtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/FlatList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,aAAa,IAAI,eAAe,EACtC,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;AAE1D,eAAO,MAAM,QAAQ,EAIf,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC"}
1
+ {"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/FlatList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,aAAa,IAAI,eAAe,EAGtC,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;AAQ1D,eAAO,MAAM,QAAQ,EAOhB,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/ScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,IAAI,iBAAiB,EAC1C,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,eAAO,MAAM,UAAU,EAGjB,aAAa,CAAC,eAAe,CAAC,CAAC"}
1
+ {"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/ScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,IAAI,iBAAiB,EAG1C,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAOhD,eAAO,MAAM,UAAU,EAMlB,aAAa,CAAC,eAAe,CAAC,CAAC"}
@@ -0,0 +1,17 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const _default: {
3
+ title: string;
4
+ component: import("react").ComponentType<import("react-native").ScrollViewProps>;
5
+ parameters: {
6
+ componentSubtitle: string;
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ };
14
+ export default _default;
15
+ export declare const PreviewStory: StoryObj;
16
+ export declare const VariantsStory: StoryObj;
17
+ //# sourceMappingURL=ScrollView.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollView.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/ScrollView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;AAQ5D,wBAsBoC;AA4BpC,eAAO,MAAM,YAAY,EAAE,QAO1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAwB3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SectionList.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/SectionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,gBAAgB,IAAI,kBAAkB,EAC5C,MAAM,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,CAC1B,KAAK,EACL,QAAQ,GAAG,eAAe,IACxB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAExC,eAAO,MAAM,WAAW,EAGlB,CAAC,KAAK,EAAE,QAAQ,GAAG,eAAe,EACtC,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,KACrC,SAAS,CAAC"}
1
+ {"version":3,"file":"SectionList.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/SectionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,gBAAgB,IAAI,kBAAkB,EAG5C,MAAM,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,CAC1B,KAAK,EACL,QAAQ,GAAG,eAAe,IACxB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAOxC,eAAO,MAAM,WAAW,EAMnB,CAAC,KAAK,EAAE,QAAQ,GAAG,eAAe,EACrC,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,KACrC,SAAS,CAAC"}
@@ -694,21 +694,30 @@ const Paragraph = forwardRef(
694
694
  }
695
695
  );
696
696
 
697
- const ScrollView = styled$1(ScrollView$1, {
698
- className: "style",
699
- contentContainerClassName: "contentContainerStyle"
700
- });
697
+ const ScrollView = styled$1(
698
+ ScrollView$1,
699
+ {
700
+ className: "style",
701
+ contentContainerClassName: "contentContainerStyle"
702
+ }
703
+ );
701
704
 
702
- const FlatList = styled$1(FlatList$1, {
703
- className: "style",
704
- contentContainerClassName: "contentContainerStyle",
705
- columnWrapperClassName: "columnWrapperStyle"
706
- });
705
+ const FlatList = styled$1(
706
+ FlatList$1,
707
+ {
708
+ className: "style",
709
+ contentContainerClassName: "contentContainerStyle",
710
+ columnWrapperClassName: "columnWrapperStyle"
711
+ }
712
+ );
707
713
 
708
- const SectionList = styled$1(SectionList$1, {
709
- className: "style",
710
- contentContainerClassName: "contentContainerStyle"
711
- });
714
+ const SectionList = styled$1(
715
+ SectionList$1,
716
+ {
717
+ className: "style",
718
+ contentContainerClassName: "contentContainerStyle"
719
+ }
720
+ );
712
721
 
713
722
  const Stack = forwardRef(
714
723
  ({ className, ...props }, ref) => {