@butternutbox/pawprint-native 1.1.3 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/CHANGELOG.md +12 -0
  3. package/dist/index.cjs +326 -37
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +362 -234
  6. package/dist/index.d.ts +362 -234
  7. package/dist/index.js +326 -39
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/molecules/FloatingActionButton/FloatingActionButton.stories.tsx +304 -0
  11. package/src/components/molecules/FloatingActionButton/FloatingActionButton.tsx +445 -0
  12. package/src/components/molecules/FloatingActionButton/index.ts +7 -0
  13. package/src/components/molecules/Menu/Menu.stories.tsx +19 -55
  14. package/src/components/molecules/Menu/Menu.test.tsx +55 -1
  15. package/src/components/molecules/Menu/Menu.tsx +56 -31
  16. package/src/components/molecules/Menu/MenuItem.tsx +32 -39
  17. package/src/components/molecules/Menu/hooks/index.ts +1 -0
  18. package/src/components/molecules/Menu/hooks/useMenuTrigger.test.ts +48 -0
  19. package/src/components/molecules/Menu/hooks/useMenuTrigger.ts +40 -0
  20. package/src/components/molecules/Menu/index.ts +2 -1
  21. package/src/components/molecules/index.ts +1 -0
package/dist/index.d.cts CHANGED
@@ -4,7 +4,8 @@ export { tokens } from '@butternutbox/pawprint-tokens';
4
4
  import * as _emotion_native from '@emotion/native';
5
5
  export { default as styled } from '@emotion/native';
6
6
  export * from '@butternutbox/pawprint-fonts';
7
- import React from 'react';
7
+ import * as React from 'react';
8
+ import React__default from 'react';
8
9
  import * as _emotion_react from '@emotion/react';
9
10
  import { Theme } from '@emotion/react';
10
11
  import * as react_native from 'react-native';
@@ -33,9 +34,9 @@ declare module "@emotion/react" {
33
34
  interface PawprintProviderProps {
34
35
  brand?: BrandName;
35
36
  initialTheme?: ThemeName;
36
- children: React.ReactNode;
37
+ children: React__default.ReactNode;
37
38
  }
38
- declare const PawprintProvider: React.FC<PawprintProviderProps>;
39
+ declare const PawprintProvider: React__default.FC<PawprintProviderProps>;
39
40
 
40
41
  type ThemeContextType = {
41
42
  brand: BrandName;
@@ -46,9 +47,9 @@ type ThemeContextType = {
46
47
  type Props = {
47
48
  brand?: BrandName;
48
49
  initialTheme?: ThemeName;
49
- children: React.ReactNode;
50
+ children: React__default.ReactNode;
50
51
  };
51
- declare const ThemeProvider: ({ children, brand, initialTheme }: Props) => React.JSX.Element;
52
+ declare const ThemeProvider: ({ children, brand, initialTheme }: Props) => React__default.JSX.Element;
52
53
  declare const usePawprint: () => ThemeContextType;
53
54
 
54
55
  /**
@@ -79,7 +80,7 @@ type BaseAvatarProps = {
79
80
  fallbackString?: string;
80
81
  };
81
82
  type AvatarProps = BaseAvatarProps & (SmallAvatarProps | MediumLargeAvatarProps);
82
- declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<View>>;
83
+ declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<View>>;
83
84
 
84
85
  type CarouselControlsProps = {
85
86
  /**
@@ -112,7 +113,7 @@ type CarouselControlsProps = {
112
113
  * <CarouselControls count={4} activeIndex={currentIndex} showBackground={false} />
113
114
  * ```
114
115
  */
115
- declare const CarouselControls: React.ForwardRefExoticComponent<{
116
+ declare const CarouselControls: React__default.ForwardRefExoticComponent<{
116
117
  /**
117
118
  * Total number of carousel items. Renders one dot per item (max 5 visible
118
119
  * for 6–7 items via a sliding window).
@@ -129,7 +130,7 @@ declare const CarouselControls: React.ForwardRefExoticComponent<{
129
130
  * background pill would clash with the page background.
130
131
  */
131
132
  showBackground?: boolean;
132
- } & ViewProps & React.RefAttributes<View>>;
133
+ } & ViewProps & React__default.RefAttributes<View>>;
133
134
 
134
135
  type BodySize = "xs" | "sm" | "md" | "lg";
135
136
  type HeadingSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -218,12 +219,12 @@ type TypographyProps = (SemanticVariant & NativeTextProps) | (TokenVariant & Nat
218
219
  * Accept terms
219
220
  * </Typography>
220
221
  */
221
- declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<Text>>;
222
+ declare const Typography: React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<Text>>;
222
223
 
223
224
  type IconCategory = "core" | "marketing" | "payments" | "flags";
224
225
  type IconSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
225
226
  type IconColour = "primary" | "secondary" | "disabled" | "success" | "warning" | "error" | "promo" | "info" | "alt" | "action-default" | "action-inverse";
226
- type PawprintIcon = React.ComponentType<{
227
+ type PawprintIcon = React__default.ComponentType<{
227
228
  width?: number;
228
229
  height?: number;
229
230
  color?: string;
@@ -254,12 +255,12 @@ type IconProps = IconOwnProps & Omit<ViewProps, keyof IconOwnProps>;
254
255
  * @param colour - *(optional)* Colour variant from semantic icon tokens (default: primary)
255
256
  * @param aria-label - *(optional)* Accessible label; omit for decorative icons
256
257
  */
257
- declare const Icon: React.ForwardRefExoticComponent<IconOwnProps & Omit<ViewProps, keyof IconOwnProps> & React.RefAttributes<View>>;
258
+ declare const Icon: React__default.ForwardRefExoticComponent<IconOwnProps & Omit<ViewProps, keyof IconOwnProps> & React__default.RefAttributes<View>>;
258
259
 
259
260
  type BadgeVariant = "primary" | "promo" | "success" | "warning" | "error";
260
261
  type BadgeSize = "small" | "medium" | "large";
261
262
  type BaseBadgeProps = {
262
- children: React.ReactNode;
263
+ children: React__default.ReactNode;
263
264
  variant?: BadgeVariant;
264
265
  size?: BadgeSize;
265
266
  icon?: PawprintIcon;
@@ -297,7 +298,7 @@ type BadgeProps = BadgeOwnProps$1 & Omit<ViewProps, keyof BadgeOwnProps$1>;
297
298
  * <Badge variant="promo" pinned top={16}>Special</Badge>
298
299
  * </View>
299
300
  */
300
- declare const Badge$1: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<View>>;
301
+ declare const Badge$1: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<View>>;
301
302
 
302
303
  type ButtonVariant = "filled" | "outlined" | "text";
303
304
  type ButtonSize = "sm" | "md" | "lg";
@@ -308,9 +309,9 @@ type ButtonOwnProps = {
308
309
  colour?: ButtonColour;
309
310
  loading?: boolean;
310
311
  fullWidth?: boolean;
311
- startIcon?: React.ReactNode;
312
- endIcon?: React.ReactNode;
313
- children?: React.ReactNode;
312
+ startIcon?: React__default.ReactNode;
313
+ endIcon?: React__default.ReactNode;
314
+ children?: React__default.ReactNode;
314
315
  };
315
316
  type ButtonProps = ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps | "children">;
316
317
  /**
@@ -334,7 +335,7 @@ type ButtonProps = ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps |
334
335
  * @param startIcon - *(optional)* Leading icon element
335
336
  * @param endIcon - *(optional)* Trailing icon element
336
337
  */
337
- declare const Button: React.ForwardRefExoticComponent<ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps> & React.RefAttributes<View>>;
338
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps> & React__default.RefAttributes<View>>;
338
339
 
339
340
  type DividerSize = "small" | "medium" | "large";
340
341
  type DividerColour = "light" | "dark";
@@ -342,7 +343,7 @@ type DividerOwnProps = {
342
343
  size?: DividerSize;
343
344
  colour?: DividerColour;
344
345
  };
345
- type DividerProps = DividerOwnProps & Omit<React.ComponentProps<typeof View>, keyof DividerOwnProps>;
346
+ type DividerProps = DividerOwnProps & Omit<React__default.ComponentProps<typeof View>, keyof DividerOwnProps>;
346
347
  /**
347
348
  * A horizontal rule used to separate content, group related elements, and
348
349
  * establish a clear visual hierarchy. Native counterpart to the web `Divider`.
@@ -359,7 +360,7 @@ type DividerProps = DividerOwnProps & Omit<React.ComponentProps<typeof View>, ke
359
360
  * (small = 1px, medium = 2px, large = 4px).
360
361
  * @param {"light" | "dark"} [colour="light"] - Colour variant.
361
362
  */
362
- declare const Divider: React.ForwardRefExoticComponent<DividerOwnProps & Omit<react_native.ViewProps, keyof DividerOwnProps> & React.RefAttributes<View>>;
363
+ declare const Divider: React__default.ForwardRefExoticComponent<DividerOwnProps & Omit<react_native.ViewProps, keyof DividerOwnProps> & React__default.RefAttributes<View>>;
363
364
 
364
365
  type HintVariant = "default" | "success" | "warning" | "error";
365
366
  type HintOwnProps = {
@@ -376,7 +377,7 @@ type HintProps = HintOwnProps & Omit<ViewProps, keyof HintOwnProps>;
376
377
  * <Hint variant="success" />
377
378
  * <Hint variant="error" />
378
379
  */
379
- declare const Hint: React.ForwardRefExoticComponent<HintOwnProps & Omit<ViewProps, "variant"> & React.RefAttributes<View>>;
380
+ declare const Hint: React__default.ForwardRefExoticComponent<HintOwnProps & Omit<ViewProps, "variant"> & React__default.RefAttributes<View>>;
380
381
 
381
382
  type IconButtonVariant = "filled" | "outlined" | "text";
382
383
  type IconButtonSize = "sm" | "md" | "lg";
@@ -410,10 +411,10 @@ type IconButtonProps = IconButtonOwnProps & Omit<PressableProps, keyof IconButto
410
411
  * @param loading - *(optional)* Shows spinner and disables interaction
411
412
  * @param aria-label - **(required)** Accessible label for the button
412
413
  */
413
- declare const IconButton: React.ForwardRefExoticComponent<IconButtonOwnProps & Omit<PressableProps, "children" | keyof IconButtonOwnProps> & React.RefAttributes<View>>;
414
+ declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonOwnProps & Omit<PressableProps, "children" | keyof IconButtonOwnProps> & React__default.RefAttributes<View>>;
414
415
 
415
416
  type IllustrationSize = "sm" | "lg" | "xl" | "xxl" | "xxxl";
416
- type PawprintIllustration$2 = React.ComponentType<{
417
+ type PawprintIllustration$2 = React__default.ComponentType<{
417
418
  width?: number;
418
419
  height?: number;
419
420
  }>;
@@ -452,17 +453,17 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
452
453
  * @param alignSelf - *(optional)* Flexbox alignSelf
453
454
  * @param aria-label - *(optional)* Accessible label
454
455
  */
455
- declare const Illustration: React.ForwardRefExoticComponent<{
456
+ declare const Illustration: React__default.ForwardRefExoticComponent<{
456
457
  illustration: PawprintIllustration$2;
457
458
  size?: IllustrationSize;
458
459
  "aria-label"?: string;
459
- } & FlexboxProps & Omit<ViewProps, "aria-label" | "size" | "illustration" | keyof FlexboxProps> & React.RefAttributes<View>>;
460
+ } & FlexboxProps & Omit<ViewProps, "aria-label" | "size" | "illustration" | keyof FlexboxProps> & React__default.RefAttributes<View>>;
460
461
 
461
462
  type InputState = "default" | "error" | "success";
462
463
  type InputFieldOwnProps = {
463
- leadingIcon?: React.ReactNode;
464
- trailingIcon?: React.ReactNode;
465
- actionIcon?: React.ReactNode;
464
+ leadingIcon?: React__default.ReactNode;
465
+ trailingIcon?: React__default.ReactNode;
466
+ actionIcon?: React__default.ReactNode;
466
467
  state?: InputState;
467
468
  hideStateIcons?: boolean;
468
469
  containerWidth?: number;
@@ -479,18 +480,18 @@ type InputFieldProps = InputFieldOwnProps & Omit<TextInputProps, keyof InputFiel
479
480
  * @param {InputState} [state] - Visual state of the input (default, error, success)
480
481
  * @param {boolean} [hideStateIcons] - Hide automatic error/success icons
481
482
  */
482
- declare const InputField: React.ForwardRefExoticComponent<InputFieldOwnProps & Omit<TextInputProps, keyof InputFieldOwnProps> & React.RefAttributes<TextInput>>;
483
+ declare const InputField: React__default.ForwardRefExoticComponent<InputFieldOwnProps & Omit<TextInputProps, keyof InputFieldOwnProps> & React__default.RefAttributes<TextInput>>;
483
484
  /**
484
485
  * Bare text input with design-system typography and colors applied.
485
486
  * No container, border, or padding — use inside components that provide
486
487
  * their own visual wrapper (e.g. SelectField trigger).
487
488
  */
488
- declare const InputText: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<TextInput>>;
489
+ declare const InputText: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<TextInput>>;
489
490
 
490
491
  type InputLabelOwnProps = {
491
492
  optionalText?: string;
492
493
  state?: InputState;
493
- children: React.ReactNode;
494
+ children: React__default.ReactNode;
494
495
  };
495
496
  type InputLabelProps = InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnProps>;
496
497
  /**
@@ -500,11 +501,11 @@ type InputLabelProps = InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnP
500
501
  * @param state - Visual state of the input (affects label color for error state)
501
502
  * @param children - Label text content
502
503
  */
503
- declare const InputLabel: React.ForwardRefExoticComponent<InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnProps> & React.RefAttributes<View>>;
504
+ declare const InputLabel: React__default.ForwardRefExoticComponent<InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnProps> & React__default.RefAttributes<View>>;
504
505
 
505
506
  type InputDescriptionOwnProps = {
506
507
  state?: InputState;
507
- children: React.ReactNode;
508
+ children: React__default.ReactNode;
508
509
  };
509
510
  type InputDescriptionProps = InputDescriptionOwnProps & Omit<ViewProps, keyof InputDescriptionOwnProps>;
510
511
  /**
@@ -513,19 +514,19 @@ type InputDescriptionProps = InputDescriptionOwnProps & Omit<ViewProps, keyof In
513
514
  * @param state - Visual state of the input (affects description color for error state)
514
515
  * @param children - Description text content
515
516
  */
516
- declare const InputDescription: React.ForwardRefExoticComponent<InputDescriptionOwnProps & Omit<ViewProps, keyof InputDescriptionOwnProps> & React.RefAttributes<View>>;
517
+ declare const InputDescription: React__default.ForwardRefExoticComponent<InputDescriptionOwnProps & Omit<ViewProps, keyof InputDescriptionOwnProps> & React__default.RefAttributes<View>>;
517
518
 
518
519
  type InputErrorProps = {
519
- children?: React.ReactNode;
520
+ children?: React__default.ReactNode;
520
521
  } & ViewProps;
521
522
  /**
522
523
  * Error message component for Input fields.
523
524
  *
524
525
  * @param children - Error message text
525
526
  */
526
- declare const InputError: React.ForwardRefExoticComponent<{
527
- children?: React.ReactNode;
528
- } & ViewProps & React.RefAttributes<View>>;
527
+ declare const InputError: React__default.ForwardRefExoticComponent<{
528
+ children?: React__default.ReactNode;
529
+ } & ViewProps & React__default.RefAttributes<View>>;
529
530
 
530
531
  type InputOwnProps = {
531
532
  label?: string;
@@ -538,11 +539,11 @@ type InputOwnProps = {
538
539
  type InputProps = InputOwnProps & Omit<InputFieldProps, keyof InputOwnProps> & Omit<ViewProps, keyof InputOwnProps>;
539
540
  declare const StyledRoot$6: _emotion_native.StyledComponent<ViewProps & {
540
541
  theme?: _emotion_react.Theme;
541
- as?: React.ElementType;
542
+ as?: React__default.ElementType;
542
543
  }, {}, {
543
- ref?: React.Ref<View> | undefined;
544
+ ref?: React__default.Ref<View> | undefined;
544
545
  }>;
545
- type InputComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<View>> & {
546
+ type InputComponent = React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<View>> & {
546
547
  Root: typeof StyledRoot$6;
547
548
  Label: typeof InputLabel;
548
549
  Field: typeof InputField;
@@ -559,7 +560,7 @@ type LinkOwnProps = {
559
560
  size?: LinkSize;
560
561
  disabled?: boolean;
561
562
  href?: string;
562
- children?: React.ReactNode;
563
+ children?: React__default.ReactNode;
563
564
  };
564
565
  type LinkProps = LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps | "children">;
565
566
  /**
@@ -577,7 +578,7 @@ type LinkProps = LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps | "child
577
578
  * @example
578
579
  * <Link href="https://example.com" standalone>Find out more</Link>
579
580
  */
580
- declare const Link: React.ForwardRefExoticComponent<LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps> & React.RefAttributes<View>>;
581
+ declare const Link: React__default.ForwardRefExoticComponent<LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps> & React__default.RefAttributes<View>>;
581
582
 
582
583
  type LogoBrand = "butternut" | "psibufet" | "bcorp";
583
584
  type LogoVariant = "wordmark" | "primary" | "tabbed-top" | "tabbed-bottom" | "favicon";
@@ -601,9 +602,9 @@ type LogoProps = LogoOwnProps & Omit<ViewProps, keyof LogoOwnProps>;
601
602
  * @param variant - *(optional)* Logo variant (default: "primary"). Ignored for "bcorp".
602
603
  * @param aria-label - *(optional)* Accessible label
603
604
  */
604
- declare const Logo: React.ForwardRefExoticComponent<LogoOwnProps & Omit<ViewProps, keyof LogoOwnProps> & React.RefAttributes<View>>;
605
+ declare const Logo: React__default.ForwardRefExoticComponent<LogoOwnProps & Omit<ViewProps, keyof LogoOwnProps> & React__default.RefAttributes<View>>;
605
606
 
606
- type LogoSvgComponent = React.ComponentType<{
607
+ type LogoSvgComponent = React__default.ComponentType<{
607
608
  width?: number;
608
609
  height?: number;
609
610
  }>;
@@ -620,7 +621,7 @@ type NumberInputFieldProps = NumberInputFieldOwnProps & Omit<InputFieldProps, ke
620
621
  * Renders a centered number input sized to `numberField.size.large.height`.
621
622
  * When fieldText is provided, wraps input + text in a horizontal group.
622
623
  */
623
- declare const NumberInputField: React.ForwardRefExoticComponent<NumberInputFieldOwnProps & Omit<InputFieldProps, keyof NumberInputFieldOwnProps> & React.RefAttributes<TextInput>>;
624
+ declare const NumberInputField: React__default.ForwardRefExoticComponent<NumberInputFieldOwnProps & Omit<InputFieldProps, keyof NumberInputFieldOwnProps> & React__default.RefAttributes<TextInput>>;
624
625
 
625
626
  type NumberInputOwnProps = Pick<InputProps, "label" | "description" | "error" | "state" | "optionalText" | "onValueChange"> & {
626
627
  fieldText?: string;
@@ -629,11 +630,11 @@ type NumberInputOwnProps = Pick<InputProps, "label" | "description" | "error" |
629
630
  type NumberInputProps = NumberInputOwnProps & Omit<InputFieldProps, keyof NumberInputOwnProps> & Omit<ViewProps, keyof NumberInputOwnProps>;
630
631
  declare const StyledRoot$5: _emotion_native.StyledComponent<ViewProps & {
631
632
  theme?: _emotion_react.Theme;
632
- as?: React.ElementType;
633
+ as?: React__default.ElementType;
633
634
  }, {}, {
634
- ref?: React.Ref<View> | undefined;
635
+ ref?: React__default.Ref<View> | undefined;
635
636
  }>;
636
- type NumberInputComponent = React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<View>> & {
637
+ type NumberInputComponent = React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<View>> & {
637
638
  Root: typeof StyledRoot$5;
638
639
  Label: typeof InputLabel;
639
640
  Field: typeof NumberInputField;
@@ -663,11 +664,11 @@ type SpinnerProps = SpinnerOwnProps & Omit<ViewProps, keyof SpinnerOwnProps>;
663
664
  * @param size - *(optional)* Size variant: sm, md (default), lg
664
665
  * @param variant - *(optional)* Colour variant: dark (default), light
665
666
  */
666
- declare const Spinner: React.ForwardRefExoticComponent<SpinnerOwnProps & Omit<ViewProps, keyof SpinnerOwnProps> & React.RefAttributes<View>>;
667
+ declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerOwnProps & Omit<ViewProps, keyof SpinnerOwnProps> & React__default.RefAttributes<View>>;
667
668
 
668
669
  type SwitchOwnProps = {
669
- label?: React.ReactNode;
670
- subText?: React.ReactNode;
670
+ label?: React__default.ReactNode;
671
+ subText?: React__default.ReactNode;
671
672
  disabled?: boolean;
672
673
  checked?: boolean;
673
674
  defaultChecked?: boolean;
@@ -686,12 +687,12 @@ type SwitchProps = SwitchOwnProps & Omit<ViewProps, keyof SwitchOwnProps>;
686
687
  * @example
687
688
  * <Switch label="SMS Delivery Notifications" subText="I want to receive SMS notifications" />
688
689
  */
689
- declare const Switch: React.ForwardRefExoticComponent<SwitchOwnProps & Omit<ViewProps, keyof SwitchOwnProps> & React.RefAttributes<View>>;
690
+ declare const Switch: React__default.ForwardRefExoticComponent<SwitchOwnProps & Omit<ViewProps, keyof SwitchOwnProps> & React__default.RefAttributes<View>>;
690
691
 
691
692
  type TagVariant = "primary" | "secondary" | "tertiary" | "promo" | "success" | "warning" | "error";
692
693
  type TagSize = "small" | "medium" | "large";
693
694
  type TagOwnProps = {
694
- children: React.ReactNode;
695
+ children: React__default.ReactNode;
695
696
  variant?: TagVariant;
696
697
  size?: TagSize;
697
698
  icon?: PawprintIcon;
@@ -709,11 +710,11 @@ type TagProps = TagOwnProps & Omit<ViewProps, keyof TagOwnProps>;
709
710
  * <Tag>Company news</Tag>
710
711
  * <Tag variant="success" size="large" icon={CheckCircle}>Verified</Tag>
711
712
  */
712
- declare const Tag: React.ForwardRefExoticComponent<TagOwnProps & Omit<ViewProps, keyof TagOwnProps> & React.RefAttributes<View>>;
713
+ declare const Tag: React__default.ForwardRefExoticComponent<TagOwnProps & Omit<ViewProps, keyof TagOwnProps> & React__default.RefAttributes<View>>;
713
714
 
714
715
  type TextAreaFieldOwnProps = {
715
- leadingIcon?: React.ReactNode;
716
- trailingIcon?: React.ReactNode;
716
+ leadingIcon?: React__default.ReactNode;
717
+ trailingIcon?: React__default.ReactNode;
717
718
  state?: InputState;
718
719
  hideStateIcons?: boolean;
719
720
  rows?: number;
@@ -728,17 +729,17 @@ type TextAreaFieldProps = TextAreaFieldOwnProps & Omit<TextInputProps, keyof Tex
728
729
  * @param {boolean} [hideStateIcons] - Hide automatic error/success icons
729
730
  * @param {number} [rows=2] - Number of visible text rows (used to calculate minHeight)
730
731
  */
731
- declare const TextAreaField: React.ForwardRefExoticComponent<TextAreaFieldOwnProps & Omit<TextInputProps, keyof TextAreaFieldOwnProps> & React.RefAttributes<TextInput>>;
732
+ declare const TextAreaField: React__default.ForwardRefExoticComponent<TextAreaFieldOwnProps & Omit<TextInputProps, keyof TextAreaFieldOwnProps> & React__default.RefAttributes<TextInput>>;
732
733
 
733
734
  type TextAreaLabelOwnProps = {
734
735
  optionalText?: string;
735
736
  state?: InputState;
736
- children: React.ReactNode;
737
+ children: React__default.ReactNode;
737
738
  maxLength?: number;
738
739
  currentLength?: number;
739
740
  };
740
741
  type TextAreaLabelProps = TextAreaLabelOwnProps;
741
- declare const TextAreaLabel: React.ForwardRefExoticComponent<TextAreaLabelOwnProps & React.RefAttributes<View>>;
742
+ declare const TextAreaLabel: React__default.ForwardRefExoticComponent<TextAreaLabelOwnProps & React__default.RefAttributes<View>>;
742
743
 
743
744
  type TextAreaOwnProps = {
744
745
  label?: string;
@@ -751,11 +752,11 @@ type TextAreaOwnProps = {
751
752
  type TextAreaProps = TextAreaOwnProps & Omit<TextAreaFieldProps, keyof TextAreaOwnProps> & Omit<ViewProps, keyof TextAreaOwnProps>;
752
753
  declare const StyledRoot$4: _emotion_native.StyledComponent<ViewProps & {
753
754
  theme?: _emotion_react.Theme;
754
- as?: React.ElementType;
755
+ as?: React__default.ElementType;
755
756
  }, {}, {
756
- ref?: React.Ref<View> | undefined;
757
+ ref?: React__default.Ref<View> | undefined;
757
758
  }>;
758
- type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<View>> & {
759
+ type TextAreaComponent = React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<View>> & {
759
760
  Root: typeof StyledRoot$4;
760
761
  Label: typeof TextAreaLabel;
761
762
  Field: typeof TextAreaField;
@@ -772,18 +773,18 @@ type AccordionRootOwnProps = {
772
773
  value?: string[];
773
774
  onValueChange?: (value: string[]) => void;
774
775
  disabled?: boolean;
775
- children: React.ReactNode;
776
+ children: React__default.ReactNode;
776
777
  };
777
778
  type AccordionProps = AccordionRootOwnProps & Omit<ViewProps, keyof AccordionRootOwnProps>;
778
779
  type AccordionItemOwnProps = {
779
780
  title: string;
780
- children: React.ReactNode;
781
+ children: React__default.ReactNode;
781
782
  value?: string;
782
783
  disabled?: boolean;
783
784
  };
784
785
  type AccordionItemProps = AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps>;
785
- declare const Accordion: React.ForwardRefExoticComponent<AccordionRootOwnProps & Omit<ViewProps, keyof AccordionRootOwnProps> & React.RefAttributes<View>> & {
786
- Item: React.ForwardRefExoticComponent<AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps> & React.RefAttributes<View>>;
786
+ declare const Accordion: React__default.ForwardRefExoticComponent<AccordionRootOwnProps & Omit<ViewProps, keyof AccordionRootOwnProps> & React__default.RefAttributes<View>> & {
787
+ Item: React__default.ForwardRefExoticComponent<AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps> & React__default.RefAttributes<View>>;
787
788
  };
788
789
 
789
790
  declare class SubtleScaleIn extends ComplexAnimationBuilder {
@@ -892,7 +893,7 @@ type AnimatedProps = {
892
893
  * <Animated variant="fadeUp" delay={0.1}>Subtitle</Animated>
893
894
  * ```
894
895
  */
895
- declare const Animated: React.ForwardRefExoticComponent<{
896
+ declare const Animated: React__default.ForwardRefExoticComponent<{
896
897
  /**
897
898
  * Animation preset. Defaults to `"fade"`.
898
899
  *
@@ -926,7 +927,7 @@ declare const Animated: React.ForwardRefExoticComponent<{
926
927
  * `Animated`, whose exit only runs inside `AnimatePresence`.
927
928
  */
928
929
  exit?: boolean;
929
- } & ViewProps & React.RefAttributes<View>>;
930
+ } & ViewProps & React__default.RefAttributes<View>>;
930
931
 
931
932
  type DrawerHeaderVariant = "titleAndText" | "image" | "fullBleed";
932
933
 
@@ -950,15 +951,15 @@ type DrawerRootOwnProps = {
950
951
  * panel's bottom-anchored positioning still resolves against the full screen.
951
952
  */
952
953
  backdrop?: boolean;
953
- children: React.ReactNode;
954
+ children: React__default.ReactNode;
954
955
  };
955
956
  type DrawerProps = DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps>;
956
957
  type DrawerTriggerProps = {
957
- children: React.ReactElement;
958
+ children: React__default.ReactElement;
958
959
  };
959
960
  type DrawerPortalProps = {
960
- children: React.ReactNode;
961
- topContent?: React.ReactNode;
961
+ children: React__default.ReactNode;
962
+ topContent?: React__default.ReactNode;
962
963
  };
963
964
  type DrawerOverlayProviderProps = {
964
965
  /**
@@ -966,43 +967,43 @@ type DrawerOverlayProviderProps = {
966
967
  * Modal window (e.g. an app's toast/notification stack). Pass `null` to render
967
968
  * nothing extra.
968
969
  */
969
- component: React.ComponentType | null;
970
- children: React.ReactNode;
970
+ component: React__default.ComponentType | null;
971
+ children: React__default.ReactNode;
971
972
  };
972
- declare const Drawer: React.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React.RefAttributes<View>> & {
973
- Root: React.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React.RefAttributes<View>>;
974
- Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<View>>;
973
+ declare const Drawer: React__default.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React__default.RefAttributes<View>> & {
974
+ Root: React__default.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React__default.RefAttributes<View>>;
975
+ Trigger: React__default.ForwardRefExoticComponent<DrawerTriggerProps & React__default.RefAttributes<View>>;
975
976
  Portal: {
976
977
  ({ children, topContent }: DrawerPortalProps): react_jsx_runtime.JSX.Element | null;
977
978
  displayName: string;
978
979
  };
979
980
  OverlayProvider: {
980
- ({ component, children }: DrawerOverlayProviderProps): React.ReactElement;
981
+ ({ component, children }: DrawerOverlayProviderProps): React__default.ReactElement;
981
982
  displayName: string;
982
983
  };
983
- Overlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<View>>;
984
- Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<View>>;
985
- Grabber: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<View>>;
986
- Header: React.ForwardRefExoticComponent<{
984
+ Overlay: React__default.ForwardRefExoticComponent<DrawerOverlayProps & React__default.RefAttributes<View>>;
985
+ Content: React__default.ForwardRefExoticComponent<DrawerContentProps & React__default.RefAttributes<View>>;
986
+ Grabber: React__default.ForwardRefExoticComponent<ViewProps & React__default.RefAttributes<View>>;
987
+ Header: React__default.ForwardRefExoticComponent<{
987
988
  variant?: DrawerHeaderVariant;
988
989
  imageSource?: react_native.ImageSourcePropType;
989
990
  } & Omit<ViewProps, keyof {
990
991
  variant?: DrawerHeaderVariant;
991
992
  imageSource?: react_native.ImageSourcePropType;
992
- }> & React.RefAttributes<View>>;
993
- Title: React.ForwardRefExoticComponent<{
994
- children: React.ReactNode;
995
- } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
996
- Description: React.ForwardRefExoticComponent<{
997
- children: React.ReactNode;
998
- } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
999
- Close: React.ForwardRefExoticComponent<{
993
+ }> & React__default.RefAttributes<View>>;
994
+ Title: React__default.ForwardRefExoticComponent<{
995
+ children: React__default.ReactNode;
996
+ } & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
997
+ Description: React__default.ForwardRefExoticComponent<{
998
+ children: React__default.ReactNode;
999
+ } & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
1000
+ Close: React__default.ForwardRefExoticComponent<{
1000
1001
  "aria-label"?: string;
1001
- } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
1002
- Body: React.ForwardRefExoticComponent<react_native.ScrollViewProps & {
1002
+ } & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
1003
+ Body: React__default.ForwardRefExoticComponent<react_native.ScrollViewProps & {
1003
1004
  ignoreKeyboardAvoidance?: boolean;
1004
- } & React.RefAttributes<react_native.ScrollView>>;
1005
- Footer: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<View>>;
1005
+ } & React__default.RefAttributes<react_native.ScrollView>>;
1006
+ Footer: React__default.ForwardRefExoticComponent<ViewProps & React__default.RefAttributes<View>>;
1006
1007
  };
1007
1008
 
1008
1009
  type DrawerGrabberProps = ViewProps;
@@ -1014,11 +1015,11 @@ type DrawerHeaderOwnProps = {
1014
1015
  type DrawerHeaderProps = DrawerHeaderOwnProps & Omit<ViewProps, keyof DrawerHeaderOwnProps>;
1015
1016
 
1016
1017
  type DrawerTitleProps = {
1017
- children: React.ReactNode;
1018
+ children: React__default.ReactNode;
1018
1019
  } & Omit<ViewProps, "children">;
1019
1020
 
1020
1021
  type DrawerDescriptionProps = {
1021
- children: React.ReactNode;
1022
+ children: React__default.ReactNode;
1022
1023
  } & Omit<ViewProps, "children">;
1023
1024
 
1024
1025
  type DrawerCloseProps = {
@@ -1034,8 +1035,8 @@ type DrawerFooterProps = ViewProps;
1034
1035
  type ButtonDockVariant = "stacked" | "inline";
1035
1036
  type ButtonDockOwnProps = {
1036
1037
  variant?: ButtonDockVariant;
1037
- leadingContent?: React.ReactNode;
1038
- description?: React.ReactNode;
1038
+ leadingContent?: React__default.ReactNode;
1039
+ description?: React__default.ReactNode;
1039
1040
  };
1040
1041
  type ButtonDockProps = ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnProps>;
1041
1042
  /**
@@ -1056,13 +1057,13 @@ type ButtonDockProps = ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnP
1056
1057
  * @param leadingContent - *(optional)* Content rendered above buttons (stacked only)
1057
1058
  * @param description - *(optional)* Helper text rendered below buttons (stacked only)
1058
1059
  */
1059
- declare const ButtonDock: React.ForwardRefExoticComponent<ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnProps> & React.RefAttributes<View>>;
1060
+ declare const ButtonDock: React__default.ForwardRefExoticComponent<ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnProps> & React__default.RefAttributes<View>>;
1060
1061
 
1061
1062
  type ButtonGroupLayout = "stacked" | "inline";
1062
1063
  type ButtonGroupOwnProps = {
1063
1064
  layout?: ButtonGroupLayout;
1064
- description?: React.ReactNode;
1065
- children: React.ReactNode;
1065
+ description?: React__default.ReactNode;
1066
+ children: React__default.ReactNode;
1066
1067
  };
1067
1068
  type ButtonGroupProps = ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupOwnProps>;
1068
1069
  /**
@@ -1081,14 +1082,14 @@ type ButtonGroupProps = ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupO
1081
1082
  * @param {React.ReactNode} [description] - Optional text displayed below the buttons.
1082
1083
  * @param {React.ReactNode} children - 1 or 2 Button elements.
1083
1084
  */
1084
- declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupOwnProps> & React.RefAttributes<View>>;
1085
+ declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupOwnProps> & React__default.RefAttributes<View>>;
1085
1086
 
1086
1087
  type CheckboxVariant = "standalone" | "tile";
1087
1088
  type CheckboxOwnProps = {
1088
1089
  variant?: CheckboxVariant;
1089
1090
  label: string;
1090
1091
  subText?: string;
1091
- illustration?: React.ReactNode;
1092
+ illustration?: React__default.ReactNode;
1092
1093
  checked?: boolean;
1093
1094
  defaultChecked?: boolean;
1094
1095
  onCheckedChange?: (checked: boolean) => void;
@@ -1119,10 +1120,10 @@ type CheckboxProps = CheckboxOwnProps & Omit<PressableProps, keyof CheckboxOwnPr
1119
1120
  * <Checkbox label="Accept terms" subText="Required to proceed" />
1120
1121
  * <Checkbox variant="tile" label="Newsletters" subText="Stay up to date" />
1121
1122
  */
1122
- declare const Checkbox: React.ForwardRefExoticComponent<CheckboxOwnProps & Omit<PressableProps, "children" | keyof CheckboxOwnProps> & React.RefAttributes<View>>;
1123
+ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxOwnProps & Omit<PressableProps, "children" | keyof CheckboxOwnProps> & React__default.RefAttributes<View>>;
1123
1124
 
1124
1125
  type CheckboxGroupOwnProps = {
1125
- children: React.ReactNode;
1126
+ children: React__default.ReactNode;
1126
1127
  orientation?: "horizontal" | "vertical";
1127
1128
  };
1128
1129
  type CheckboxGroupProps = CheckboxGroupOwnProps & Omit<ViewProps, keyof CheckboxGroupOwnProps>;
@@ -1141,20 +1142,20 @@ type CheckboxGroupProps = CheckboxGroupOwnProps & Omit<ViewProps, keyof Checkbox
1141
1142
  * <Checkbox variant="tile" label="Beef" />
1142
1143
  * </CheckboxGroup>
1143
1144
  */
1144
- declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupOwnProps & Omit<ViewProps, keyof CheckboxGroupOwnProps> & React.RefAttributes<View>>;
1145
+ declare const CheckboxGroup: React__default.ForwardRefExoticComponent<CheckboxGroupOwnProps & Omit<ViewProps, keyof CheckboxGroupOwnProps> & React__default.RefAttributes<View>>;
1145
1146
 
1146
1147
  type CopyFieldInputOwnProps = {
1147
1148
  onCopy?: (value: string) => void;
1148
1149
  onValueChange?: (value: string) => void;
1149
1150
  copyButtonLabel?: string;
1150
1151
  };
1151
- declare const CopyFieldInput: React.ForwardRefExoticComponent<CopyFieldInputOwnProps & Omit<InputFieldProps, keyof CopyFieldInputOwnProps> & React.RefAttributes<TextInput>>;
1152
+ declare const CopyFieldInput: React__default.ForwardRefExoticComponent<CopyFieldInputOwnProps & Omit<InputFieldProps, keyof CopyFieldInputOwnProps> & React__default.RefAttributes<TextInput>>;
1152
1153
 
1153
1154
  declare const StyledRoot$3: _emotion_native.StyledComponent<ViewProps & {
1154
1155
  theme?: _emotion_react.Theme;
1155
- as?: React.ElementType;
1156
+ as?: React__default.ElementType;
1156
1157
  }, {}, {
1157
- ref?: React.Ref<View> | undefined;
1158
+ ref?: React__default.Ref<View> | undefined;
1158
1159
  }>;
1159
1160
  type CopyFieldOwnProps = {
1160
1161
  label?: string;
@@ -1167,7 +1168,7 @@ type CopyFieldOwnProps = {
1167
1168
  copyButtonLabel?: string;
1168
1169
  };
1169
1170
  type CopyFieldProps = CopyFieldOwnProps & Omit<InputFieldProps, keyof CopyFieldOwnProps> & Omit<ViewProps, keyof CopyFieldOwnProps>;
1170
- type CopyFieldComponent = React.ForwardRefExoticComponent<CopyFieldProps & React.RefAttributes<View>> & {
1171
+ type CopyFieldComponent = React__default.ForwardRefExoticComponent<CopyFieldProps & React__default.RefAttributes<View>> & {
1171
1172
  Root: typeof StyledRoot$3;
1172
1173
  Label: typeof InputLabel;
1173
1174
  Field: typeof CopyFieldInput;
@@ -1193,7 +1194,7 @@ type FilterTabRootOwnProps = {
1193
1194
  value?: string[];
1194
1195
  defaultValue?: string[];
1195
1196
  onValueChange?: (value: string[]) => void;
1196
- children: React.ReactNode;
1197
+ children: React__default.ReactNode;
1197
1198
  };
1198
1199
  type FilterTabProps = FilterTabRootOwnProps & Omit<ViewProps, keyof FilterTabRootOwnProps>;
1199
1200
  type FilterTabItemOwnProps = {
@@ -1205,8 +1206,8 @@ type FilterTabItemOwnProps = {
1205
1206
  disabled?: boolean;
1206
1207
  };
1207
1208
  type FilterTabItemProps = FilterTabItemOwnProps & Omit<PressableProps, keyof FilterTabItemOwnProps | "children">;
1208
- declare const FilterTab: React.ForwardRefExoticComponent<FilterTabRootOwnProps & Omit<ViewProps, keyof FilterTabRootOwnProps> & React.RefAttributes<View>> & {
1209
- Item: React.ForwardRefExoticComponent<FilterTabItemOwnProps & Omit<PressableProps, "children" | keyof FilterTabItemOwnProps> & React.RefAttributes<View>>;
1209
+ declare const FilterTab: React__default.ForwardRefExoticComponent<FilterTabRootOwnProps & Omit<ViewProps, keyof FilterTabRootOwnProps> & React__default.RefAttributes<View>> & {
1210
+ Item: React__default.ForwardRefExoticComponent<FilterTabItemOwnProps & Omit<PressableProps, "children" | keyof FilterTabItemOwnProps> & React__default.RefAttributes<View>>;
1210
1211
  };
1211
1212
 
1212
1213
  type NumberFieldSize$1 = "sm" | "lg";
@@ -1286,7 +1287,7 @@ type NumberFieldProps = NumberFieldOwnProps & Omit<NumberFieldInputProps, keyof
1286
1287
  *
1287
1288
  * Note: Unlike the web version, this component does not support a compound component API.
1288
1289
  */
1289
- declare const NumberField: React.ForwardRefExoticComponent<NumberFieldOwnProps & Omit<NumberFieldInputProps, "fieldSize" | keyof NumberFieldOwnProps> & Omit<ViewProps, keyof NumberFieldOwnProps> & React.RefAttributes<View>>;
1290
+ declare const NumberField: React__default.ForwardRefExoticComponent<NumberFieldOwnProps & Omit<NumberFieldInputProps, "fieldSize" | keyof NumberFieldOwnProps> & Omit<ViewProps, keyof NumberFieldOwnProps> & React__default.RefAttributes<View>>;
1290
1291
 
1291
1292
  /**
1292
1293
  * Input field component for PasswordField.
@@ -1297,7 +1298,7 @@ declare const NumberField: React.ForwardRefExoticComponent<NumberFieldOwnProps &
1297
1298
  * @param state - Visual state of the input
1298
1299
  * @param editable - Controls whether the input is editable
1299
1300
  */
1300
- declare const PasswordFieldInput: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "error" | "label" | "description" | "optionalText" | "requirements" | "showRequirements"> & React.RefAttributes<TextInput>>;
1301
+ declare const PasswordFieldInput: React__default.ForwardRefExoticComponent<Omit<PasswordFieldProps, "error" | "label" | "description" | "optionalText" | "requirements" | "showRequirements"> & React__default.RefAttributes<TextInput>>;
1301
1302
 
1302
1303
  /**
1303
1304
  * Error message component for PasswordField.
@@ -1306,9 +1307,9 @@ declare const PasswordFieldInput: React.ForwardRefExoticComponent<Omit<PasswordF
1306
1307
  *
1307
1308
  * @param children - Error message text
1308
1309
  */
1309
- declare const PasswordFieldError: React.ForwardRefExoticComponent<{
1310
- children?: React.ReactNode;
1311
- } & ViewProps & React.RefAttributes<View>>;
1310
+ declare const PasswordFieldError: React__default.ForwardRefExoticComponent<{
1311
+ children?: React__default.ReactNode;
1312
+ } & ViewProps & React__default.RefAttributes<View>>;
1312
1313
 
1313
1314
  type PasswordRequirement = {
1314
1315
  text: string;
@@ -1325,13 +1326,13 @@ type PasswordFieldRequirementsProps = PasswordFieldRequirementsOwnProps & Omit<V
1325
1326
  *
1326
1327
  * @param requirements - Array of requirement strings or objects with text and satisfied status
1327
1328
  */
1328
- declare const PasswordFieldRequirements: React.ForwardRefExoticComponent<PasswordFieldRequirementsOwnProps & Omit<ViewProps, keyof PasswordFieldRequirementsOwnProps> & React.RefAttributes<View>>;
1329
+ declare const PasswordFieldRequirements: React__default.ForwardRefExoticComponent<PasswordFieldRequirementsOwnProps & Omit<ViewProps, keyof PasswordFieldRequirementsOwnProps> & React__default.RefAttributes<View>>;
1329
1330
 
1330
1331
  declare const StyledRoot$2: _emotion_native.StyledComponent<ViewProps & {
1331
1332
  theme?: _emotion_react.Theme;
1332
- as?: React.ElementType;
1333
+ as?: React__default.ElementType;
1333
1334
  }, {}, {
1334
- ref?: React.Ref<View> | undefined;
1335
+ ref?: React__default.Ref<View> | undefined;
1335
1336
  }>;
1336
1337
  type PasswordFieldOwnProps = {
1337
1338
  label?: string;
@@ -1344,7 +1345,7 @@ type PasswordFieldOwnProps = {
1344
1345
  onValueChange?: (value: string) => void;
1345
1346
  };
1346
1347
  type PasswordFieldProps = PasswordFieldOwnProps & Omit<InputFieldProps, keyof PasswordFieldOwnProps> & Omit<ViewProps, keyof PasswordFieldOwnProps>;
1347
- type PasswordFieldComponent = React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<View>> & {
1348
+ type PasswordFieldComponent = React__default.ForwardRefExoticComponent<PasswordFieldProps & React__default.RefAttributes<View>> & {
1348
1349
  Root: typeof StyledRoot$2;
1349
1350
  Label: typeof InputLabel;
1350
1351
  Field: typeof PasswordFieldInput;
@@ -1401,8 +1402,8 @@ type ProgressOwnProps = {
1401
1402
  max?: number;
1402
1403
  size?: ProgressSize;
1403
1404
  colour?: ProgressColour;
1404
- label?: React.ReactNode;
1405
- description?: React.ReactNode;
1405
+ label?: React__default.ReactNode;
1406
+ description?: React__default.ReactNode;
1406
1407
  getValueLabel?: (value: number, max: number) => string;
1407
1408
  animate?: boolean;
1408
1409
  };
@@ -1440,13 +1441,13 @@ declare const PROGRESS_ANIMATION: {
1440
1441
  * <Progress label="Box capacity" description="14/14" value={100} />
1441
1442
  * ```
1442
1443
  */
1443
- declare const Progress: React.ForwardRefExoticComponent<ProgressOwnProps & Omit<ViewProps, keyof ProgressOwnProps> & React.RefAttributes<View>>;
1444
+ declare const Progress: React__default.ForwardRefExoticComponent<ProgressOwnProps & Omit<ViewProps, keyof ProgressOwnProps> & React__default.RefAttributes<View>>;
1444
1445
 
1445
1446
  type RadioOwnProps = {
1446
1447
  value: string;
1447
1448
  variant?: "standalone" | "tile";
1448
- label?: React.ReactNode;
1449
- subText?: React.ReactNode;
1449
+ label?: React__default.ReactNode;
1450
+ subText?: React__default.ReactNode;
1450
1451
  asset?: IllustrationProps;
1451
1452
  tag?: TagProps;
1452
1453
  disabled?: boolean;
@@ -1470,12 +1471,12 @@ type RadioProps = RadioOwnProps & Omit<PressableProps, keyof RadioOwnProps | "ch
1470
1471
  * @example
1471
1472
  * <Radio value="chicken" label="Chicken" subText="Tender & tasty" />
1472
1473
  */
1473
- declare const Radio: React.ForwardRefExoticComponent<RadioOwnProps & Omit<PressableProps, "children" | keyof RadioOwnProps> & React.RefAttributes<View>>;
1474
+ declare const Radio: React__default.ForwardRefExoticComponent<RadioOwnProps & Omit<PressableProps, "children" | keyof RadioOwnProps> & React__default.RefAttributes<View>>;
1474
1475
  /**
1475
1476
  * RadioTile component for tile-variant radio buttons.
1476
1477
  * Convenience wrapper around Radio with variant="tile" preset.
1477
1478
  */
1478
- declare const RadioTile: React.ForwardRefExoticComponent<Omit<RadioProps, "variant"> & React.RefAttributes<View>>;
1479
+ declare const RadioTile: React__default.ForwardRefExoticComponent<Omit<RadioProps, "variant"> & React__default.RefAttributes<View>>;
1479
1480
 
1480
1481
  type RadioGroupOwnProps = {
1481
1482
  name: string;
@@ -1487,19 +1488,19 @@ type RadioGroupOwnProps = {
1487
1488
  onValueChange?: (value: string) => void;
1488
1489
  };
1489
1490
  type RadioGroupProps = RadioGroupOwnProps & Omit<ViewProps, keyof RadioGroupOwnProps>;
1490
- type RadioGroupComponent = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<View>> & {
1491
+ type RadioGroupComponent = React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<View>> & {
1491
1492
  Radio: typeof Radio;
1492
1493
  Tile: typeof RadioTile;
1493
1494
  };
1494
1495
  declare const RadioGroup: RadioGroupComponent;
1495
1496
 
1496
- declare const SearchFieldInput: React.ForwardRefExoticComponent<Omit<SearchFieldProps, "error" | "label" | "description" | "optionalText"> & React.RefAttributes<TextInput>>;
1497
+ declare const SearchFieldInput: React__default.ForwardRefExoticComponent<Omit<SearchFieldProps, "error" | "label" | "description" | "optionalText"> & React__default.RefAttributes<TextInput>>;
1497
1498
 
1498
1499
  declare const StyledRoot$1: _emotion_native.StyledComponent<ViewProps & {
1499
1500
  theme?: _emotion_react.Theme;
1500
- as?: React.ElementType;
1501
+ as?: React__default.ElementType;
1501
1502
  }, {}, {
1502
- ref?: React.Ref<View> | undefined;
1503
+ ref?: React__default.Ref<View> | undefined;
1503
1504
  }>;
1504
1505
  type SearchFieldOwnProps = {
1505
1506
  label?: string;
@@ -1511,7 +1512,7 @@ type SearchFieldOwnProps = {
1511
1512
  onValueChange?: (value: string) => void;
1512
1513
  };
1513
1514
  type SearchFieldProps = SearchFieldOwnProps & Omit<InputFieldProps, keyof SearchFieldOwnProps> & Omit<ViewProps, keyof SearchFieldOwnProps>;
1514
- type SearchFieldComponent = React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<View>> & {
1515
+ type SearchFieldComponent = React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<View>> & {
1515
1516
  Root: typeof StyledRoot$1;
1516
1517
  Label: typeof InputLabel;
1517
1518
  Field: typeof SearchFieldInput;
@@ -1550,7 +1551,7 @@ declare function useSearchField({ initialValue, onValueChange: onValueChangeCall
1550
1551
  type SegmentedControlLayout = "fixed" | "intrinsic";
1551
1552
  type SegmentedControlOption = {
1552
1553
  value: string;
1553
- label: React.ReactNode;
1554
+ label: React__default.ReactNode;
1554
1555
  disabled?: boolean;
1555
1556
  };
1556
1557
  type SegmentedControlOwnProps = {
@@ -1565,53 +1566,53 @@ type SegmentedControlProps = SegmentedControlOwnProps & Omit<ViewProps, keyof Se
1565
1566
  type SegmentedControlItemOwnProps = {
1566
1567
  value: string;
1567
1568
  disabled?: boolean;
1568
- children: React.ReactNode;
1569
+ children: React__default.ReactNode;
1569
1570
  };
1570
1571
  type SegmentedControlItemProps = SegmentedControlItemOwnProps & Omit<ViewProps, keyof SegmentedControlItemOwnProps>;
1571
1572
  /**
1572
1573
  * SegmentedControl.Item for compound component API.
1573
1574
  */
1574
- declare const SegmentedControlItem: React.ForwardRefExoticComponent<SegmentedControlItemOwnProps & Omit<ViewProps, keyof SegmentedControlItemOwnProps> & React.RefAttributes<View>>;
1575
- type SegmentedControlComponent = React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<View>> & {
1575
+ declare const SegmentedControlItem: React__default.ForwardRefExoticComponent<SegmentedControlItemOwnProps & Omit<ViewProps, keyof SegmentedControlItemOwnProps> & React__default.RefAttributes<View>>;
1576
+ type SegmentedControlComponent = React__default.ForwardRefExoticComponent<SegmentedControlProps & React__default.RefAttributes<View>> & {
1576
1577
  Item: typeof SegmentedControlItem;
1577
1578
  };
1578
1579
  declare const SegmentedControl: SegmentedControlComponent;
1579
1580
 
1580
1581
  type SelectFieldTriggerOwnProps = {
1581
1582
  state?: InputState;
1582
- leadingIcon?: React.ReactNode;
1583
- children?: React.ReactNode;
1583
+ leadingIcon?: React__default.ReactNode;
1584
+ children?: React__default.ReactNode;
1584
1585
  isOpen?: boolean;
1585
1586
  isSearching?: boolean;
1586
- actionIcon?: React.ReactNode;
1587
+ actionIcon?: React__default.ReactNode;
1587
1588
  };
1588
1589
  type SelectFieldTriggerProps = SelectFieldTriggerOwnProps & Omit<PressableProps, keyof SelectFieldTriggerOwnProps>;
1589
- declare const SelectFieldTrigger: React.ForwardRefExoticComponent<SelectFieldTriggerOwnProps & Omit<PressableProps, keyof SelectFieldTriggerOwnProps> & React.RefAttributes<View>>;
1590
+ declare const SelectFieldTrigger: React__default.ForwardRefExoticComponent<SelectFieldTriggerOwnProps & Omit<PressableProps, keyof SelectFieldTriggerOwnProps> & React__default.RefAttributes<View>>;
1590
1591
 
1591
- declare const SelectFieldValue: React.ForwardRefExoticComponent<{
1592
+ declare const SelectFieldValue: React__default.ForwardRefExoticComponent<{
1592
1593
  placeholder?: string;
1593
1594
  hasValue?: boolean;
1594
- } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
1595
+ } & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
1595
1596
 
1596
- declare const SelectFieldContent: React.ForwardRefExoticComponent<{
1597
- children?: React.ReactNode;
1598
- } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
1597
+ declare const SelectFieldContent: React__default.ForwardRefExoticComponent<{
1598
+ children?: React__default.ReactNode;
1599
+ } & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
1599
1600
 
1600
1601
  type SelectFieldItemOwnProps = {
1601
1602
  value: string;
1602
- leadingIcon?: React.ReactNode;
1603
+ leadingIcon?: React__default.ReactNode;
1603
1604
  hintText?: string;
1604
1605
  disabled?: boolean;
1605
1606
  isSelected?: boolean;
1606
1607
  };
1607
1608
  type SelectFieldItemProps = SelectFieldItemOwnProps & Omit<PressableProps, keyof SelectFieldItemOwnProps>;
1608
- declare const SelectFieldItem: React.ForwardRefExoticComponent<SelectFieldItemOwnProps & Omit<PressableProps, keyof SelectFieldItemOwnProps> & React.RefAttributes<View>>;
1609
+ declare const SelectFieldItem: React__default.ForwardRefExoticComponent<SelectFieldItemOwnProps & Omit<PressableProps, keyof SelectFieldItemOwnProps> & React__default.RefAttributes<View>>;
1609
1610
 
1610
1611
  declare const StyledRoot: _emotion_native.StyledComponent<ViewProps & {
1611
1612
  theme?: _emotion_react.Theme;
1612
- as?: React.ElementType;
1613
+ as?: React__default.ElementType;
1613
1614
  }, {}, {
1614
- ref?: React.Ref<View> | undefined;
1615
+ ref?: React__default.Ref<View> | undefined;
1615
1616
  }>;
1616
1617
  /**
1617
1618
  * A single item returned by an async `onSearchQuery` resolver. Mirrors the
@@ -1620,7 +1621,7 @@ declare const StyledRoot: _emotion_native.StyledComponent<ViewProps & {
1620
1621
  type SelectFieldSearchResult = {
1621
1622
  value: string;
1622
1623
  label: string;
1623
- leadingIcon?: React.ReactNode;
1624
+ leadingIcon?: React__default.ReactNode;
1624
1625
  hintText?: string;
1625
1626
  disabled?: boolean;
1626
1627
  };
@@ -1631,11 +1632,11 @@ type SelectFieldOwnProps<Value = Option | string> = {
1631
1632
  state?: InputState;
1632
1633
  optionalText?: string;
1633
1634
  placeholder?: string;
1634
- leadingIcon?: React.ReactNode;
1635
+ leadingIcon?: React__default.ReactNode;
1635
1636
  value?: Value | null;
1636
1637
  defaultValue?: Value | null;
1637
1638
  onValueChange?: (value: Value | null) => void;
1638
- children?: React.ReactNode;
1639
+ children?: React__default.ReactNode;
1639
1640
  disabled?: boolean;
1640
1641
  searchable?: boolean;
1641
1642
  searchPlaceholder?: string;
@@ -1645,7 +1646,7 @@ type SelectFieldOwnProps<Value = Option | string> = {
1645
1646
  errorText?: string;
1646
1647
  };
1647
1648
  type SelectFieldProps<Value = Option> = SelectFieldOwnProps<Value> & Omit<ViewProps, keyof SelectFieldOwnProps<Value>>;
1648
- type SelectFieldComponent = React.ForwardRefExoticComponent<SelectFieldProps<Option | string> & React.RefAttributes<View>> & {
1649
+ type SelectFieldComponent = React__default.ForwardRefExoticComponent<SelectFieldProps<Option | string> & React__default.RefAttributes<View>> & {
1649
1650
  Root: typeof StyledRoot;
1650
1651
  Label: typeof InputLabel;
1651
1652
  Trigger: typeof SelectFieldTrigger;
@@ -1728,7 +1729,7 @@ type NativeSelectPickerProps = ViewProps & {
1728
1729
  * />
1729
1730
  * ```
1730
1731
  */
1731
- declare const NativeSelectPicker: React.ForwardRefExoticComponent<ViewProps & {
1732
+ declare const NativeSelectPicker: React__default.ForwardRefExoticComponent<ViewProps & {
1732
1733
  items: NativeSelectPickerItem[];
1733
1734
  value?: string | number | null;
1734
1735
  placeholder?: {
@@ -1738,7 +1739,7 @@ declare const NativeSelectPicker: React.ForwardRefExoticComponent<ViewProps & {
1738
1739
  onValueChange: (value: string | number) => void;
1739
1740
  disabled?: boolean;
1740
1741
  hideIcon?: boolean;
1741
- } & React.RefAttributes<View>>;
1742
+ } & React__default.RefAttributes<View>>;
1742
1743
 
1743
1744
  type SliderOwnProps = {
1744
1745
  value?: number;
@@ -1751,8 +1752,8 @@ type SliderOwnProps = {
1751
1752
  disabled?: boolean;
1752
1753
  leadingLabel?: string;
1753
1754
  trailingLabel?: string;
1754
- leadingIcon?: React.ReactNode;
1755
- trailingIcon?: React.ReactNode;
1755
+ leadingIcon?: React__default.ReactNode;
1756
+ trailingIcon?: React__default.ReactNode;
1756
1757
  description?: string;
1757
1758
  };
1758
1759
  type SliderProps = SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps>;
@@ -1776,14 +1777,14 @@ type SliderProps = SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps>;
1776
1777
  * @example
1777
1778
  * <Slider defaultValue={25} leadingLabel="0kg" trailingLabel="50kg+" />
1778
1779
  */
1779
- declare const Slider: React.ForwardRefExoticComponent<SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps> & React.RefAttributes<View>>;
1780
+ declare const Slider: React__default.ForwardRefExoticComponent<SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps> & React__default.RefAttributes<View>>;
1780
1781
 
1781
1782
  type NotificationType = "error" | "success" | "warning" | "info";
1782
1783
  type NotificationSize = "sm" | "lg";
1783
1784
  type BaseProps = {
1784
1785
  type?: NotificationType;
1785
1786
  showIcon?: boolean;
1786
- children: React.ReactNode;
1787
+ children: React__default.ReactNode;
1787
1788
  };
1788
1789
  type InlineVariantProps = BaseProps & {
1789
1790
  variant?: "inline";
@@ -1847,13 +1848,13 @@ type NotificationProps = NotificationOwnProps & Omit<ViewProps, keyof Notificati
1847
1848
  * </Notification>
1848
1849
  * ```
1849
1850
  */
1850
- declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<View>>;
1851
+ declare const Notification: React__default.ForwardRefExoticComponent<NotificationProps & React__default.RefAttributes<View>>;
1851
1852
 
1852
1853
  type StackedNotificationType = "info" | "warning";
1853
1854
  type StackedNotificationItem = {
1854
1855
  id: string;
1855
1856
  type: StackedNotificationType;
1856
- message: React.ReactNode;
1857
+ message: React__default.ReactNode;
1857
1858
  };
1858
1859
  type StackedNotificationsOwnProps = {
1859
1860
  items: StackedNotificationItem[];
@@ -1891,7 +1892,7 @@ type StackedNotificationsProps = StackedNotificationsOwnProps & Omit<ViewProps,
1891
1892
  * />
1892
1893
  * ```
1893
1894
  */
1894
- declare const StackedNotifications: React.ForwardRefExoticComponent<StackedNotificationsOwnProps & Omit<ViewProps, "children" | keyof StackedNotificationsOwnProps> & React.RefAttributes<View>>;
1895
+ declare const StackedNotifications: React__default.ForwardRefExoticComponent<StackedNotificationsOwnProps & Omit<ViewProps, "children" | keyof StackedNotificationsOwnProps> & React__default.RefAttributes<View>>;
1895
1896
 
1896
1897
  type TooltipAlignment = "left" | "middle" | "right";
1897
1898
  type TooltipPosition = "top" | "bottom";
@@ -1903,7 +1904,7 @@ type TooltipOwnProps = {
1903
1904
  * inside the tooltip's own `<Typography>`, so it inherits the base font and
1904
1905
  * only the emphasised spans override it.
1905
1906
  */
1906
- text: string | React.ReactNode;
1907
+ text: string | React__default.ReactNode;
1907
1908
  alignment?: TooltipAlignment;
1908
1909
  position?: TooltipPosition;
1909
1910
  /**
@@ -1912,32 +1913,32 @@ type TooltipOwnProps = {
1912
1913
  *
1913
1914
  * Requires a <PortalHost /> at the application root.
1914
1915
  */
1915
- children?: React.ReactNode;
1916
+ children?: React__default.ReactNode;
1916
1917
  };
1917
1918
  type TooltipProps = TooltipOwnProps & Omit<ViewProps, keyof TooltipOwnProps>;
1918
- declare const Tooltip: React.ForwardRefExoticComponent<TooltipOwnProps & Omit<ViewProps, keyof TooltipOwnProps> & React.RefAttributes<View>>;
1919
+ declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipOwnProps & Omit<ViewProps, keyof TooltipOwnProps> & React__default.RefAttributes<View>>;
1919
1920
 
1920
1921
  type MenuItemVariant = "action" | "destructive";
1921
1922
  type MenuItemOwnProps = {
1922
1923
  /**
1923
- * `action` renders the label in the brand action colour, `destructive` in
1924
- * the error colour (e.g. "Log out"). Defaults to `action`.
1924
+ * `action` renders the label in the link colour, `destructive` in the error
1925
+ * colour (e.g. "Log out"). Defaults to `action`.
1925
1926
  */
1926
1927
  variant?: MenuItemVariant;
1927
1928
  onPress: () => void;
1928
1929
  /** The label. A string is rendered with the row's own Typography. */
1929
- children: React.ReactNode;
1930
+ children: React__default.ReactNode;
1930
1931
  /**
1931
1932
  * Whether to render a divider beneath the row. Defaults to `true`; set
1932
- * `false` on the last row so the border doesn't sit against the card's
1933
+ * `false` on the last row so the divider doesn't sit against the card's
1933
1934
  * rounded bottom edge.
1934
1935
  */
1935
1936
  divider?: boolean;
1936
1937
  };
1937
1938
  type MenuItemProps = MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps | "children">;
1938
1939
  /**
1939
- * A single row inside a {@link Menu}. Renders its label centred, coloured by
1940
- * `variant`, with a divider beneath it unless `divider` is set to `false`.
1940
+ * A single row inside a {@link Menu}. Renders its label left-aligned, coloured
1941
+ * by `variant`, with a divider beneath it unless `divider` is set to `false`.
1941
1942
  *
1942
1943
  * @example
1943
1944
  * ```tsx
@@ -1946,47 +1947,57 @@ type MenuItemProps = MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnPr
1946
1947
  * </Menu.Item>
1947
1948
  * ```
1948
1949
  */
1949
- declare const MenuItem: React.ForwardRefExoticComponent<MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps> & React.RefAttributes<react_native.View>>;
1950
+ declare const MenuItem: React__default.ForwardRefExoticComponent<MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps> & React__default.RefAttributes<react_native.View>>;
1950
1951
 
1951
1952
  type MenuAlign = "left" | "right";
1953
+ /** A rect in window coordinates, as returned by `View#measureInWindow`. */
1954
+ type MenuAnchorRect = {
1955
+ x: number;
1956
+ y: number;
1957
+ width: number;
1958
+ height: number;
1959
+ };
1952
1960
  type MenuProps = {
1953
1961
  /** Whether the menu is visible. */
1954
1962
  open: boolean;
1955
1963
  /** Called when the user taps outside the card or dismisses via the OS. */
1956
1964
  onClose: () => void;
1957
1965
  /**
1958
- * Distance, in px, from the top of the screen to where the menu drops from —
1959
- * typically the bottom edge of the bar/header the menu hangs beneath, so the
1960
- * card opens flush below it.
1966
+ * The trigger's rect in window coordinates (from `measureInWindow`). The
1967
+ * card drops just below it, with its `align` edge lined up with the
1968
+ * trigger's.
1969
+ */
1970
+ anchor?: MenuAnchorRect;
1971
+ /**
1972
+ * @deprecated Pass `anchor` so the card hangs from the trigger. Distance, in
1973
+ * px, from the top of the screen to the bottom edge of the bar the card drops
1974
+ * flush beneath, inset from the screen edge. Ignored when `anchor` is set.
1961
1975
  */
1962
1976
  anchorOffset?: number;
1963
1977
  /** Which edge the card aligns to. Defaults to `right`. */
1964
1978
  align?: MenuAlign;
1965
- /** Card width in px. Defaults to 360 (capped at 90% of the screen). */
1979
+ /** Card width in px. Defaults to 280 (capped at 90% of the window). */
1966
1980
  width?: number;
1967
1981
  /** Accessibility label for the outside-tap dismiss layer. */
1968
1982
  closeAccessibilityLabel?: string;
1969
1983
  /** `Menu.Item` rows. */
1970
- children: React.ReactNode;
1984
+ children: React__default.ReactNode;
1971
1985
  };
1972
1986
  /**
1973
- * A dropdown menu that expands beneath an anchor (typically a header/bar).
1974
- * Tapping outside the card dismisses it; the page behind is left undarkened.
1975
- * The consumer owns open/close state and supplies the rows as `Menu.Item`
1976
- * children; the app-specific content stays at the call site.
1987
+ * A dropdown menu that hangs beneath its trigger. Tapping outside the card
1988
+ * dismisses it; the page behind is left undarkened. The consumer owns
1989
+ * open/close state and supplies the rows as `Menu.Item` children; the
1990
+ * app-specific content stays at the call site.
1977
1991
  *
1978
- * Pass `anchorOffset` (the anchor bar's bottom edge in window coordinates) so
1979
- * the card drops just below it.
1992
+ * `useMenuTrigger` measures the trigger and supplies the `anchor`, open state
1993
+ * and `onClose` as `menuProps`.
1980
1994
  *
1981
1995
  * @example
1982
1996
  * ```tsx
1983
- * const [open, setOpen] = useState(false)
1984
- * const [barHeight, setBarHeight] = useState(0)
1997
+ * const { triggerRef, open, menuProps } = useMenuTrigger()
1985
1998
  *
1986
- * <View onLayout={(e) => setBarHeight(e.nativeEvent.layout.height)}>
1987
- * <Pressable onPress={() => setOpen(true)}>...</Pressable>
1988
- * </View>
1989
- * <Menu open={open} onClose={() => setOpen(false)} anchorOffset={barHeight}>
1999
+ * <Pressable ref={triggerRef} onPress={open}>...</Pressable>
2000
+ * <Menu {...menuProps}>
1990
2001
  * <Menu.Item onPress={onDiscounts}>Discount codes</Menu.Item>
1991
2002
  * <Menu.Item variant="destructive" divider={false} onPress={onLogOut}>
1992
2003
  * Log out
@@ -1995,23 +2006,49 @@ type MenuProps = {
1995
2006
  * ```
1996
2007
  */
1997
2008
  declare const Menu: {
1998
- ({ open, onClose, anchorOffset, align, width, closeAccessibilityLabel, children }: MenuProps): react_jsx_runtime.JSX.Element;
2009
+ ({ open, onClose, anchor, anchorOffset, align, width, closeAccessibilityLabel, children }: MenuProps): react_jsx_runtime.JSX.Element;
1999
2010
  displayName: string;
2000
2011
  } & {
2001
- Item: React.ForwardRefExoticComponent<{
2012
+ Item: React__default.ForwardRefExoticComponent<{
2002
2013
  variant?: MenuItemVariant;
2003
2014
  onPress: () => void;
2004
- children: React.ReactNode;
2015
+ children: React__default.ReactNode;
2005
2016
  divider?: boolean;
2006
2017
  } & Omit<react_native.PressableProps, keyof {
2007
2018
  variant?: MenuItemVariant;
2008
2019
  onPress: () => void;
2009
- children: React.ReactNode;
2020
+ children: React__default.ReactNode;
2010
2021
  divider?: boolean;
2011
- }> & React.RefAttributes<View>>;
2022
+ }> & React__default.RefAttributes<View>>;
2023
+ };
2024
+
2025
+ /**
2026
+ * Wires a trigger to a {@link Menu}: measures the trigger when it opens so the
2027
+ * card hangs beneath it.
2028
+ *
2029
+ * @example
2030
+ * ```tsx
2031
+ * const { triggerRef, open, close, menuProps } = useMenuTrigger()
2032
+ *
2033
+ * <Pressable ref={triggerRef} onPress={open}>...</Pressable>
2034
+ * <Menu {...menuProps}>
2035
+ * <Menu.Item onPress={close}>Discount codes</Menu.Item>
2036
+ * </Menu>
2037
+ * ```
2038
+ */
2039
+ declare const useMenuTrigger: () => {
2040
+ triggerRef: React.RefObject<View | null>;
2041
+ isOpen: boolean;
2042
+ open: () => void;
2043
+ close: () => void;
2044
+ menuProps: {
2045
+ open: boolean;
2046
+ onClose: () => void;
2047
+ anchor: MenuAnchorRect | undefined;
2048
+ };
2012
2049
  };
2013
2050
 
2014
- type PawprintIllustration$1 = React.ComponentType<{
2051
+ type PawprintIllustration$1 = React__default.ComponentType<{
2015
2052
  width?: number;
2016
2053
  height?: number;
2017
2054
  }>;
@@ -2021,7 +2058,7 @@ type MessageCardInsightOwnProps = {
2021
2058
  icon?: PawprintIcon;
2022
2059
  illustration?: PawprintIllustration$1;
2023
2060
  title?: string;
2024
- children: React.ReactNode;
2061
+ children: React__default.ReactNode;
2025
2062
  };
2026
2063
  type MessageCardInsightProps = MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps>;
2027
2064
  /**
@@ -2037,7 +2074,7 @@ type MessageCardInsightProps = MessageCardInsightOwnProps & Omit<ViewProps, keyo
2037
2074
  * in both `standalone` and `supporting` variants.
2038
2075
  * @param {React.ReactNode} children - Body copy.
2039
2076
  */
2040
- declare const MessageCardInsight: React.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React.RefAttributes<View>>;
2077
+ declare const MessageCardInsight: React__default.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React__default.RefAttributes<View>>;
2041
2078
  type BannerColourScheme = "primary" | "secondary";
2042
2079
  type MessageCardBannerMedia = {
2043
2080
  type: "image";
@@ -2051,7 +2088,7 @@ type MessageCardBannerOwnProps = {
2051
2088
  colourScheme?: BannerColourScheme;
2052
2089
  media?: MessageCardBannerMedia;
2053
2090
  title?: string;
2054
- children: React.ReactNode;
2091
+ children: React__default.ReactNode;
2055
2092
  linkLabel?: string;
2056
2093
  linkHref?: string;
2057
2094
  onLinkPress?: () => void;
@@ -2072,7 +2109,7 @@ type MessageCardBannerProps = MessageCardBannerOwnProps & Omit<ViewProps, keyof
2072
2109
  * @param {string} [linkHref] - URL opened via `Linking` when pressed.
2073
2110
  * @param {() => void} [onLinkPress] - Callback when the CTA is pressed.
2074
2111
  */
2075
- declare const MessageCardBanner: React.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React.RefAttributes<View>>;
2112
+ declare const MessageCardBanner: React__default.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React__default.RefAttributes<View>>;
2076
2113
  /**
2077
2114
  * Compound component exposing two sub-components:
2078
2115
  *
@@ -2080,8 +2117,8 @@ declare const MessageCardBanner: React.ForwardRefExoticComponent<MessageCardBann
2080
2117
  * - `MessageCard.Banner` — horizontal image/illustration + copy + optional CTA
2081
2118
  */
2082
2119
  declare const MessageCard: {
2083
- Insight: React.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React.RefAttributes<View>>;
2084
- Banner: React.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React.RefAttributes<View>>;
2120
+ Insight: React__default.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React__default.RefAttributes<View>>;
2121
+ Banner: React__default.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React__default.RefAttributes<View>>;
2085
2122
  };
2086
2123
 
2087
2124
  /**
@@ -2165,9 +2202,9 @@ type DatePickerProps = DatePickerOwnProps & Omit<ViewProps, keyof DatePickerOwnP
2165
2202
  * />
2166
2203
  * ```
2167
2204
  */
2168
- declare const DatePicker: React.ForwardRefExoticComponent<DatePickerOwnProps & Omit<ViewProps, keyof DatePickerOwnProps> & React.RefAttributes<View>>;
2205
+ declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerOwnProps & Omit<ViewProps, keyof DatePickerOwnProps> & React__default.RefAttributes<View>>;
2169
2206
 
2170
- type PawprintIllustration = React.ComponentType<{
2207
+ type PawprintIllustration = React__default.ComponentType<{
2171
2208
  width?: number;
2172
2209
  height?: number;
2173
2210
  }>;
@@ -2177,7 +2214,7 @@ type PictureSelectorItem = {
2177
2214
  disabled?: boolean;
2178
2215
  ariaLabel?: string;
2179
2216
  insightTitle?: string;
2180
- insightDescription?: React.ReactNode;
2217
+ insightDescription?: React__default.ReactNode;
2181
2218
  };
2182
2219
  type PictureSelectorOwnProps = {
2183
2220
  label?: string;
@@ -2219,7 +2256,7 @@ type PictureSelectorProps = PictureSelectorOwnProps & Omit<ViewProps, keyof Pict
2219
2256
  * @param {number} [itemMinHeight] - Optional override for the card's min-height.
2220
2257
  * Defaults to `pictureButton.size.minHeight` (120px).
2221
2258
  */
2222
- declare const PictureSelector: React.ForwardRefExoticComponent<PictureSelectorOwnProps & Omit<ViewProps, keyof PictureSelectorOwnProps> & React.RefAttributes<View>>;
2259
+ declare const PictureSelector: React__default.ForwardRefExoticComponent<PictureSelectorOwnProps & Omit<ViewProps, keyof PictureSelectorOwnProps> & React__default.RefAttributes<View>>;
2223
2260
 
2224
2261
  type CountdownLayout = "stacked" | "inline";
2225
2262
  /**
@@ -2245,7 +2282,7 @@ type CountdownOwnProps = {
2245
2282
  seconds?: number;
2246
2283
  showDays?: boolean;
2247
2284
  showSeconds?: boolean;
2248
- label?: React.ReactNode;
2285
+ label?: React__default.ReactNode;
2249
2286
  labels?: CountdownLabels;
2250
2287
  };
2251
2288
  type CountdownProps = CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProps>;
@@ -2296,26 +2333,26 @@ type CountdownProps = CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProp
2296
2333
  * />
2297
2334
  * ```
2298
2335
  */
2299
- declare const Countdown: React.ForwardRefExoticComponent<CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProps> & React.RefAttributes<View>>;
2336
+ declare const Countdown: React__default.ForwardRefExoticComponent<CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProps> & React__default.RefAttributes<View>>;
2300
2337
 
2301
2338
  type BadgeOwnProps = {
2302
- icon?: React.ReactNode;
2303
- text: React.ReactNode;
2339
+ icon?: React__default.ReactNode;
2340
+ text: React__default.ReactNode;
2304
2341
  };
2305
- declare const Badge: React.ForwardRefExoticComponent<BadgeOwnProps & Omit<ViewProps, keyof BadgeOwnProps> & React.RefAttributes<View>>;
2342
+ declare const Badge: React__default.ForwardRefExoticComponent<BadgeOwnProps & Omit<ViewProps, keyof BadgeOwnProps> & React__default.RefAttributes<View>>;
2306
2343
 
2307
2344
  type ProductListingCardGridOwnProps = {
2308
- children: React.ReactNode;
2345
+ children: React__default.ReactNode;
2309
2346
  xs?: number;
2310
2347
  md?: number;
2311
2348
  lg?: number;
2312
2349
  };
2313
- declare const Grid: React.ForwardRefExoticComponent<ProductListingCardGridOwnProps & Omit<ViewProps, keyof ProductListingCardGridOwnProps> & React.RefAttributes<View>>;
2350
+ declare const Grid: React__default.ForwardRefExoticComponent<ProductListingCardGridOwnProps & Omit<ViewProps, keyof ProductListingCardGridOwnProps> & React__default.RefAttributes<View>>;
2314
2351
 
2315
2352
  type ProductListingCardOwnProps = {
2316
- image?: string | React.ReactNode | ImageSourcePropType;
2353
+ image?: string | React__default.ReactNode | ImageSourcePropType;
2317
2354
  imageAlt?: string;
2318
- badge?: React.ReactNode;
2355
+ badge?: React__default.ReactNode;
2319
2356
  category?: string;
2320
2357
  title?: string;
2321
2358
  size?: string;
@@ -2329,7 +2366,7 @@ type ProductListingCardOwnProps = {
2329
2366
  onPress?: () => void;
2330
2367
  };
2331
2368
  type ProductListingCardProps = ProductListingCardOwnProps & Omit<PressableProps, keyof ProductListingCardOwnProps>;
2332
- declare const _ProductListingCard: React.ForwardRefExoticComponent<ProductListingCardOwnProps & Omit<PressableProps, keyof ProductListingCardOwnProps> & React.RefAttributes<View>>;
2369
+ declare const _ProductListingCard: React__default.ForwardRefExoticComponent<ProductListingCardOwnProps & Omit<PressableProps, keyof ProductListingCardOwnProps> & React__default.RefAttributes<View>>;
2333
2370
  declare const ProductListingCardWithBadgeAndGrid: typeof _ProductListingCard & {
2334
2371
  Badge: typeof Badge;
2335
2372
  Grid: typeof Grid;
@@ -2337,7 +2374,7 @@ declare const ProductListingCardWithBadgeAndGrid: typeof _ProductListingCard & {
2337
2374
 
2338
2375
  type ProductDisplayCardProps = ViewProps & {
2339
2376
  title: string;
2340
- subtext?: string | React.ReactNode;
2377
+ subtext?: string | React__default.ReactNode;
2341
2378
  showSubtext?: boolean;
2342
2379
  quantity?: number;
2343
2380
  onQuantityChange?: (quantity: number) => void;
@@ -2366,11 +2403,11 @@ type ProductDisplayCardProps = ViewProps & {
2366
2403
  decrementDisabled?: boolean;
2367
2404
  minQuantity?: number;
2368
2405
  quantityStep?: number;
2369
- image?: string | React.ReactNode;
2406
+ image?: string | React__default.ReactNode;
2370
2407
  imageBackgroundColor?: string;
2371
2408
  thumbnailWidth?: number;
2372
2409
  onImagePress?: () => void;
2373
- banner?: string | React.ReactNode;
2410
+ banner?: string | React__default.ReactNode;
2374
2411
  showBanner?: boolean;
2375
2412
  bannerType?: "error" | "info" | "none";
2376
2413
  showBannerIcon?: boolean;
@@ -2411,9 +2448,9 @@ type ProductDisplayCardProps = ViewProps & {
2411
2448
  * @param bannerType - *(optional)* Banner variant: "error" (with icon), "info" (with icon), or "none" (no icon, default)
2412
2449
  * @param showBannerIcon - *(optional)* Show/hide icon in banner (default: true)
2413
2450
  */
2414
- declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
2451
+ declare const ProductDisplayCard: React__default.ForwardRefExoticComponent<ViewProps & {
2415
2452
  title: string;
2416
- subtext?: string | React.ReactNode;
2453
+ subtext?: string | React__default.ReactNode;
2417
2454
  showSubtext?: boolean;
2418
2455
  quantity?: number;
2419
2456
  onQuantityChange?: (quantity: number) => void;
@@ -2442,15 +2479,15 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
2442
2479
  decrementDisabled?: boolean;
2443
2480
  minQuantity?: number;
2444
2481
  quantityStep?: number;
2445
- image?: string | React.ReactNode;
2482
+ image?: string | React__default.ReactNode;
2446
2483
  imageBackgroundColor?: string;
2447
2484
  thumbnailWidth?: number;
2448
2485
  onImagePress?: () => void;
2449
- banner?: string | React.ReactNode;
2486
+ banner?: string | React__default.ReactNode;
2450
2487
  showBanner?: boolean;
2451
2488
  bannerType?: "error" | "info" | "none";
2452
2489
  showBannerIcon?: boolean;
2453
- } & React.RefAttributes<View>>;
2490
+ } & React__default.RefAttributes<View>>;
2454
2491
 
2455
2492
  type TabNavigationLayout = "fixed" | "intrinsic";
2456
2493
  type TabNavigationOwnProps = {
@@ -2459,11 +2496,11 @@ type TabNavigationOwnProps = {
2459
2496
  onValueChange?: (value: string) => void;
2460
2497
  layout?: TabNavigationLayout;
2461
2498
  animation?: AnimatedVariant;
2462
- children?: React.ReactNode;
2499
+ children?: React__default.ReactNode;
2463
2500
  };
2464
2501
  type TabNavigationProps = TabNavigationOwnProps & Omit<ViewProps, keyof TabNavigationOwnProps>;
2465
2502
  type TabNavigationListOwnProps = {
2466
- children?: React.ReactNode;
2503
+ children?: React__default.ReactNode;
2467
2504
  };
2468
2505
  type TabNavigationListProps = TabNavigationListOwnProps & Omit<ViewProps, keyof TabNavigationListOwnProps>;
2469
2506
  type TabNavigationTabOwnProps = {
@@ -2471,12 +2508,12 @@ type TabNavigationTabOwnProps = {
2471
2508
  disabled?: boolean;
2472
2509
  icon?: PawprintIcon;
2473
2510
  avatar?: AvatarProps;
2474
- children: React.ReactNode;
2511
+ children: React__default.ReactNode;
2475
2512
  };
2476
2513
  type TabNavigationTabProps = TabNavigationTabOwnProps & Omit<ViewProps, keyof TabNavigationTabOwnProps>;
2477
2514
  type TabNavigationPanelOwnProps = {
2478
2515
  value: string;
2479
- children?: React.ReactNode;
2516
+ children?: React__default.ReactNode;
2480
2517
  };
2481
2518
  type TabNavigationPanelProps = TabNavigationPanelOwnProps & Omit<ViewProps, keyof TabNavigationPanelOwnProps>;
2482
2519
  /**
@@ -2486,7 +2523,7 @@ type TabNavigationPanelProps = TabNavigationPanelOwnProps & Omit<ViewProps, keyo
2486
2523
  *
2487
2524
  * Must be used within a `TabNavigation` component.
2488
2525
  */
2489
- declare const TabNavigationList: React.ForwardRefExoticComponent<TabNavigationListOwnProps & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
2526
+ declare const TabNavigationList: React__default.ForwardRefExoticComponent<TabNavigationListOwnProps & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
2490
2527
  /**
2491
2528
  * An individual tab button within a `TabNavigation`. Selected tabs render with
2492
2529
  * a brand bottom border and bold label; unselected tabs use a neutral border
@@ -2506,7 +2543,7 @@ declare const TabNavigationList: React.ForwardRefExoticComponent<TabNavigationLi
2506
2543
  * @param {AvatarProps} [avatar] - Optional leading `Avatar`; props are forwarded to the `Avatar` atom.
2507
2544
  * @param {React.ReactNode} children - Tab label (and optional leading content).
2508
2545
  */
2509
- declare const TabNavigationTab: React.ForwardRefExoticComponent<TabNavigationTabOwnProps & Omit<ViewProps, keyof TabNavigationTabOwnProps> & React.RefAttributes<View>>;
2546
+ declare const TabNavigationTab: React__default.ForwardRefExoticComponent<TabNavigationTabOwnProps & Omit<ViewProps, keyof TabNavigationTabOwnProps> & React__default.RefAttributes<View>>;
2510
2547
  /**
2511
2548
  * Content area shown when the tab with the matching `value` is selected. Wraps
2512
2549
  * `@rn-primitives/tabs` `Content` (which unmounts the inactive panels) and
@@ -2517,16 +2554,107 @@ declare const TabNavigationTab: React.ForwardRefExoticComponent<TabNavigationTab
2517
2554
  * @param {string} value - Matches the `value` of a `TabNavigation.Tab`.
2518
2555
  * @param {React.ReactNode} [children] - Panel content.
2519
2556
  */
2520
- declare const TabNavigationPanel: React.ForwardRefExoticComponent<TabNavigationPanelOwnProps & Omit<ViewProps, keyof TabNavigationPanelOwnProps> & React.RefAttributes<View>>;
2521
- type TabNavigationComponent = React.ForwardRefExoticComponent<TabNavigationProps & React.RefAttributes<View>> & {
2557
+ declare const TabNavigationPanel: React__default.ForwardRefExoticComponent<TabNavigationPanelOwnProps & Omit<ViewProps, keyof TabNavigationPanelOwnProps> & React__default.RefAttributes<View>>;
2558
+ type TabNavigationComponent = React__default.ForwardRefExoticComponent<TabNavigationProps & React__default.RefAttributes<View>> & {
2522
2559
  List: typeof TabNavigationList;
2523
2560
  Tab: typeof TabNavigationTab;
2524
2561
  Panel: typeof TabNavigationPanel;
2525
2562
  };
2526
2563
  declare const TabNavigation: TabNavigationComponent;
2527
2564
 
2565
+ type FloatingActionButtonVariant = "primary" | "secondary";
2566
+ type FloatingActionButtonIconButtonIcon = "chevronUp" | "chevronRight" | "close";
2567
+ type FloatingActionButtonAnimation = "shine" | "nudge";
2568
+ type FloatingActionButtonBaseProps = {
2569
+ variant?: FloatingActionButtonVariant;
2570
+ icon?: PawprintIcon;
2571
+ children: React__default.ReactNode;
2572
+ linkLabel: string;
2573
+ animation?: FloatingActionButtonAnimation;
2574
+ };
2575
+ type FloatingActionButtonLinkProps = {
2576
+ linkHref: string;
2577
+ onLinkPress?: () => void;
2578
+ } | {
2579
+ linkHref?: string;
2580
+ onLinkPress: () => void;
2581
+ };
2582
+ type FloatingActionButtonIconButtonProps = {
2583
+ iconButtonIcon: FloatingActionButtonIconButtonIcon;
2584
+ iconButtonLabel: string;
2585
+ iconButtonVariant?: IconButtonVariant;
2586
+ onIconButtonPress?: () => void;
2587
+ };
2588
+ type FloatingActionButtonOwnProps = FloatingActionButtonBaseProps & FloatingActionButtonLinkProps & FloatingActionButtonIconButtonProps;
2589
+ type FloatingActionButtonProps = FloatingActionButtonOwnProps & Omit<ViewProps, keyof FloatingActionButtonBaseProps | "iconButtonIcon">;
2590
+ /**
2591
+ * Floating pill that surfaces a short message with a link and an
2592
+ * icon button. Used for persistent prompts such as offers and
2593
+ * reminders.
2594
+ *
2595
+ * The component does not position itself — the consumer is responsible for
2596
+ * placing it (e.g. `position: "absolute"` at the bottom right) so it can avoid
2597
+ * other floating elements on the screen. It fills the width of its container.
2598
+ *
2599
+ * The icon button is always size `md` and limited to three icons: `chevronUp`,
2600
+ * `chevronRight` and `close`. Its style defaults to the Figma pairing —
2601
+ * `filled` (primary) for the chevrons and `text` for `close` — and can be
2602
+ * overridden with `iconButtonVariant`.
2603
+ *
2604
+ * Note: Unlike the web version, handlers are `onLinkPress` and
2605
+ * `onIconButtonPress` (web: `onLinkClick` / `onIconButtonClick`). The shadow
2606
+ * uses `boxShadow`, which requires React Native 0.76+ (New Architecture).
2607
+ *
2608
+ * @param {"primary" | "secondary"} [variant="primary"] - Colour scheme.
2609
+ * `primary` is pink with a white icon container; `secondary` is white with a
2610
+ * cream icon container.
2611
+ * @param {PawprintIcon} [icon=Gift] - Icon shown in the circular container on
2612
+ * the left. Rendered at size `xl` in the primary icon colour.
2613
+ * @param {React.ReactNode} children - Message copy. Nest a bold `Typography`
2614
+ * to emphasise part of it.
2615
+ * @param {string} linkLabel - Link text shown below the message. Use "Close"
2616
+ * to dismiss, or e.g. "See more" when the icon button is `close`.
2617
+ * @param {string} [linkHref] - **(required without `onLinkPress`)** URL opened
2618
+ * via `Linking` when pressed.
2619
+ * @param {() => void} [onLinkPress] - **(required without `linkHref`)** Link
2620
+ * press handler, e.g. to dismiss, navigate to a screen or open a Modal or
2621
+ * Drawer. Takes precedence over `linkHref`.
2622
+ * @param {"shine" | "nudge"} [animation] - Optional attention animation, off
2623
+ * by default. Runs 3 times after a short delay, then stops, and is disabled
2624
+ * when the user prefers reduced motion. `shine` sweeps a soft highlight
2625
+ * across the pill; `nudge` moves the chevron towards its direction (no effect
2626
+ * with `close`).
2627
+ * @param {"chevronUp" | "chevronRight" | "close"} iconButtonIcon - Icon button
2628
+ * on the right.
2629
+ * @param {"filled" | "outlined" | "text"} [iconButtonVariant] - Icon button
2630
+ * style. Defaults to `filled` for `chevronUp` / `chevronRight` and `text`
2631
+ * for `close`.
2632
+ * @param {string} iconButtonLabel - Accessible label for the icon button.
2633
+ * @param {() => void} [onIconButtonPress] - Icon button press handler.
2634
+ *
2635
+ * @example
2636
+ * ```tsx
2637
+ * import { FloatingActionButton, Typography } from "@butternutbox/pawprint-native"
2638
+ *
2639
+ * <FloatingActionButton
2640
+ * variant="primary"
2641
+ * linkLabel="Close"
2642
+ * onLinkPress={dismiss}
2643
+ * iconButtonIcon="chevronUp"
2644
+ * iconButtonLabel="View offer"
2645
+ * onIconButtonPress={openDrawer}
2646
+ * >
2647
+ * <Typography size="lg" weight="bold">
2648
+ * Free
2649
+ * </Typography>{" "}
2650
+ * gift in your next box
2651
+ * </FloatingActionButton>
2652
+ * ```
2653
+ */
2654
+ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<FloatingActionButtonProps & React__default.RefAttributes<View>>;
2655
+
2528
2656
  declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
2529
2657
  contentContainerStyle: StyleProp<ViewStyle>;
2530
2658
  };
2531
2659
 
2532
- export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
2660
+ export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, FloatingActionButton, type FloatingActionButtonAnimation, type FloatingActionButtonIconButtonIcon, type FloatingActionButtonProps, type FloatingActionButtonVariant, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, type MenuAnchorRect, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, useMenuTrigger, usePasswordField, usePawprint, useSearchField, useSelectField };