@bigbinary/neetoui-rn 3.0.3 → 3.1.0

package/README.md

@@ -31,7 +31,7 @@ transform it instead of skipping it as a dependency:
 ```js
 // jest.config.js
 transformIgnorePatterns: [
-  "node_modules/(?!(@react-native|react-native|@bigbinary)/)",
+  "node_modules/(?!(@react-native|@bigbinary|@gorhom|@shopify|react-native|react-native-[^/]+)/)",
 ],
 ```
 
@@ -39,6 +39,34 @@ Without this, tests fail on the first `import` with a syntax error.
 
 ## Getting Started
 
+## Theming
+
+Themes are registered through Unistyles. Call `configureNeetoUI` from your app's
+entry point (`index.js`), before anything else imports a screen:
+
+```js
+import { configureNeetoUI } from "@bigbinary/neetoui-rn/unistyles";
+
+configureNeetoUI();
+```
+
+The library ships both a light and a dark theme, and **pins the light one by
+default** — it does not follow the device colour scheme. An app that has not
+designed its own screens for dark mode only half-follows: token-styled surfaces
+go dark while anything painted from a literal colour stays light, which shows up
+as dark text on dark backgrounds and a dark status bar under a `dark-content`
+bar style.
+
+Once your screens are ready for it, opt in:
+
+```js
+configureNeetoUI({ adaptiveThemes: true });
+```
+
+The opt-in is honoured even though importing the library root registers the
+defaults first, so it works from `index.js` regardless of module evaluation
+order.
+
 ## react-native-safe-area-context
 
 We are using SafeAreaView from

package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts

@@ -49,7 +49,14 @@ export type BottomSheetProps<T> = {
     noResultsLabel?: string;
     NoResultsComponent?: ComponentType;
     onBackdropPress?: () => void;
+    /** Absolute cap, in points. Wins over maxHeightRatio. */
     maxHeight?: number;
+    /**
+     * Cap as a fraction of screen height, so a long list stops short of
+     * covering the screen. Override per sheet, or pass maxHeight for an
+     * absolute value.
+     */
+    maxHeightRatio?: number;
     style?: StyleProp<ViewStyle>;
     titleContainerStyle?: StyleProp<ViewStyle>;
     titleTextStyle?: StyleProp<TextStyle>;
@@ -57,5 +64,5 @@ export type BottomSheetProps<T> = {
     /** Escape hatch into @gorhom/bottom-sheet (replaces v2's modalParams). */
     sheetProps?: Partial<BottomSheetModalProps>;
 };
-export declare const BottomSheet: <T>({ isVisible, hide, data, onItemPress, selectedItem, title, contentType, onDonePress, ContentRow, children, canSearch, searchBarProps, labelExtractor, valueExtractor, shouldShowItemSeparator, shouldHideKeyboardOnScrollBegin, disabled, showCreateOption, showCreateOptionLoader, createOptionLabel, onPressCreateOption, CreateItemComponent, noResultsLabel, NoResultsComponent, onBackdropPress, maxHeight, style, titleContainerStyle, titleTextStyle, flatListRef, sheetProps, }: BottomSheetProps<T>) => import("react").JSX.Element;
+export declare const BottomSheet: <T>({ isVisible, hide, data, onItemPress, selectedItem, title, contentType, onDonePress, ContentRow, children, canSearch, searchBarProps, labelExtractor, valueExtractor, shouldShowItemSeparator, shouldHideKeyboardOnScrollBegin, disabled, showCreateOption, showCreateOptionLoader, createOptionLabel, onPressCreateOption, CreateItemComponent, noResultsLabel, NoResultsComponent, onBackdropPress, maxHeight, maxHeightRatio, style, titleContainerStyle, titleTextStyle, flatListRef, sheetProps, }: BottomSheetProps<T>) => import("react").JSX.Element;
 //# sourceMappingURL=BottomSheet.d.ts.map

package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAKL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9D;;;GAGG;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACjE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,CAAC;AAgCF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAG,ydAgC7B,gBAAgB,CAAC,CAAC,CAAC,gCA6QrB,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAKL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9D;;;GAGG;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACjE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,CAAC;AAmCF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAG,yeAiC7B,gBAAgB,CAAC,CAAC,CAAC,gCAsSrB,CAAC"}

package/lib/typescript/src/components/ChatInput/AttachmentsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/AttachmentsView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,0FAM7B,oBAAoB,uCAgBtB,CAAC"}
+{"version":3,"file":"AttachmentsView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/AttachmentsView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,0FAM7B,oBAAoB,uCAoBtB,CAAC"}

package/lib/typescript/src/components/ChatInput/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAuBzE,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,mEAAmE;IACnE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3C,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;YApCZ,MAAM;mBACC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;4BACd,eAAe;qBACtB,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI;cACxC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;gBACjC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;IAC/C,mEAAmE;gBACvD,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;mBAChC,MAAM,IAAI;IACzB,8DAA8D;uBAC3C,MAAM,IAAI;IAC7B,sDAAsD;iBACzC,MAAM,IAAI;sBACL,eAAe,EAAE;6BACV,eAAe,EAAE;yBACrB,eAAe,EAAE;IACtC,sEAAsE;2BAC/C,OAAO;eACnB,MAAM,EAAE;uBACA,MAAM;kBACX,SAAS;kBACT,iBAAiB,EAAE;eACtB,OAAO;gBACN,OAAO;gDAsQpB,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAqBzE,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,mEAAmE;IACnE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3C,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;YApCZ,MAAM;mBACC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;4BACd,eAAe;qBACtB,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI;cACxC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;gBACjC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;IAC/C,mEAAmE;gBACvD,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI;mBAChC,MAAM,IAAI;IACzB,8DAA8D;uBAC3C,MAAM,IAAI;IAC7B,sDAAsD;iBACzC,MAAM,IAAI;sBACL,eAAe,EAAE;6BACV,eAAe,EAAE;yBACrB,eAAe,EAAE;IACtC,sEAAsE;2BAC/C,OAAO;eACnB,MAAM,EAAE;uBACA,MAAM;kBACX,SAAS;kBACT,iBAAiB,EAAE;eACtB,OAAO;gBACN,OAAO;gDAiRpB,CAAC"}

package/lib/typescript/src/components/CheckBox/CheckBox.d.ts

@@ -7,7 +7,13 @@ export type CheckBoxProps = Omit<TouchableProps, "onPress"> & {
     label: string;
     labelStyle?: StyleProp<TextStyle>;
     isRequiredLabel?: boolean;
+    /**
+     * Ties the label's emphasis to the checked state: dimmed when unchecked,
+     * semibold when checked. Turn it off where the label names the field
+     * rather than the choice — an unchecked one then reads as disabled.
+     */
+    dimsUncheckedLabel?: boolean;
     iconSize?: number;
 };
-export declare const CheckBox: ({ checked, onSelect, disabled, label, labelStyle, isRequiredLabel, iconSize, style, ...rest }: CheckBoxProps) => import("react").JSX.Element;
+export declare const CheckBox: ({ checked, onSelect, disabled, label, labelStyle, isRequiredLabel, dimsUncheckedLabel, iconSize, style, ...rest }: CheckBoxProps) => import("react").JSX.Element;
 //# sourceMappingURL=CheckBox.d.ts.map

package/lib/typescript/src/components/CheckBox/CheckBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,+FAUtB,aAAa,gCAyBf,CAAC"}
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mHAWtB,aAAa,gCA4Bf,CAAC"}

package/lib/typescript/src/components/Input/Input.d.ts

@@ -1,15 +1,16 @@
-import { TextInput, type StyleProp, type TextInputProps, type ViewStyle } from "react-native";
-export type InputProps = Omit<TextInputProps, "editable"> & {
-    label?: string;
-    error?: string;
-    disabled?: boolean;
-    containerStyle?: StyleProp<ViewStyle>;
+import { TextInput, type TextInputProps } from "react-native";
+import { type InputFrameProps } from "./InputFrame";
+export type InputProps = Omit<TextInputProps, "editable"> & Pick<InputFrameProps, "label" | "error" | "disabled" | "isRequiredLabel" | "noBorder" | "containerStyle" | "fieldStyle"> & {
+    /** Shows a clear button inside the field whenever it holds text. */
+    isClearable?: boolean;
+    /** Called after the clear button has emptied the field. */
+    onClear?: () => void;
 };
 /** Forwards its ref to the underlying TextInput, so forms can focus it. */
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "editable"> & {
-    label?: string;
-    error?: string;
-    disabled?: boolean;
-    containerStyle?: StyleProp<ViewStyle>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "editable"> & Pick<InputFrameProps, "disabled" | "label" | "containerStyle" | "isRequiredLabel" | "error" | "noBorder" | "fieldStyle"> & {
+    /** Shows a clear button inside the field whenever it holds text. */
+    isClearable?: boolean;
+    /** Called after the clear button has emptied the field. */
+    onClear?: () => void;
 } & import("react").RefAttributes<TextInput>>;
 //# sourceMappingURL=Input.d.ts.map

package/lib/typescript/src/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,KAAK;YAPR,MAAM;YACN,MAAM;eACH,OAAO;qBACD,SAAS,CAAC,SAAS,CAAC;6CAuDtC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKhE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GACvD,IAAI,CACF,eAAe,EACb,OAAO,GACP,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,gBAAgB,GAChB,YAAY,CACf,GAAG;IACF,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEJ,2EAA2E;AAC3E,eAAO,MAAM,KAAK;IAPd,oEAAoE;kBACtD,OAAO;IACrB,2DAA2D;cACjD,MAAM,IAAI;6CAsHvB,CAAC"}

package/lib/typescript/src/components/Input/InputFrame.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export type InputFrameProps = {
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    /** Appends a danger-colored `*` to the label. */
+    isRequiredLabel?: boolean;
+    /**
+     * Lifts the label out of the value line and shrinks it. The caller decides
+     * because only it knows what "has a value" means: text for an Input,
+     * a selection for a picker, an open sheet for a dropdown.
+     */
+    isLabelFloating?: boolean;
+    /** Paints the focus border. */
+    isFocused?: boolean;
+    /** Drops the border, for a field already framed by its container. */
+    noBorder?: boolean;
+    /** Pins the trailing slot to the first line of a field that grows. */
+    multiline?: boolean;
+    /** The value line: a TextInput, a Typography, a row of chips. */
+    children?: ReactNode;
+    /** Icons inside the frame, after the value. */
+    trailing?: ReactNode;
+    onPress?: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Styles the bordered box itself. */
+    fieldStyle?: StyleProp<ViewStyle>;
+};
+/**
+ * The bordered box with a floating label, shared by every field-shaped
+ * control. v2's Input animated its label from the value line up to the top
+ * edge; v3 replaced it with a static caption above the box, which reads as a
+ * second, smaller heading and leaves an empty field with nothing in it.
+ *
+ * Split out of Input because a picker is the same box with a different value
+ * line — a date, a chevron, a row of chips — and duplicating the animation
+ * per screen is how four controls end up nearly, but not quite, aligned.
+ */
+export declare const InputFrame: ({ label, error, disabled, isRequiredLabel, isLabelFloating, isFocused, noBorder, multiline, children, trailing, onPress, containerStyle, fieldStyle, }: InputFrameProps) => import("react").JSX.Element;
+//# sourceMappingURL=InputFrame.d.ts.map

package/lib/typescript/src/components/Input/InputFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/InputFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAYtB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,sCAAsC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC;AASF;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GAAI,wJAcxB,eAAe,gCA2FjB,CAAC"}

package/lib/typescript/src/components/Input/index.d.ts

@@ -1,2 +1,3 @@
 export { Input, type InputProps } from "./Input";
+export { InputFrame, type InputFrameProps } from "./InputFrame";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/src/components/NeetoUIProvider/NeetoUIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NeetoUIProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/NeetoUIProvider/NeetoUIProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,oBAAoB,gCAgBjE,CAAC"}
+{"version":3,"file":"NeetoUIProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/NeetoUIProvider/NeetoUIProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,oBAAoB,gCAiBjE,CAAC"}

package/lib/typescript/src/components/RadioButton/RadioButton.d.ts

@@ -7,6 +7,11 @@ export type RadioButtonProps = Omit<TouchableProps, "onPress"> & {
     label: string;
     labelStyle?: StyleProp<TextStyle>;
     iconSize?: number;
+    /**
+     * Diameter of the filled dot. Defaults to 37.5% of the icon box, which is
+     * half the ring's outer diameter — the Material proportion.
+     */
+    dotSize?: number;
 };
-export declare const RadioButton: ({ selected, onSelect, disabled, label, labelStyle, iconSize, style, ...rest }: RadioButtonProps) => import("react").JSX.Element;
+export declare const RadioButton: ({ selected, onSelect, disabled, label, labelStyle, iconSize, dotSize, style, ...rest }: RadioButtonProps) => import("react").JSX.Element;
 //# sourceMappingURL=RadioButton.d.ts.map

package/lib/typescript/src/components/RadioButton/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,+EASzB,gBAAgB,gCAyBlB,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAUF,eAAO,MAAM,WAAW,GAAI,wFAUzB,gBAAgB,gCAsClB,CAAC"}

package/lib/typescript/src/components/SearchBar/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uGAQvB,cAAc,gCA+DhB,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uGAQvB,cAAc,gCA+DhB,CAAC"}

package/lib/typescript/src/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;mEAQlB,aAAa;uCA6Db,kBAAkB;CAbpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAiBF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;CAWT,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;mEAQlB,aAAa;uCA6Db,kBAAkB;CAbpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAiBF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;CAkBV,CAAC"}

package/lib/typescript/src/components/Typography/Typography.d.ts

@@ -1,6 +1,11 @@
 import { type TextProps } from "react-native";
 import { type UnistylesVariants } from "react-native-unistyles";
 type TypographyVariants = UnistylesVariants<typeof styles>;
+/**
+ * v2's Android guard multiplier, shared with InputFrame so the floating
+ * label and the text it stands in for never disagree on line metrics.
+ */
+export declare const LINE_HEIGHT_RATIO = 1.3;
 export type TypographyProps = TextProps & TypographyVariants & {
     color?: string;
 };

package/lib/typescript/src/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,KAAK,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,eAAO,MAAM,UAAU,GAAI,4DAQxB,eAAe,gCAQjB,CAAC;AAEF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,KAAK,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,eAAO,MAAM,UAAU,GAAI,4DAQxB,eAAe,gCAyBjB,CAAC;AAEF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC"}

package/lib/typescript/src/components/Typography/index.d.ts

@@ -1,2 +1,2 @@
-export { Typography, type TypographyProps } from "./Typography";
+export { LINE_HEIGHT_RATIO, Typography, type TypographyProps, } from "./Typography";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -13,7 +13,7 @@ export { Container, type ContainerProps } from "./components/Container";
 export { Divider, type DividerProps } from "./components/Divider";
 export { EmptyView, type EmptyViewProps } from "./components/EmptyView";
 export { BaseHeader, Header, ScreenHeader, type BaseHeaderProps, type HeaderProps, type ScreenHeaderProps, } from "./components/Header";
-export { Input, type InputProps } from "./components/Input";
+export { Input, InputFrame, type InputProps, type InputFrameProps, } from "./components/Input";
 export { Loader, type LoaderProps } from "./components/Loader";
 export { NeetoUIProvider, type NeetoUIProviderProps, } from "./components/NeetoUIProvider";
 export { OnBoarding, type OnBoardingProps, type OnBoardingSlide, } from "./components/OnBoarding";
@@ -26,6 +26,6 @@ export { Touchable, type TouchableProps } from "./components/Touchable";
 export { Typography, type TypographyProps } from "./components/Typography";
 export { useDebounce, useNeetoTheme, useRefreshByUser } from "./hooks";
 export { breakpoints, darkTheme, lightTheme, type NeetoTheme, } from "./theme/tokens";
-export { configureNeetoUI } from "./unistyles";
+export { configureNeetoUI, type ConfigureNeetoUIOptions } from "./unistyles";
 export { getShadowStyles, isValidEmail, moderateScale } from "./utils";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,GAChC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iCAAiC,EACjC,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,GAChC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iCAAiC,EACjC,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,KAAK,EACL,UAAU,EACV,KAAK,UAAU,EACf,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/unistyles.d.ts

@@ -10,12 +10,39 @@ declare module "react-native-unistyles" {
     interface UnistylesBreakpoints extends AppBreakpoints {
     }
 }
+export type ConfigureNeetoUIOptions = {
+    /**
+     * Follow the device colour scheme, swapping to the dark theme whenever the
+     * OS is in dark mode. Off by default.
+     *
+     * An app that has not designed for dark only half-follows: the surfaces
+     * styled through theme tokens go dark while everything painted from a
+     * literal colour stays light, which reads as dark text on dark
+     * backgrounds, light cards adrift on black, and a dark status bar under a
+     * `dark-content` bar style. Following the OS is therefore something an app
+     * opts into once its own screens are ready, not something the library
+     * decides for it.
+     */
+    adaptiveThemes?: boolean;
+};
 /**
  * One-time Unistyles registration, idempotent. Runs automatically when the
  * library root is imported (src/unistyles-init.ts) because Unistyles
  * requires configure() before any module-scope StyleSheet.create;
  * NeetoUIProvider and tests may call it again safely.
+ *
+ * Apps should also call it from their entry point, through the
+ * "@bigbinary/neetoui-rn/unistyles" subpath. Metro's inlineRequires defers a
+ * named import until the expression that uses it, so importing
+ * NeetoUIProvider does not guarantee the library root — and this side
+ * effect — runs before the screen modules a default import pulls in eagerly.
+ *
+ * That ordering is also why an explicit `options` argument is honoured after
+ * the first call: the library root usually wins the race and registers the
+ * defaults, so an app asking for `adaptiveThemes` would otherwise be
+ * silently ignored. Argument-less calls never change an already-applied
+ * mode, which keeps NeetoUIProvider's fallback from clobbering that opt-in.
  */
-export declare const configureNeetoUI: () => void;
+export declare const configureNeetoUI: (options?: ConfigureNeetoUIOptions) => void;
 export {};
 //# sourceMappingURL=unistyles.d.ts.map

package/lib/typescript/src/unistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unistyles.d.ts","sourceRoot":"","sources":["../../../src/unistyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpE,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG,OAAO,WAAW,CAAC;AAEzC,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAiB,eAAgB,SAAQ,SAAS;KAAG;IACrD,UAAiB,oBAAqB,SAAQ,cAAc;KAAG;CAChE;AAID;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,YAS5B,CAAC"}
+{"version":3,"file":"unistyles.d.ts","sourceRoot":"","sources":["../../../src/unistyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpE,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG,OAAO,WAAW,CAAC;AAEzC,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAiB,eAAgB,SAAQ,SAAS;KAAG;IACrD,UAAiB,oBAAqB,SAAQ,cAAc;KAAG;CAChE;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,uBAAuB,SAoBjE,CAAC"}

package/lib/typescript/src/utils/scale.d.ts

@@ -1,2 +1,24 @@
+/**
+ * Scales bound to a given screen. Pass `rt.screen` from a unistyles
+ * StyleSheet: reading it is what registers the dependency, so the sheet is
+ * recomputed when the window resizes — rotation, split-screen, foldables,
+ * iPad Slide Over.
+ *
+ *   const styles = StyleSheet.create((theme, rt) => {
+ *     const moderateScale = scaleFor(rt.screen);
+ *
+ *     return { card: { padding: moderateScale(16) } };
+ *   });
+ */
+export declare const scaleFor: (screen: {
+    width: number;
+    height: number;
+}) => (size: number, factor?: number) => number;
+/**
+ * Screen-independent entry point, for sizes computed outside a stylesheet —
+ * icon props, measured layouts. Reads the runtime on every call, so it is
+ * current whenever the component re-renders, but it cannot subscribe a
+ * stylesheet to resizes: use scaleFor inside StyleSheet.create.
+ */
 export declare const moderateScale: (size: number, factor?: number) => number;
 //# sourceMappingURL=scale.d.ts.map

package/lib/typescript/src/utils/scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../../src/utils/scale.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WACN,CAAC"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../../src/utils/scale.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAClB,QAAQ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,MACzC,MAAM,MAAM,EAAE,eAAY,WACkB,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WACM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "neeto UI component library for React Native — v3 (Unistyles, TypeScript, New Architecture)",
   "author": "BigBinary",
   "license": "MIT",
@@ -9,6 +9,11 @@
   "react-native": "./src/index.ts",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
+    "./unistyles": {
+      "types": "./lib/typescript/src/unistyles.d.ts",
+      "react-native": "./src/unistyles.ts",
+      "default": "./src/unistyles.ts"
+    },
     ".": {
       "types": "./lib/typescript/src/index.d.ts",
       "react-native": "./src/index.ts",
@@ -116,10 +121,7 @@
     "testPathIgnorePatterns": [
       "/node_modules/",
       "/lib/"
-    ],
-    "moduleNameMapper": {
-      "^@bigbinary/neeto-icons-rn$": "<rootDir>/node_modules/@bigbinary/neeto-icons-rn/dist/icons/index.js"
-    }
+    ]
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -134,7 +136,7 @@
     ]
   },
   "dependencies": {
-    "@bigbinary/neeto-icons-rn": "^1.20.74",
+    "@bigbinary/neeto-icons-rn": "^1.21.2",
     "react-native-controlled-mentions": "^3.1.0"
   }
 }

package/src/components/Alert/Alert.tsx

@@ -8,7 +8,7 @@ import {
 } from "@gorhom/bottom-sheet";
 import { StyleSheet } from "react-native-unistyles";
 
-import { moderateScale } from "../../utils/scale";
+import { scaleFor } from "../../utils/scale";
 import { Button, type ButtonProps } from "../Button";
 import { Typography } from "../Typography";
 
@@ -177,46 +177,53 @@ Alert.show = (params: AlertParams) => {
   hostRef.show(params);
 };
 
-const styles = StyleSheet.create(theme => ({
-  sheetBackground: {
-    backgroundColor: theme.colors.background.primary,
-    borderTopLeftRadius: moderateScale(20),
-    borderTopRightRadius: moderateScale(20),
-  },
-  handleIndicator: {
-    backgroundColor: theme.colors.palette.grey200,
-    width: moderateScale(40),
-  },
-  content: {
-    paddingBottom: moderateScale(24),
-  },
-  titleContainer: {
-    borderBottomColor: theme.colors.palette.grey200,
-    borderBottomWidth: moderateScale(1.5),
-    paddingBottom: moderateScale(12),
-    paddingHorizontal: moderateScale(16),
-  },
-  title: {
-    textAlign: "center",
-  },
-  description: {
-    color: theme.colors.text.muted,
-    paddingHorizontal: moderateScale(16),
-    paddingTop: moderateScale(16),
-  },
-  buttonContainer: {
-    gap: moderateScale(8),
-    paddingHorizontal: moderateScale(16),
-    paddingTop: moderateScale(16),
-  },
-  primaryButton: {
-    minHeight: moderateScale(44),
-  },
-  secondaryButton: {
-    alignItems: "center",
-    backgroundColor: theme.colors.palette.grey100,
-    borderRadius: theme.radii.lg,
-    justifyContent: "center",
-    paddingVertical: moderateScale(14),
-  },
-}));
+const styles = StyleSheet.create((theme, rt) => {
+  // Reading rt.screen registers the dependency that has this sheet
+  // recomputed on a window resize, so scaled sizes follow rotation,
+  // split-screen and foldables instead of freezing at first render.
+  const moderateScale = scaleFor(rt.screen);
+
+  return {
+    sheetBackground: {
+      backgroundColor: theme.colors.background.primary,
+      borderTopLeftRadius: moderateScale(20),
+      borderTopRightRadius: moderateScale(20),
+    },
+    handleIndicator: {
+      backgroundColor: theme.colors.palette.grey200,
+      width: moderateScale(40),
+    },
+    content: {
+      paddingBottom: moderateScale(24),
+    },
+    titleContainer: {
+      borderBottomColor: theme.colors.palette.grey200,
+      borderBottomWidth: moderateScale(1.5),
+      paddingBottom: moderateScale(12),
+      paddingHorizontal: moderateScale(16),
+    },
+    title: {
+      textAlign: "center",
+    },
+    description: {
+      color: theme.colors.text.muted,
+      paddingHorizontal: moderateScale(16),
+      paddingTop: moderateScale(16),
+    },
+    buttonContainer: {
+      gap: moderateScale(8),
+      paddingHorizontal: moderateScale(16),
+      paddingTop: moderateScale(16),
+    },
+    primaryButton: {
+      minHeight: moderateScale(44),
+    },
+    secondaryButton: {
+      alignItems: "center",
+      backgroundColor: theme.colors.palette.grey100,
+      borderRadius: theme.radii.lg,
+      justifyContent: "center",
+      paddingVertical: moderateScale(14),
+    },
+  };
+});