@itiseeron/component-lib 1.0.0 → 1.1.0

package/README.md

@@ -5,7 +5,8 @@ conventions:
 
 - **Style props are mutable, with sensible defaults.** Each visual piece has its own
   `*Style` prop (e.g. `containerStyle`, `itemStyle`) backed by a default `CSSProperties`
-  object — override only what you need.
+  object. Passing one **replaces that object entirely** rather than merging into it — see
+  [Gotchas](#gotchas) below before writing a full custom style for a clickable element.
 - **Selection-driven components share one behavior engine.** `HamburgerMenu`,
   `RadioButtonGroup`, and `ScrollMenu` are all presentational wrappers around
   `NavigationBar` — they reuse its selection rules (one item always selected, disabled
@@ -22,14 +23,6 @@ import { Card, ThinButton } from '@itiseeron/component-lib';
 
 ## Components
 
-### HelloWorld
-
-A placeholder component from the project template.
-
-```tsx
-<HelloWorld />
-```
-
 ### ThinButton
 
 A bordered, clickable button. Renders `text` unless `children` are given.
@@ -143,9 +136,8 @@ inline. Same selection guarantees, purely a different presentation
 
 ### RadioButtonGroup
 
-`NavigationBar`'s items as a segmented radio control (default styling mirrors
-homepairsUI's `AccountTypeRadioButton`: accent fill on the selected segment, rounded
-outer edges only).
+`NavigationBar`'s items as a segmented radio control (accent fill on the selected
+segment, rounded outer edges only).
 
 ```tsx
 <RadioButtonGroup
@@ -181,11 +173,15 @@ fallback logic is conceptually built on (used independently here, not shared —
 own default is deliberately two-toned like the original).
 
 ```tsx
-<ImageTile image={logoUrl} />          {/* 70x70 */}
-<ImageTile image={logoUrl} enlarge />  {/* 100x100 */}
-<TextTile text="+" />                  {/* fontSize defaults to 30 */}
+<ImageTile image={logoUrl} alt="Acme Plumbing logo" />  {/* 70x70 */}
+<ImageTile image={logoUrl} enlarge />                   {/* 100x100 */}
+<TextTile text="+" />                                   {/* fontSize defaults to 30 */}
 ```
 
+`ImageTile`'s `alt` defaults to `''` (not a missing attribute) — pass real alt text
+whenever the image conveys information, and only rely on the default for genuinely
+decorative images.
+
 ### Loading
 
 A small centered spinner panel, built on `Card`. Takes `children` for a status message.
@@ -241,6 +237,33 @@ Wraps `InputForm` (no styling of its own) and adds filtering: on every keystroke
 />
 ```
 
+## Gotchas
+
+**Style props replace, they don't merge.** Passing `buttonStyle={{ color: 'red' }}` to
+`ThinButton` gives you *only* `color: red` — none of the library's default border,
+padding, or background come along with it. Every clickable element (`ThinButton`,
+`NavigationBar`/`RadioButtonGroup`/`ScrollMenu`/`HamburgerMenu` items, `Card`'s close
+button) does apply one small always-on baseline underneath whatever you pass
+(`appearance: none`, `border: none`, `backgroundColor: transparent`), specifically so a
+style override that doesn't think to reset those can't accidentally leak the browser's
+native `<button>` chrome (an outset 3D bevel) through a mostly-empty custom style. But
+anything beyond that baseline — padding, sizing, everything else — is entirely on the
+style object you pass.
+
+**Don't mix a CSS shorthand and its longhand across a base/active style pair.** If you
+write your own `itemStyle`/`activeItemStyle` (or `tileStyle`/`activeTileStyle`, etc.)
+pair, declare a given property the same way — all shorthand or all longhand — in both.
+For example, `itemStyle={{ border: '1px solid gray' }}` paired with
+`activeItemStyle={{ borderColor: 'blue' }}` will work the first time an item becomes
+selected, but deselecting it can leave `border-color` cleared to nothing rather than
+restored to `gray`: React's style diffing removes a property outright when a key present
+in the old merged style object is absent from the new one, and once the shorthand's color
+component has been overwritten by an explicit `borderColor`, there's nothing to revert to
+— whatever a stray global stylesheet rule says for that element shows through instead.
+Fix it by writing `itemStyle={{ borderWidth: '1px', borderStyle: 'solid', borderColor:
+'gray' }}` so `activeItemStyle`'s `borderColor` only ever changes a value that's already
+present in both states, never adds or removes it.
+
 ## Development
 
 ```bash

package/dist/index.d.mts

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-declare function HelloWorld(): JSX.Element;
-
 type ThinButtonProps = {
     testID?: string;
     key?: any;
@@ -65,22 +63,22 @@ type CardProps = {
  *
  * @param {CardProps} props
  * */
-declare function Card({ containerStyle, wrapperStyle, titleText, titleStyle, subtitleText, subtitleStyle, titleContainerStyle, closeButtonStyle, showCloseButton, onClickCloseButton: closeButtonPressedCallBack, children }: CardProps): JSX.Element;
+declare function Card({ containerStyle, wrapperStyle, titleText, titleStyle, subtitleText, subtitleStyle, titleContainerStyle, closeButtonStyle, closeButtonContainerStyle, showCloseButton, onClickCloseButton: closeButtonPressedCallBack, children }: CardProps): JSX.Element;
 declare namespace Card {
     var propTypes: {
         key: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<any>;
         containerStyle: PropTypes.Requireable<object>;
         wrapperStyle: PropTypes.Requireable<object>;
-        title: PropTypes.Requireable<string>;
+        titleText: PropTypes.Requireable<string>;
         titleStyle: PropTypes.Requireable<object>;
-        subtitle: PropTypes.Requireable<string>;
-        subtitleStyle: PropTypes.Requireable<string>;
+        subtitleText: PropTypes.Requireable<string>;
+        subtitleStyle: PropTypes.Requireable<object>;
         titleContainerStyle: PropTypes.Requireable<object>;
         closeButtonStyle: PropTypes.Requireable<object>;
         closeButtonContainerStyle: PropTypes.Requireable<object>;
-        showCloseButton: PropTypes.Requireable<object>;
-        closeButtonPressedCallBack: PropTypes.Requireable<(...args: any[]) => any>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        onClickCloseButton: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 
@@ -396,11 +394,11 @@ type RadioButtonGroupProps = {
  * so it can never disagree with a NavigationBar built from the same
  * `items` about what "selected" means.
  *
- * Default styling mirrors homepairsUI's AccountTypeRadioButton
- * (accent `#00ADE9` fill, `#1177B0` border when selected, muted
- * `rgba(55,66,69,.5)` otherwise), generalized from its fixed
- * two-option layout to any number of items. Every `*Style` prop is
- * mutable the same way as Card's: each has that default, override
+ * Default styling is a segmented-control look (accent `#00ADE9` fill,
+ * `#1177B0` border when selected, muted `rgba(55,66,69,.5)`
+ * otherwise), generalized to any number of items rather than a fixed
+ * two-option layout. Every `*Style` prop is mutable the same way as
+ * Card's: each has that default, override
  * just the ones you need.
  *
  * @param {RadioButtonGroupProps} props
@@ -450,10 +448,9 @@ type RadioButtonGroupViewProps = {
  * ------------------------------------------------------------
  * Pure presentation for a RadioButtonGroup: a row of segments,
  * rounded like a segmented control at the two outer edges, filled
- * with the accent color when selected. Defaults (colors, radius,
- * height, padding, font) mirror homepairsUI's AccountTypeRadioButton,
- * generalized from its fixed two-option layout to any number of
- * `items`. Holds no selection state itself — clicking a segment just
+ * with the accent color when selected, generalized to any number of
+ * `items` rather than a fixed two-option layout. Holds no selection
+ * state itself — clicking a segment just
  * calls `onItemSelect`, the same guarded callback NavigationBar hands
  * to any of its views.
  *
@@ -495,9 +492,9 @@ type LoadingProps = {
  * Loading
  * ------------------------------------------------------------
  * A card that should be shown while assets, requests, or async work
- * are in flight. Mirrors homepairsUI's LoadingModal: built on this
- * library's own Card, sized to a small centered panel with a
- * spinner, and able to take children for a status message under it.
+ * are in flight. Built on this library's own Card, sized to a small
+ * centered panel with a spinner, and able to take children for a
+ * status message under it.
  *
  * @param {LoadingProps} props
  * */
@@ -531,18 +528,18 @@ type ScrollMenuProps = {
  * Scroll Menu
  * ------------------------------------------------------------
  * A NavigationBar whose items render as a horizontally scrollable
- * strip of thumbnail tiles instead of a nav strip — think
- * homepairsUI's PreferredProviderFlatList, generalized to any set of
- * `items`. Selection behavior is NavigationBar's, reused as-is:
- * exactly one tile is always selected (defaulting to the first), and
- * a disabled or already-active tile is a no-op. This component only
- * supplies presentation — ScrollMenuView — so it can never disagree
- * with a NavigationBar built from the same `items` about what
- * "selected" means.
+ * strip of thumbnail tiles instead of a nav strip — a scrollable
+ * picker of thumbnails, generalized to any set of `items`. Selection
+ * behavior is NavigationBar's, reused as-is: exactly one tile is
+ * always selected (defaulting to the first), and a disabled or
+ * already-active tile is a no-op. This component only supplies
+ * presentation — ScrollMenuView — so it can never disagree with a
+ * NavigationBar built from the same `items` about what "selected"
+ * means.
  *
  * Every `*Style` prop is mutable the same way as Card's: each has a
- * default drawn from homepairsUI's ImageTile/PreferredProviderFlatList
- * styling, override just the ones you need.
+ * default drawn from ScrollMenuView's own tile styling, override just
+ * the ones you need.
  *
  * @param {ScrollMenuProps} props
  * */
@@ -582,13 +579,12 @@ type ScrollMenuViewProps = {
  * Scroll Menu View
  * ------------------------------------------------------------
  * Pure presentation for a ScrollMenu: a horizontally scrollable row
- * of thumbnail tiles, sized and colored like homepairsUI's ImageTile
- * (70x70, 7.5 radius, light border, dark strip background). Give an
- * item a thumbnail via its `icon`, e.g.
+ * of thumbnail tiles (70x70, 7.5 radius, light border, dark strip
+ * background). Give an item a thumbnail via its `icon`, e.g.
  * `icon: <img src={...} style={{width: '100%', height: '100%', objectFit: 'cover'}} />`;
  * an item without an `icon` falls back to its `label` as centered
- * text, mirroring the ImageTile/TextTile fallback in the original.
- * Holds no selection state — clicking a tile just calls
+ * text, the same image/text fallback ImageTile/TextTile use. Holds
+ * no selection state — clicking a tile just calls
  * `onItemSelect`, the same guarded callback NavigationBar hands to
  * any of its views.
  *
@@ -617,6 +613,7 @@ type ImageTileProps = {
     key?: any;
     testID?: string;
     image: string;
+    alt?: string;
     enlarge?: boolean;
     containerStyle?: React.CSSProperties;
     imageStyle?: React.CSSProperties;
@@ -634,18 +631,22 @@ type TextTileProps = {
  * Image Tile
  * ------------------------------------------------------------
  * A small unit that holds an image and is formatted in the shape of
- * a rounded tile, matching homepairsUI's ImageTile (70x70, or 100x100
- * with `enlarge`, 7.5 radius, light border). Often seen holding a
- * service provider's logo, e.g. as an item's thumbnail in ScrollMenu.
+ * a rounded tile (70x70, or 100x100 with `enlarge`, 7.5 radius, light
+ * border). Often used to hold a logo or avatar, e.g. as an item's
+ * thumbnail in ScrollMenu. Pass `alt` whenever the image conveys
+ * information (a name, a logo); leave it unset only for genuinely
+ * decorative images — it defaults to `''`, not to a missing attribute,
+ * so screen readers don't fall back to reading the image URL.
  *
  * @param {ImageTileProps} props
  * */
-declare function ImageTile({ testID, image, enlarge, containerStyle, imageStyle }: ImageTileProps): JSX.Element;
+declare function ImageTile({ testID, image, alt, enlarge, containerStyle, imageStyle }: ImageTileProps): JSX.Element;
 declare namespace ImageTile {
     var propTypes: {
         key: PropTypes.Requireable<any>;
         testID: PropTypes.Requireable<string>;
         image: PropTypes.Validator<string>;
+        alt: PropTypes.Requireable<string>;
         enlarge: PropTypes.Requireable<boolean>;
         containerStyle: PropTypes.Requireable<object>;
         imageStyle: PropTypes.Requireable<object>;
@@ -656,9 +657,8 @@ declare namespace ImageTile {
  * Text Tile
  * ------------------------------------------------------------
  * A small unit that holds a string and is formatted in the shape of
- * a rounded tile, matching homepairsUI's TextTile. Used as a fallback
- * where an ImageTile would go but there's no image available (e.g.
- * the hamburger menu, or an add-provider tile).
+ * a rounded tile, matching ImageTile's footprint. Used as a fallback
+ * where an ImageTile would go but there's no image available.
  *
  * @param {TextTileProps} props
  * */
@@ -692,8 +692,8 @@ type SearchBarProps<T = any> = Omit<InputFormProps, 'onInput' | 'value' | 'defau
  * ------------------------------------------------------------
  * Search Bar
  * ------------------------------------------------------------
- * Wraps InputForm as-is (no styling of its own, same as homepairsUI's
- * SearchForm) and adds filtering: on every keystroke, `objects` is
+ * Wraps InputForm as-is (no styling of its own) and adds filtering:
+ * on every keystroke, `objects` is
  * filtered and the result is handed to `onResults`. With no `keys`,
  * matching recurses through each object's own nested values; with
  * `keys`, only those top-level fields are checked.
@@ -741,4 +741,4 @@ declare namespace SearchBar {
     };
 }
 
-export { Card, type CardProps, type CustomMatcher, HamburgerMenu, type HamburgerMenuProps, HamburgerMenuView, type HamburgerMenuViewProps, HelloWorld, ImageTile, type ImageTileProps, InputForm, type InputFormProps, Loading, type LoadingProps, type MatchStrategy, type NavItem, NavigationBar, type NavigationBarProps, NavigationBarView, type NavigationBarViewProps, RadioButtonGroup, type RadioButtonGroupProps, RadioButtonGroupView, type RadioButtonGroupViewProps, type RadioOption, ScrollMenu, type ScrollMenuProps, ScrollMenuView, type ScrollMenuViewProps, SearchBar, type SearchBarProps, TextTile, type TextTileProps, ThinButton, type ThinButtonProps, type ThumbnailItem };
+export { Card, type CardProps, type CustomMatcher, HamburgerMenu, type HamburgerMenuProps, HamburgerMenuView, type HamburgerMenuViewProps, ImageTile, type ImageTileProps, InputForm, type InputFormProps, Loading, type LoadingProps, type MatchStrategy, type NavItem, NavigationBar, type NavigationBarProps, NavigationBarView, type NavigationBarViewProps, RadioButtonGroup, type RadioButtonGroupProps, RadioButtonGroupView, type RadioButtonGroupViewProps, type RadioOption, ScrollMenu, type ScrollMenuProps, ScrollMenuView, type ScrollMenuViewProps, SearchBar, type SearchBarProps, TextTile, type TextTileProps, ThinButton, type ThinButtonProps, type ThumbnailItem };

package/dist/index.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-declare function HelloWorld(): JSX.Element;
-
 type ThinButtonProps = {
     testID?: string;
     key?: any;
@@ -65,22 +63,22 @@ type CardProps = {
  *
  * @param {CardProps} props
  * */
-declare function Card({ containerStyle, wrapperStyle, titleText, titleStyle, subtitleText, subtitleStyle, titleContainerStyle, closeButtonStyle, showCloseButton, onClickCloseButton: closeButtonPressedCallBack, children }: CardProps): JSX.Element;
+declare function Card({ containerStyle, wrapperStyle, titleText, titleStyle, subtitleText, subtitleStyle, titleContainerStyle, closeButtonStyle, closeButtonContainerStyle, showCloseButton, onClickCloseButton: closeButtonPressedCallBack, children }: CardProps): JSX.Element;
 declare namespace Card {
     var propTypes: {
         key: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<any>;
         containerStyle: PropTypes.Requireable<object>;
         wrapperStyle: PropTypes.Requireable<object>;
-        title: PropTypes.Requireable<string>;
+        titleText: PropTypes.Requireable<string>;
         titleStyle: PropTypes.Requireable<object>;
-        subtitle: PropTypes.Requireable<string>;
-        subtitleStyle: PropTypes.Requireable<string>;
+        subtitleText: PropTypes.Requireable<string>;
+        subtitleStyle: PropTypes.Requireable<object>;
         titleContainerStyle: PropTypes.Requireable<object>;
         closeButtonStyle: PropTypes.Requireable<object>;
         closeButtonContainerStyle: PropTypes.Requireable<object>;
-        showCloseButton: PropTypes.Requireable<object>;
-        closeButtonPressedCallBack: PropTypes.Requireable<(...args: any[]) => any>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        onClickCloseButton: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 
@@ -396,11 +394,11 @@ type RadioButtonGroupProps = {
  * so it can never disagree with a NavigationBar built from the same
  * `items` about what "selected" means.
  *
- * Default styling mirrors homepairsUI's AccountTypeRadioButton
- * (accent `#00ADE9` fill, `#1177B0` border when selected, muted
- * `rgba(55,66,69,.5)` otherwise), generalized from its fixed
- * two-option layout to any number of items. Every `*Style` prop is
- * mutable the same way as Card's: each has that default, override
+ * Default styling is a segmented-control look (accent `#00ADE9` fill,
+ * `#1177B0` border when selected, muted `rgba(55,66,69,.5)`
+ * otherwise), generalized to any number of items rather than a fixed
+ * two-option layout. Every `*Style` prop is mutable the same way as
+ * Card's: each has that default, override
  * just the ones you need.
  *
  * @param {RadioButtonGroupProps} props
@@ -450,10 +448,9 @@ type RadioButtonGroupViewProps = {
  * ------------------------------------------------------------
  * Pure presentation for a RadioButtonGroup: a row of segments,
  * rounded like a segmented control at the two outer edges, filled
- * with the accent color when selected. Defaults (colors, radius,
- * height, padding, font) mirror homepairsUI's AccountTypeRadioButton,
- * generalized from its fixed two-option layout to any number of
- * `items`. Holds no selection state itself — clicking a segment just
+ * with the accent color when selected, generalized to any number of
+ * `items` rather than a fixed two-option layout. Holds no selection
+ * state itself — clicking a segment just
  * calls `onItemSelect`, the same guarded callback NavigationBar hands
  * to any of its views.
  *
@@ -495,9 +492,9 @@ type LoadingProps = {
  * Loading
  * ------------------------------------------------------------
  * A card that should be shown while assets, requests, or async work
- * are in flight. Mirrors homepairsUI's LoadingModal: built on this
- * library's own Card, sized to a small centered panel with a
- * spinner, and able to take children for a status message under it.
+ * are in flight. Built on this library's own Card, sized to a small
+ * centered panel with a spinner, and able to take children for a
+ * status message under it.
  *
  * @param {LoadingProps} props
  * */
@@ -531,18 +528,18 @@ type ScrollMenuProps = {
  * Scroll Menu
  * ------------------------------------------------------------
  * A NavigationBar whose items render as a horizontally scrollable
- * strip of thumbnail tiles instead of a nav strip — think
- * homepairsUI's PreferredProviderFlatList, generalized to any set of
- * `items`. Selection behavior is NavigationBar's, reused as-is:
- * exactly one tile is always selected (defaulting to the first), and
- * a disabled or already-active tile is a no-op. This component only
- * supplies presentation — ScrollMenuView — so it can never disagree
- * with a NavigationBar built from the same `items` about what
- * "selected" means.
+ * strip of thumbnail tiles instead of a nav strip — a scrollable
+ * picker of thumbnails, generalized to any set of `items`. Selection
+ * behavior is NavigationBar's, reused as-is: exactly one tile is
+ * always selected (defaulting to the first), and a disabled or
+ * already-active tile is a no-op. This component only supplies
+ * presentation — ScrollMenuView — so it can never disagree with a
+ * NavigationBar built from the same `items` about what "selected"
+ * means.
  *
  * Every `*Style` prop is mutable the same way as Card's: each has a
- * default drawn from homepairsUI's ImageTile/PreferredProviderFlatList
- * styling, override just the ones you need.
+ * default drawn from ScrollMenuView's own tile styling, override just
+ * the ones you need.
  *
  * @param {ScrollMenuProps} props
  * */
@@ -582,13 +579,12 @@ type ScrollMenuViewProps = {
  * Scroll Menu View
  * ------------------------------------------------------------
  * Pure presentation for a ScrollMenu: a horizontally scrollable row
- * of thumbnail tiles, sized and colored like homepairsUI's ImageTile
- * (70x70, 7.5 radius, light border, dark strip background). Give an
- * item a thumbnail via its `icon`, e.g.
+ * of thumbnail tiles (70x70, 7.5 radius, light border, dark strip
+ * background). Give an item a thumbnail via its `icon`, e.g.
  * `icon: <img src={...} style={{width: '100%', height: '100%', objectFit: 'cover'}} />`;
  * an item without an `icon` falls back to its `label` as centered
- * text, mirroring the ImageTile/TextTile fallback in the original.
- * Holds no selection state — clicking a tile just calls
+ * text, the same image/text fallback ImageTile/TextTile use. Holds
+ * no selection state — clicking a tile just calls
  * `onItemSelect`, the same guarded callback NavigationBar hands to
  * any of its views.
  *
@@ -617,6 +613,7 @@ type ImageTileProps = {
     key?: any;
     testID?: string;
     image: string;
+    alt?: string;
     enlarge?: boolean;
     containerStyle?: React.CSSProperties;
     imageStyle?: React.CSSProperties;
@@ -634,18 +631,22 @@ type TextTileProps = {
  * Image Tile
  * ------------------------------------------------------------
  * A small unit that holds an image and is formatted in the shape of
- * a rounded tile, matching homepairsUI's ImageTile (70x70, or 100x100
- * with `enlarge`, 7.5 radius, light border). Often seen holding a
- * service provider's logo, e.g. as an item's thumbnail in ScrollMenu.
+ * a rounded tile (70x70, or 100x100 with `enlarge`, 7.5 radius, light
+ * border). Often used to hold a logo or avatar, e.g. as an item's
+ * thumbnail in ScrollMenu. Pass `alt` whenever the image conveys
+ * information (a name, a logo); leave it unset only for genuinely
+ * decorative images — it defaults to `''`, not to a missing attribute,
+ * so screen readers don't fall back to reading the image URL.
  *
  * @param {ImageTileProps} props
  * */
-declare function ImageTile({ testID, image, enlarge, containerStyle, imageStyle }: ImageTileProps): JSX.Element;
+declare function ImageTile({ testID, image, alt, enlarge, containerStyle, imageStyle }: ImageTileProps): JSX.Element;
 declare namespace ImageTile {
     var propTypes: {
         key: PropTypes.Requireable<any>;
         testID: PropTypes.Requireable<string>;
         image: PropTypes.Validator<string>;
+        alt: PropTypes.Requireable<string>;
         enlarge: PropTypes.Requireable<boolean>;
         containerStyle: PropTypes.Requireable<object>;
         imageStyle: PropTypes.Requireable<object>;
@@ -656,9 +657,8 @@ declare namespace ImageTile {
  * Text Tile
  * ------------------------------------------------------------
  * A small unit that holds a string and is formatted in the shape of
- * a rounded tile, matching homepairsUI's TextTile. Used as a fallback
- * where an ImageTile would go but there's no image available (e.g.
- * the hamburger menu, or an add-provider tile).
+ * a rounded tile, matching ImageTile's footprint. Used as a fallback
+ * where an ImageTile would go but there's no image available.
  *
  * @param {TextTileProps} props
  * */
@@ -692,8 +692,8 @@ type SearchBarProps<T = any> = Omit<InputFormProps, 'onInput' | 'value' | 'defau
  * ------------------------------------------------------------
  * Search Bar
  * ------------------------------------------------------------
- * Wraps InputForm as-is (no styling of its own, same as homepairsUI's
- * SearchForm) and adds filtering: on every keystroke, `objects` is
+ * Wraps InputForm as-is (no styling of its own) and adds filtering:
+ * on every keystroke, `objects` is
  * filtered and the result is handed to `onResults`. With no `keys`,
  * matching recurses through each object's own nested values; with
  * `keys`, only those top-level fields are checked.
@@ -741,4 +741,4 @@ declare namespace SearchBar {
     };
 }
 
-export { Card, type CardProps, type CustomMatcher, HamburgerMenu, type HamburgerMenuProps, HamburgerMenuView, type HamburgerMenuViewProps, HelloWorld, ImageTile, type ImageTileProps, InputForm, type InputFormProps, Loading, type LoadingProps, type MatchStrategy, type NavItem, NavigationBar, type NavigationBarProps, NavigationBarView, type NavigationBarViewProps, RadioButtonGroup, type RadioButtonGroupProps, RadioButtonGroupView, type RadioButtonGroupViewProps, type RadioOption, ScrollMenu, type ScrollMenuProps, ScrollMenuView, type ScrollMenuViewProps, SearchBar, type SearchBarProps, TextTile, type TextTileProps, ThinButton, type ThinButtonProps, type ThumbnailItem };
+export { Card, type CardProps, type CustomMatcher, HamburgerMenu, type HamburgerMenuProps, HamburgerMenuView, type HamburgerMenuViewProps, ImageTile, type ImageTileProps, InputForm, type InputFormProps, Loading, type LoadingProps, type MatchStrategy, type NavItem, NavigationBar, type NavigationBarProps, NavigationBarView, type NavigationBarViewProps, RadioButtonGroup, type RadioButtonGroupProps, RadioButtonGroupView, type RadioButtonGroupViewProps, type RadioOption, ScrollMenu, type ScrollMenuProps, ScrollMenuView, type ScrollMenuViewProps, SearchBar, type SearchBarProps, TextTile, type TextTileProps, ThinButton, type ThinButtonProps, type ThumbnailItem };