panelui-native 0.86.1 → 0.88.0

package/lib/typescript/src/components/search-bar/index.d.ts

@@ -1,13 +1,80 @@
 /**
  * SearchBar — a text field for querying a list, with the two controls a search
- * needs and an ordinary field does not.
+ * needs and an ordinary field does not, and a panel of results that opens out
+ * of the field itself.
  *
  * ```tsx
  * <SearchBar placeholder="Search orders" onSubmit={run} />
  * <SearchBar variant="filled" shape="pill" cancel="focus" />
- * <SearchBar debounce={250} onDebouncedChange={filter} loading={pending} />
+ * <SearchBar avoidKeyboard value={query} onChangeText={setQuery}>
+ *   <SearchBar.Section label="Suggested">
+ *     <SearchBar.Item trailing={<AddButton />} onPress={add}>Claude</SearchBar.Item>
+ *   </SearchBar.Section>
+ * </SearchBar>
  * ```
  *
+ * ## The results are above the field, and the field is above the keyboard
+ *
+ * A search that is being typed into has a keyboard under it, and a list drawn
+ * below the field is a list drawn behind the keyboard. So `avoidKeyboard`
+ * lifts the field until it sits `keyboardOffset` points clear of the keyboard's
+ * top edge, and the panel opens *upward* out of it into the space that is
+ * actually free.
+ *
+ * That puts the first result nearest the field and the last one furthest away,
+ * which is the order a reader walking away from the caret expects. Pass
+ * `panelPlacement="bottom"` for a search bar in a header, where the space is
+ * the other way round.
+ *
+ * The panel is positioned absolutely rather than laid out in the flow, so
+ * opening it never moves the page underneath — a list that pushes the field it
+ * belongs to is a field that walks away from the finger typing into it.
+ *
+ * ## Touches inside the panel must not close the keyboard
+ *
+ * The panel scrolls with `keyboardShouldPersistTaps="always"`, and every press
+ * inside it holds the field's focus open for a moment afterwards. Both are
+ * needed, because a search closes the instant the field blurs and there are
+ * two separate ways for a touch in the panel to blur it.
+ *
+ * `"handled"` only spares presses a child takes responsibility for, which
+ * leaves the panel's own padding, the gaps between rows, a section heading and
+ * the whole of `SearchBar.Status` as live dismiss surfaces — tapping the word
+ * "Searching …" would end the search. `"always"` gives the panel back.
+ *
+ * The focus guard covers the other way: a control inside a row — an add
+ * button, a remove ✕ — takes focus with the press on Android, and returning it
+ * a frame later is not enough on its own, because the blur has already closed
+ * the panel the control was drawn in. So a press in the panel marks the field
+ * as still being used, and a blur arriving under that mark is answered by
+ * asking for focus back rather than by ending the search.
+ *
+ * That guard only knows about presses that go through this component's own
+ * parts, and a caller's `Pressable` in a row's `trailing` slot takes the touch
+ * itself. So the panel also waits before believing any blur, and asks the
+ * keyboard: it is still up, because nothing in the panel dismisses it, and a
+ * search whose keyboard is still up has not ended. Focus goes back instead.
+ *
+ * ## The space kept for the field is not a target
+ *
+ * The card is one box around the results *and* the field, so it carries a
+ * spacer where the field sits. That spacer is a plain view drawn over a
+ * focused field, and a touch on a plain view is the platform's cue to dismiss
+ * the keyboard — so winning one blurred the field and closed the panel drawn
+ * out of that focus. Tapping the search box shut the results, which is exactly
+ * backwards. The card and its spacer take no touches at all now.
+ *
+ * ## What has already been picked goes in the field
+ *
+ * `tokens` puts the choices made so far inside the field, before the caret, so
+ * the query and what it has produced are one control rather than a control and
+ * a list somewhere above it. `SearchBar.Token` is the chip; backspace on an
+ * empty field fires `onRemoveLastToken`, which is what a token field does
+ * everywhere else.
+ *
+ * They scroll rather than wrap: the field is one line tall, and a row of chips
+ * that grew it would move the caret every time something was picked.
+ *
  * ## The clear button, and why it is not the platform's
  *
  * A ✕ appears inside the field as soon as there is something to clear, and
@@ -44,22 +111,32 @@
  * a return key is somebody saying they are done waiting.
  */
 import { type ReactNode } from 'react';
-import { type TextInput } from 'react-native';
+import { type TextInput, type ViewProps } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
+import { type AnimatedPressableProps } from '../../primitives/animated-pressable.js';
 import { type InputProps } from '../input/index.js';
 declare const searchBarVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         md: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         lg: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
     };
     /**
@@ -75,26 +152,67 @@ declare const searchBarVariants: import("tailwind-variants").TVReturnType<{
             field: string;
         };
     };
+    /**
+     * Which edge of the field the card grows out of. The field's corners on
+     * that edge go square and its border comes off entirely — the card around
+     * both of them is what draws the edge.
+     */
+    attached: {
+        none: {};
+        top: {
+            field: string;
+        };
+        bottom: {
+            field: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
 }, {
     row: string;
+    anchor: string;
     field: string;
+    panel: string;
+    panelList: string;
+    /** The hairline between the results and the field. */
+    panelDivider: string;
+    sectionLabel: string;
+    item: string;
+    itemLabel: string;
+    status: string;
     cancelClip: string;
     cancelButton: string;
     cancelLabel: string;
     clear: string;
+    tokenRow: string;
+    token: string;
+    tokenLabel: string;
+    tokenRemove: string;
 }, undefined, {
     size: {
         sm: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         md: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         lg: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
     };
     /**
@@ -110,26 +228,67 @@ declare const searchBarVariants: import("tailwind-variants").TVReturnType<{
             field: string;
         };
     };
+    /**
+     * Which edge of the field the card grows out of. The field's corners on
+     * that edge go square and its border comes off entirely — the card around
+     * both of them is what draws the edge.
+     */
+    attached: {
+        none: {};
+        top: {
+            field: string;
+        };
+        bottom: {
+            field: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
 }, {
     row: string;
+    anchor: string;
     field: string;
+    panel: string;
+    panelList: string;
+    /** The hairline between the results and the field. */
+    panelDivider: string;
+    sectionLabel: string;
+    item: string;
+    itemLabel: string;
+    status: string;
     cancelClip: string;
     cancelButton: string;
     cancelLabel: string;
     clear: string;
+    tokenRow: string;
+    token: string;
+    tokenLabel: string;
+    tokenRemove: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         md: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
         lg: {
             cancelLabel: string;
             clear: string;
+            token: string;
+            tokenLabel: string;
+            tokenRemove: string;
         };
     };
     /**
@@ -145,24 +304,63 @@ declare const searchBarVariants: import("tailwind-variants").TVReturnType<{
             field: string;
         };
     };
+    /**
+     * Which edge of the field the card grows out of. The field's corners on
+     * that edge go square and its border comes off entirely — the card around
+     * both of them is what draws the edge.
+     */
+    attached: {
+        none: {};
+        top: {
+            field: string;
+        };
+        bottom: {
+            field: string;
+        };
+    };
+    selected: {
+        true: {
+            item: string;
+        };
+    };
 }, {
     row: string;
+    anchor: string;
     field: string;
+    panel: string;
+    panelList: string;
+    /** The hairline between the results and the field. */
+    panelDivider: string;
+    sectionLabel: string;
+    item: string;
+    itemLabel: string;
+    status: string;
     cancelClip: string;
     cancelButton: string;
     cancelLabel: string;
     clear: string;
+    tokenRow: string;
+    token: string;
+    tokenLabel: string;
+    tokenRemove: string;
 }, undefined, unknown, unknown, undefined>>;
 type SearchBarVariantProps = VariantProps<typeof searchBarVariants>;
+/** Where the results open. */
+export type SearchBarPanelPlacement = 'top' | 'bottom';
+/** When the results are shown. */
+export type SearchBarPanelMode = 'never' | 'focus' | 'always';
 /**
  * What SearchBar takes from Input, minus everything it owns itself. The form
  * furniture is dropped along with it: a label and an error line stack above
  * and below the field, and Cancel sits beside the whole stack rather than
  * beside the field it belongs to. Use `Field` for a search that is one answer
  * in a form.
+ *
+ * The keyboard props go too. Input's would move the field and leave the Cancel
+ * button and the panel where they were; SearchBar lifts all three together.
  */
-type InheritedInputProps = Omit<InputProps, 'defaultValue' | 'description' | 'endContent' | 'errorMessage' | 'interactiveContent' | 'isRequired' | 'label' | 'multiline' | 'onChangeText' | 'size' | 'startContent' | 'value'>;
-export interface SearchBarProps extends InheritedInputProps, SearchBarVariantProps {
+type InheritedInputProps = Omit<InputProps, 'avoidKeyboard' | 'defaultValue' | 'description' | 'endContent' | 'errorMessage' | 'interactiveContent' | 'isRequired' | 'keyboardBottomInset' | 'keyboardMode' | 'keyboardOffset' | 'label' | 'multiline' | 'onChangeText' | 'size' | 'startContent' | 'value'>;
+export interface SearchBarProps extends InheritedInputProps, Omit<SearchBarVariantProps, 'attached' | 'selected'> {
     /**
      * The field's background, from `Input`. `outline` draws its own edge, for a
      * search bar sitting on the page; `filled` drops it, for one inside a card
@@ -210,7 +408,153 @@ export interface SearchBarProps extends InheritedInputProps, SearchBarVariantPro
     loading?: boolean;
     /** The leading glyph, for a search over something with a symbol of its own. */
     icon?: ReactNode;
+    /**
+     * Lift the whole search — field, Cancel button and panel — until it sits
+     * clear of the software keyboard, and put it back on blur. Without it the
+     * field stays where the page left it, which on most screens is behind the
+     * keyboard it just opened.
+     *
+     * Install `react-native-keyboard-controller` for this to behave on Android.
+     *
+     * Do not toggle it at runtime: it changes which component wraps the row, so
+     * the field would remount and lose focus.
+     */
+    avoidKeyboard?: boolean;
+    /** Gap kept between the field's bottom edge and the keyboard. */
+    keyboardOffset?: number;
+    /**
+     * When the results panel is shown. `focus` opens it while the field is being
+     * typed into, `always` keeps it out for a screen that is nothing but the
+     * search, `never` ignores the children entirely.
+     */
+    panel?: SearchBarPanelMode;
+    /**
+     * Which side of the field the panel opens out of. `top` is the default,
+     * because the space under a focused field belongs to the keyboard.
+     */
+    panelPlacement?: SearchBarPanelPlacement;
+    /**
+     * Cap on the panel's height, in points.
+     *
+     * The panel takes the smaller of this and the room between the field and the
+     * edge of the screen, so it never runs off the top of the display. Unset, it
+     * is capped at about six rows: the space above a lifted field is most of the
+     * screen, and a panel that takes all of it stops reading as something laid
+     * over the app. Longer lists scroll.
+     */
+    panelMaxHeight?: number;
+    /**
+     * What has been picked so far, drawn inside the field before the caret.
+     * `SearchBar.Token` is the chip; anything else that fits on one line works
+     * too. Tokens scroll rather than wrap, so the field stays one line tall.
+     */
+    tokens?: ReactNode;
+    /**
+     * Fires when backspace is pressed in an empty field. Remove the last token
+     * here — it is the gesture every token field answers, and without it the
+     * only way back out of a choice is its own ✕.
+     */
+    onRemoveLastToken?: () => void;
+    /** The panel's contents — `SearchBar.Section`, `.Item` and `.Status`. */
+    children?: ReactNode;
+}
+export interface SearchBarSectionProps extends ViewProps {
+    className?: string;
+    /**
+     * The heading over the run of rows — "Suggested", "Results". Announced as a
+     * header, so a screen reader reaching the group is told what it is before
+     * walking into it.
+     */
+    label?: string;
+    children?: ReactNode;
+}
+/** A labelled run of rows inside the panel. */
+declare function SearchBarSection({ className, label, children, ...props }: SearchBarSectionProps): import("react").JSX.Element;
+declare namespace SearchBarSection {
+    var displayName: string;
+}
+export interface SearchBarItemProps extends Omit<AnimatedPressableProps, 'children'> {
+    className?: string;
+    /** Anything before the label — an avatar, a logo, a status dot. */
+    leading?: ReactNode;
+    /**
+     * Anything after it. A slot rather than a built-in button, because what a
+     * result row offers differs per search: an add, a pin, a count, nothing.
+     */
+    trailing?: ReactNode;
+    /** A second line under the label, for what the label alone cannot say. */
+    description?: string;
+    /** Draws the row as the one the search has settled on. */
+    selected?: boolean;
+    /** The row's label. */
+    children?: ReactNode;
+}
+/** One result. */
+declare function SearchBarItem({ className, leading, trailing, description, selected, children, onPressIn, ...props }: SearchBarItemProps): import("react").JSX.Element;
+declare namespace SearchBarItem {
+    var displayName: string;
+}
+export interface SearchBarStatusProps extends ViewProps {
+    className?: string;
+    /** A spinner beside the line, for a search that is still running. */
+    loading?: boolean;
+    children?: ReactNode;
+}
+/**
+ * The one line a panel shows instead of rows — nothing typed yet, a search in
+ * flight, or a query that matched nothing. It is a sentence rather than an
+ * empty box because those three states look identical when they are blank, and
+ * which one it is decides what the person does next.
+ */
+declare function SearchBarStatus({ className, loading, children, ...props }: SearchBarStatusProps): import("react").JSX.Element;
+declare namespace SearchBarStatus {
+    var displayName: string;
+}
+export interface SearchBarActionProps extends AnimatedPressableProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * A button inside a row — an add, a pin, a remove — for the `trailing` slot.
+ *
+ * It exists rather than being left to a plain `Pressable` because a control
+ * nested inside a row takes the touch itself, so the row above it never sees
+ * the press and cannot hold the field's focus on its behalf. Pressed, this one
+ * ends up blurring the field, and a blurred field closes the panel the button
+ * was standing in — the press lands and the search disappears under it.
+ */
+declare function SearchBarAction({ className, children, onPressIn, ...props }: SearchBarActionProps): import("react").JSX.Element;
+declare namespace SearchBarAction {
+    var displayName: string;
+}
+export interface SearchBarTokenProps extends ViewProps {
+    className?: string;
+    /** Anything before the label — an avatar, a logo, a status dot. */
+    leading?: ReactNode;
+    /** Fires when the chip's ✕ is pressed. Without it no ✕ is drawn. */
+    onRemove?: () => void;
+    /** How the ✕ announces itself. Defaults to `Remove <label>`. */
+    removeLabel?: string;
+    /** The chip's label. */
+    children?: ReactNode;
+}
+/**
+ * One choice already made, drawn inside the field before the caret.
+ *
+ * It sits in the field rather than in a list above it so that the query and
+ * what the query has produced are one control. A search that files its results
+ * somewhere else asks the reader to look in two places to know where they are.
+ */
+declare function SearchBarToken({ className, leading, onRemove, removeLabel, children, ...props }: SearchBarTokenProps): import("react").JSX.Element;
+declare namespace SearchBarToken {
+    var displayName: string;
 }
-export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<TextInput>>;
+export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<TextInput>> & {
+    Section: typeof SearchBarSection;
+    Item: typeof SearchBarItem;
+    Action: typeof SearchBarAction;
+    Token: typeof SearchBarToken;
+    Status: typeof SearchBarStatus;
+};
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/search-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/search-bar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAU,CAAC;AAqBlD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;IAqBnB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;;2CAUL,CAAC;AAEH,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAKpE;;;;;;GAMG;AACH,KAAK,mBAAmB,GAAG,IAAI,CAC7B,UAAU,EACR,cAAc,GACd,aAAa,GACb,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,YAAY,GACZ,OAAO,GACP,WAAW,GACX,cAAc,GACd,MAAM,GACN,cAAc,GACd,OAAO,CACV,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,mBAAmB,EAAE,qBAAqB;IAChF;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,sGA8OrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/search-bar/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/hooks/use-keyboard-avoidance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-avoidance.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-keyboard-avoidance.ts"],"names":[],"mappings":"AA+CA,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAML,gBAAgB,EAIhB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAYjC,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,2BAA2B;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,aAAa,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D;AA6DD,mFAAmF;AACnF,wBAAgB,qBAAqB,IAAI,OAAO,CAS/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAc,EACd,MAAa,EACb,IAAa,EACb,MAAW,EACX,WAAe,GAChB,GAAE,2BAAgC,GAAG,0BAA0B,CAgG/D"}
+{"version":3,"file":"use-keyboard-avoidance.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-keyboard-avoidance.ts"],"names":[],"mappings":"AA+CA,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAML,gBAAgB,EAIhB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAYjC,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,2BAA2B;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,aAAa,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D;AA6DD,mFAAmF;AACnF,wBAAgB,qBAAqB,IAAI,OAAO,CAS/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAc,EACd,MAAa,EACb,IAAa,EACb,MAAW,EACX,WAAe,GAChB,GAAE,2BAAgC,GAAG,0BAA0B,CAuH/D"}

package/lib/typescript/src/hooks/use-reveal-progress.d.ts

@@ -1,30 +1,3 @@
-/**
- * useRevealProgress — how far an element has travelled through the viewport.
- *
- * The number every scroll-driven effect is really made of: `0` before the
- * element has arrived, `1` once it has passed, and a smooth scrub between the
- * two. What an effect *does* with it — recolour, fade, zoom, step through
- * frames — is the only part that differs.
- *
- * The window is set the way a scroll-trigger's is: `start` and `end` are
- * positions down the viewport, as fractions of its height. Progress is `0`
- * while the element's **top** is still below `start`, and reaches `1` when its
- * **bottom** passes `end` — so a tall block scrubs across its own height rather
- * than snapping the moment its first line appears.
- *
- * ```tsx
- * const { ref, progress } = useRevealProgress({ start: 0.9, end: 0.5 });
- *
- * <Animated.View ref={ref} style={useAnimatedStyle(() => ({
- *   opacity: progress.value,
- * }))} />
- * ```
- *
- * The element is measured on the UI thread whenever the scroll position
- * changes — not every frame, and not once at layout. Once is wrong the moment
- * anything above it resizes; every frame is a measurement pass for a value that
- * only changes when the scroller moves.
- */
 import { type View } from 'react-native';
 import { type AnimatedRef, type SharedValue } from 'react-native-reanimated';
 export interface UseRevealProgressOptions {
@@ -49,6 +22,12 @@ export interface UseRevealProgressOptions {
 export interface UseRevealProgressResult {
     /** Attach to the element whose travel drives the effect. */
     ref: AnimatedRef<View>;
+    /**
+     * Attach to the same element. It is what says the element can be measured —
+     * without it the effect still works, at the cost of a warning per frame for
+     * every element that is mounted but not yet laid out.
+     */
+    onLayout: () => void;
     /** `0` before, `1` after, scrubbed between. */
     progress: SharedValue<number>;
 }

package/lib/typescript/src/hooks/use-reveal-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-reveal-progress.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-reveal-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAuB,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,4DAA4D;IAC5D,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAW,EACX,GAAS,EACT,QAAQ,EAAE,QAAQ,EAClB,OAAc,GACf,GAAE,wBAA6B,GAAG,uBAAuB,CAoCzD"}
+{"version":3,"file":"use-reveal-progress.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-reveal-progress.ts"],"names":[],"mappings":"AA4BA,OAAO,EAAuB,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,4DAA4D;IAC5D,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAW,EACX,GAAS,EACT,QAAQ,EAAE,QAAQ,EAClB,OAAc,GACf,GAAE,wBAA6B,GAAG,uBAAuB,CAyDzD"}

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

@@ -15,6 +15,7 @@ export { Alert, type AlertProps, type AlertIndicatorProps, } from './components/
 export { Avatar, type AvatarProps, type AvatarBadgeProps, type AvatarGroupProps, } from './components/avatar/index.js';
 export { Attachment, type AttachmentProps, type AttachmentGroupProps, type AttachmentMediaProps, type AttachmentContentProps, type AttachmentTitleProps, type AttachmentDescriptionProps, type AttachmentActionsProps, type AttachmentActionProps, type AttachmentState, } from './components/attachment/index.js';
 export { AreaChart, useAreaChart, type AreaChartProps, type AreaChartHandle, type AreaChartGridProps, type AreaChartHeaderProps, type AreaChartAreaProps, type AreaChartXAxisProps, type AreaChartYAxisProps, type AreaChartTooltipProps, type AreaChartLegendProps, type AreaChartDatum, type AreaChartStatus, } from './components/area-chart/index.js';
+export { AnimatedBadge, type AnimatedBadgeProps, type AnimatedBadgeSize, type AnimatedBadgeStatus, } from './components/animated-badge/index.js';
 export { Badge, type BadgeProps } from './components/badge/index.js';
 export { BarChart, useBarChart, type BarChartProps, type BarChartHandle, type BarChartHeaderProps, type BarChartGridProps, type BarChartBarProps, type BarChartXAxisProps, type BarChartYAxisProps, type BarChartTooltipProps, type BarChartLegendProps, type BarChartDatum, type BarChartStatus, type BarChartOrientation, } from './components/bar-chart/index.js';
 export { CandlestickChart, useCandlestickChart, type CandlestickChartProps, type CandlestickChartHandle, type CandlestickChartHeaderProps, type CandlestickChartGridProps, type CandlestickChartCandlesProps, type CandlestickChartXAxisProps, type CandlestickChartYAxisProps, type CandlestickChartTooltipProps, type CandlestickChartLegendProps, type CandlestickChartDatum, type CandlestickChartStatus, } from './components/candlestick-chart/index.js';
@@ -26,6 +27,7 @@ export { ToggleButton, ToggleButtonGroup, useToggleButton, type ToggleButtonProp
 export { DatePicker, type DatePickerProps, type DatePickerMode, } from './components/date-picker/index.js';
 export { DateTimePicker, type DateTimePickerProps, type DateTimePickerPresentation, } from './components/date-time-picker/index.js';
 export { Dialog, type DialogProps, type DialogContentProps, } from './components/dialog/index.js';
+export { FeedbackDialog, type FeedbackDialogProps, type FeedbackDialogContentProps, type FeedbackDialogPanelProps, type FeedbackDialogCloseProps, type FeedbackDialogFieldProps, type FeedbackDialogFooterProps, type FeedbackDialogActionProps, type FeedbackDialogSubmitProps, } from './components/feedback-dialog/index.js';
 export { Soundwave, type SoundwaveProps, type SoundwaveState, type SoundwaveVariant, } from './components/soundwave/index.js';
 export { Direction, useDirection, useDirectionSign, type DirectionProps, type DirectionValue, } from './components/direction/index.js';
 export { Fab, type FabProps, type FabGroupProps, type FabActionProps, type FabPlacement, type FabSize, type FabVariant, } from './components/fab/index.js';
@@ -62,11 +64,13 @@ export { Input, type InputProps } from './components/input/index.js';
 export { InputGroup, type InputGroupProps, type InputGroupInputProps, type InputGroupDecoratorProps, } from './components/input-group/index.js';
 export { NumberInput, type NumberInputProps, } from './components/number-input/index.js';
 export { OtpInput, type OtpInputProps } from './components/otp-input/index.js';
-export { SearchBar, type SearchBarProps } from './components/search-bar/index.js';
+export { SearchBar, type SearchBarProps, type SearchBarActionProps, type SearchBarItemProps, type SearchBarSectionProps, type SearchBarStatusProps, type SearchBarTokenProps, type SearchBarPanelMode, type SearchBarPanelPlacement, } from './components/search-bar/index.js';
 export { Panelside, usePanelside, type PanelsideProps, type PanelsidePanelProps, type PanelsideHeaderProps, type PanelsideSearchProps, type PanelsideContentProps, type PanelsideGroupProps, type PanelsideGroupLabelProps, type PanelsideItemProps, type PanelsideItemIconProps, type PanelsideItemLabelProps, type PanelsideItemBadgeProps, type PanelsideActionProps, type PanelsideItemActionsProps, type PanelsideFooterProps, type PanelsideCtaProps, type PanelsideSceneProps, type PanelsidePagesProps, type PanelsidePageProps, type PanelsideTriggerProps, type PanelsideSearchTriggerProps, type PanelsideMode, type PanelsideSwipeFrom, type PanelsideItemSize, type PanelsideCtaSize, type PanelsideSurface, type PanelsideControlVariant, type UsePanelsideResult, } from './components/panelside/index.js';
 export { Pagination, paginationRange, type PaginationProps, type PaginationItemProps, type PaginationPreviousProps, type PaginationNextProps, type PaginationEllipsisProps, type PaginationSummaryProps, type PaginationStatusProps, type PaginationVariant, type PaginationSize, type PaginationItemValue, } from './components/pagination/index.js';
 export { PieChart, usePieChart, type PieChartProps, type PieChartHandle, type PieChartHeaderProps, type PieChartSlicesProps, type PieChartCenterProps, type PieChartLegendProps, type PieChartSkeletonProps, type PieChartStatus, type PieDatum, } from './components/pie-chart/index.js';
 export { LiveLineChart, useLiveLineChart, type LiveLineChartProps, type LiveLineChartHandle, type LiveLineChartHeaderProps, type LiveLineChartGridProps, type LiveLineChartAreaProps, type LiveLineChartLineProps, type LiveLineChartTipProps, type LiveLineChartXAxisProps, type LiveLineChartYAxisProps, type LiveLineChartTooltipProps, type LiveLineChartSkeletonProps, type LiveLineChartStatus, type LiveLineMomentum, type LiveLineMomentumColors, type LiveLinePoint, } from './components/live-line-chart/index.js';
+export { BubbleChart, useBubbleChart, type BubbleChartProps, type BubbleChartHandle, type BubbleChartHeaderProps, type BubbleChartGridProps, type BubbleChartQuadrantsProps, type BubbleChartTrendProps, type BubbleChartBubblesProps, type BubbleChartLabelsProps, type BubbleChartSizeKeyProps, type BubbleChartSkeletonProps, type BubbleChartXAxisProps, type BubbleChartYAxisProps, type BubbleChartTooltipProps, type BubbleChartLegendProps, type BubbleChartDatum, type BubbleChartPoint, type BubbleChartStatus, } from './components/bubble-chart/index.js';
+export { PyramidChart, usePyramidChart, type PyramidChartProps, type PyramidChartHandle, type PyramidChartHeaderProps, type PyramidChartGridProps, type PyramidChartBarProps, type PyramidChartSkeletonProps, type PyramidChartXAxisProps, type PyramidChartYAxisProps, type PyramidChartTooltipProps, type PyramidChartLegendProps, type PyramidChartDatum, type PyramidChartStatus, type PyramidChartSide, type PyramidChartLabelPlacement, } from './components/pyramid-chart/index.js';
 export { PolarAreaChart, usePolarAreaChart, type PolarAreaChartProps, type PolarAreaChartHandle, type PolarAreaChartHeaderProps, type PolarAreaChartGridProps, type PolarAreaChartWedgesProps, type PolarAreaChartLabelsProps, type PolarAreaChartTooltipProps, type PolarAreaChartLegendProps, type PolarAreaChartSkeletonProps, type PolarAreaChartStatus, type PolarAreaScale, type PolarAreaDatum, } from './components/polar-area-chart/index.js';
 export { Plot, usePlot, usePlotCursor, type PlotProps, type PlotHandle, type PlotGeometry, type PlotHeaderProps, type PlotLegendProps, type PlotGridProps, type PlotSeriesProps, type PlotLineProps, type PlotAreaProps, type PlotBarsProps, type PlotDotsProps, type PlotRuleProps, type PlotLayerProps, type PlotOverlayProps, type PlotXAxisProps, type PlotYAxisProps, type PlotCursorProps, type PlotTooltipProps, type PlotDatum, type PlotStatus, type PlotCurve, type PlotScale, type PlotBound, type PlotBox, } from './components/plot/index.js';
 export { areaPath, bandOf, barPath, compactNumber, linePath, segment, xAt, xOf, yOf, type ChartPoint, } from './components/plot/index.js';
@@ -96,6 +100,7 @@ export { RadioGroup, type RadioGroupProps, type RadioGroupItemProps, } from './c
 export { Rating, type RatingProps, type RatingColor, type RatingSize, } from './components/rating/index.js';
 export { RingChart, useRingChart, type RingChartProps, type RingChartHandle, type RingChartRingProps, type RingChartCenterProps, type RingChartLegendProps, type RingDatum, } from './components/ring-chart/index.js';
 export { ScatterChart, useScatterChart, type ScatterChartProps, type ScatterChartHandle, type ScatterChartHeaderProps, type ScatterChartGridProps, type ScatterChartPointsProps, type ScatterChartSkeletonProps, type ScatterChartXAxisProps, type ScatterChartYAxisProps, type ScatterChartTooltipProps, type ScatterChartLegendProps, type ScatterChartDatum, type ScatterChartPoint, type ScatterChartStatus, } from './components/scatter-chart/index.js';
+export { ScrollBlur, type ScrollBlurProps, type ScrollBlurTint, } from './components/scroll-blur/index.js';
 export { ScrollFade, type ScrollFadeProps, } from './components/scroll-fade/index.js';
 export { Separator, type SeparatorProps } from './components/separator/index.js';
 export { Signature, hasSignatureFileSystem, hasSignatureRaster, type SignatureProps, type SignatureHandle, type SignatureFile, type SignatureSaveOptions, type SignatureToolbarProps, type SignatureButtonProps, } from './components/signature/index.js';