@butternutbox/pawprint-native 1.1.2 → 1.2.0

package/dist/index.d.cts

@@ -443,17 +443,13 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
  * ```
  *
  * @param illustration - **(required)** Illustration component
-<<<<<<< Updated upstream
  * @param size - *(optional)* Size variant: sm (default), lg, xl, xxl, xxxl
-=======
- * @param size - *(optional)* Size variant: sm (default), lg, xl
  * @param align - *(optional)* Flexbox alignItems (default: center)
  * @param justify - *(optional)* Flexbox justifyContent (default: center)
  * @param flexDirection - *(optional)* Flexbox flex direction
  * @param flexWrap - *(optional)* Flexbox wrap
  * @param alignContent - *(optional)* Flexbox alignContent
  * @param alignSelf - *(optional)* Flexbox alignSelf
->>>>>>> Stashed changes
  * @param aria-label - *(optional)* Accessible label
  */
 declare const Illustration: React.ForwardRefExoticComponent<{
@@ -2529,8 +2525,99 @@ type TabNavigationComponent = React.ForwardRefExoticComponent<TabNavigationProps
 };
 declare const TabNavigation: TabNavigationComponent;
 
+type FloatingActionButtonVariant = "primary" | "secondary";
+type FloatingActionButtonIconButtonIcon = "chevronUp" | "chevronRight" | "close";
+type FloatingActionButtonAnimation = "shine" | "nudge";
+type FloatingActionButtonBaseProps = {
+    variant?: FloatingActionButtonVariant;
+    icon?: PawprintIcon;
+    children: React.ReactNode;
+    linkLabel: string;
+    animation?: FloatingActionButtonAnimation;
+};
+type FloatingActionButtonLinkProps = {
+    linkHref: string;
+    onLinkPress?: () => void;
+} | {
+    linkHref?: string;
+    onLinkPress: () => void;
+};
+type FloatingActionButtonIconButtonProps = {
+    iconButtonIcon: FloatingActionButtonIconButtonIcon;
+    iconButtonLabel: string;
+    iconButtonVariant?: IconButtonVariant;
+    onIconButtonPress?: () => void;
+};
+type FloatingActionButtonOwnProps = FloatingActionButtonBaseProps & FloatingActionButtonLinkProps & FloatingActionButtonIconButtonProps;
+type FloatingActionButtonProps = FloatingActionButtonOwnProps & Omit<ViewProps, keyof FloatingActionButtonBaseProps | "iconButtonIcon">;
+/**
+ * Floating pill that surfaces a short message with a link and an
+ * icon button. Used for persistent prompts such as offers and
+ * reminders.
+ *
+ * The component does not position itself — the consumer is responsible for
+ * placing it (e.g. `position: "absolute"` at the bottom right) so it can avoid
+ * other floating elements on the screen. It fills the width of its container.
+ *
+ * The icon button is always size `md` and limited to three icons: `chevronUp`,
+ * `chevronRight` and `close`. Its style defaults to the Figma pairing —
+ * `filled` (primary) for the chevrons and `text` for `close` — and can be
+ * overridden with `iconButtonVariant`.
+ *
+ * Note: Unlike the web version, handlers are `onLinkPress` and
+ * `onIconButtonPress` (web: `onLinkClick` / `onIconButtonClick`). The shadow
+ * uses `boxShadow`, which requires React Native 0.76+ (New Architecture).
+ *
+ * @param {"primary" | "secondary"} [variant="primary"] - Colour scheme.
+ *   `primary` is pink with a white icon container; `secondary` is white with a
+ *   cream icon container.
+ * @param {PawprintIcon} [icon=Gift] - Icon shown in the circular container on
+ *   the left. Rendered at size `xl` in the primary icon colour.
+ * @param {React.ReactNode} children - Message copy. Nest a bold `Typography`
+ *   to emphasise part of it.
+ * @param {string} linkLabel - Link text shown below the message. Use "Close"
+ *   to dismiss, or e.g. "See more" when the icon button is `close`.
+ * @param {string} [linkHref] - **(required without `onLinkPress`)** URL opened
+ *   via `Linking` when pressed.
+ * @param {() => void} [onLinkPress] - **(required without `linkHref`)** Link
+ *   press handler, e.g. to dismiss, navigate to a screen or open a Modal or
+ *   Drawer. Takes precedence over `linkHref`.
+ * @param {"shine" | "nudge"} [animation] - Optional attention animation, off
+ *   by default. Runs 3 times after a short delay, then stops, and is disabled
+ *   when the user prefers reduced motion. `shine` sweeps a soft highlight
+ *   across the pill; `nudge` moves the chevron towards its direction (no effect
+ *   with `close`).
+ * @param {"chevronUp" | "chevronRight" | "close"} iconButtonIcon - Icon button
+ *   on the right.
+ * @param {"filled" | "outlined" | "text"} [iconButtonVariant] - Icon button
+ *   style. Defaults to `filled` for `chevronUp` / `chevronRight` and `text`
+ *   for `close`.
+ * @param {string} iconButtonLabel - Accessible label for the icon button.
+ * @param {() => void} [onIconButtonPress] - Icon button press handler.
+ *
+ * @example
+ * ```tsx
+ * import { FloatingActionButton, Typography } from "@butternutbox/pawprint-native"
+ *
+ * <FloatingActionButton
+ *   variant="primary"
+ *   linkLabel="Close"
+ *   onLinkPress={dismiss}
+ *   iconButtonIcon="chevronUp"
+ *   iconButtonLabel="View offer"
+ *   onIconButtonPress={openDrawer}
+ * >
+ *   <Typography size="lg" weight="bold">
+ *     Free
+ *   </Typography>{" "}
+ *   gift in your next box
+ * </FloatingActionButton>
+ * ```
+ */
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<View>>;
+
 declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
     contentContainerStyle: StyleProp<ViewStyle>;
 };
 
-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 };
+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, 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 };

package/dist/index.d.ts

@@ -443,17 +443,13 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
  * ```
  *
  * @param illustration - **(required)** Illustration component
-<<<<<<< Updated upstream
  * @param size - *(optional)* Size variant: sm (default), lg, xl, xxl, xxxl
-=======
- * @param size - *(optional)* Size variant: sm (default), lg, xl
  * @param align - *(optional)* Flexbox alignItems (default: center)
  * @param justify - *(optional)* Flexbox justifyContent (default: center)
  * @param flexDirection - *(optional)* Flexbox flex direction
  * @param flexWrap - *(optional)* Flexbox wrap
  * @param alignContent - *(optional)* Flexbox alignContent
  * @param alignSelf - *(optional)* Flexbox alignSelf
->>>>>>> Stashed changes
  * @param aria-label - *(optional)* Accessible label
  */
 declare const Illustration: React.ForwardRefExoticComponent<{
@@ -2529,8 +2525,99 @@ type TabNavigationComponent = React.ForwardRefExoticComponent<TabNavigationProps
 };
 declare const TabNavigation: TabNavigationComponent;
 
+type FloatingActionButtonVariant = "primary" | "secondary";
+type FloatingActionButtonIconButtonIcon = "chevronUp" | "chevronRight" | "close";
+type FloatingActionButtonAnimation = "shine" | "nudge";
+type FloatingActionButtonBaseProps = {
+    variant?: FloatingActionButtonVariant;
+    icon?: PawprintIcon;
+    children: React.ReactNode;
+    linkLabel: string;
+    animation?: FloatingActionButtonAnimation;
+};
+type FloatingActionButtonLinkProps = {
+    linkHref: string;
+    onLinkPress?: () => void;
+} | {
+    linkHref?: string;
+    onLinkPress: () => void;
+};
+type FloatingActionButtonIconButtonProps = {
+    iconButtonIcon: FloatingActionButtonIconButtonIcon;
+    iconButtonLabel: string;
+    iconButtonVariant?: IconButtonVariant;
+    onIconButtonPress?: () => void;
+};
+type FloatingActionButtonOwnProps = FloatingActionButtonBaseProps & FloatingActionButtonLinkProps & FloatingActionButtonIconButtonProps;
+type FloatingActionButtonProps = FloatingActionButtonOwnProps & Omit<ViewProps, keyof FloatingActionButtonBaseProps | "iconButtonIcon">;
+/**
+ * Floating pill that surfaces a short message with a link and an
+ * icon button. Used for persistent prompts such as offers and
+ * reminders.
+ *
+ * The component does not position itself — the consumer is responsible for
+ * placing it (e.g. `position: "absolute"` at the bottom right) so it can avoid
+ * other floating elements on the screen. It fills the width of its container.
+ *
+ * The icon button is always size `md` and limited to three icons: `chevronUp`,
+ * `chevronRight` and `close`. Its style defaults to the Figma pairing —
+ * `filled` (primary) for the chevrons and `text` for `close` — and can be
+ * overridden with `iconButtonVariant`.
+ *
+ * Note: Unlike the web version, handlers are `onLinkPress` and
+ * `onIconButtonPress` (web: `onLinkClick` / `onIconButtonClick`). The shadow
+ * uses `boxShadow`, which requires React Native 0.76+ (New Architecture).
+ *
+ * @param {"primary" | "secondary"} [variant="primary"] - Colour scheme.
+ *   `primary` is pink with a white icon container; `secondary` is white with a
+ *   cream icon container.
+ * @param {PawprintIcon} [icon=Gift] - Icon shown in the circular container on
+ *   the left. Rendered at size `xl` in the primary icon colour.
+ * @param {React.ReactNode} children - Message copy. Nest a bold `Typography`
+ *   to emphasise part of it.
+ * @param {string} linkLabel - Link text shown below the message. Use "Close"
+ *   to dismiss, or e.g. "See more" when the icon button is `close`.
+ * @param {string} [linkHref] - **(required without `onLinkPress`)** URL opened
+ *   via `Linking` when pressed.
+ * @param {() => void} [onLinkPress] - **(required without `linkHref`)** Link
+ *   press handler, e.g. to dismiss, navigate to a screen or open a Modal or
+ *   Drawer. Takes precedence over `linkHref`.
+ * @param {"shine" | "nudge"} [animation] - Optional attention animation, off
+ *   by default. Runs 3 times after a short delay, then stops, and is disabled
+ *   when the user prefers reduced motion. `shine` sweeps a soft highlight
+ *   across the pill; `nudge` moves the chevron towards its direction (no effect
+ *   with `close`).
+ * @param {"chevronUp" | "chevronRight" | "close"} iconButtonIcon - Icon button
+ *   on the right.
+ * @param {"filled" | "outlined" | "text"} [iconButtonVariant] - Icon button
+ *   style. Defaults to `filled` for `chevronUp` / `chevronRight` and `text`
+ *   for `close`.
+ * @param {string} iconButtonLabel - Accessible label for the icon button.
+ * @param {() => void} [onIconButtonPress] - Icon button press handler.
+ *
+ * @example
+ * ```tsx
+ * import { FloatingActionButton, Typography } from "@butternutbox/pawprint-native"
+ *
+ * <FloatingActionButton
+ *   variant="primary"
+ *   linkLabel="Close"
+ *   onLinkPress={dismiss}
+ *   iconButtonIcon="chevronUp"
+ *   iconButtonLabel="View offer"
+ *   onIconButtonPress={openDrawer}
+ * >
+ *   <Typography size="lg" weight="bold">
+ *     Free
+ *   </Typography>{" "}
+ *   gift in your next box
+ * </FloatingActionButton>
+ * ```
+ */
+declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<View>>;
+
 declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
     contentContainerStyle: StyleProp<ViewStyle>;
 };
 
-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 };
+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, 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 };

package/dist/index.js

@@ -11,7 +11,7 @@ import * as AvatarPrimitive from '@rn-primitives/avatar';
 import { Text, View, Animated, Pressable, TextInput, Easing, StyleSheet, useWindowDimensions, PanResponder, Image, ScrollView, Keyboard, ActionSheetIOS, TouchableOpacity, Platform, Modal, TouchableWithoutFeedback, FlatList, Linking, Clipboard, Alert } from 'react-native';
 import Svg, { Path, Defs, LinearGradient, Stop, Rect, G, ClipPath } from 'react-native-svg';
 import * as SwitchPrimitive from '@rn-primitives/switch';
-import Animated10, { Keyframe, Easing as Easing$1, FadeInLeft, FadeInRight, FadeInUp, FadeInDown, FadeIn, FadeOutLeft, FadeOutRight, FadeOutUp, FadeOutDown, FadeOut, useReducedMotion, useSharedValue, withTiming, useAnimatedStyle, ComplexAnimationBuilder, withSpring } from 'react-native-reanimated';
+import Animated10, { Keyframe, Easing as Easing$1, FadeInLeft, FadeInRight, FadeInUp, FadeInDown, FadeIn, FadeOutLeft, FadeOutRight, FadeOutUp, FadeOutDown, FadeOut, useReducedMotion, useSharedValue, withTiming, useAnimatedStyle, ComplexAnimationBuilder, withSpring, withDelay, withRepeat, withSequence } from 'react-native-reanimated';
 import { Slot } from '@rn-primitives/slot';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import * as ProgressPrimitive from '@rn-primitives/progress';
@@ -522,6 +522,7 @@ var Gift = (props, ref) => {
 };
 var ForwardRef29 = forwardRef(Gift);
 ForwardRef29.category = "core";
+var Gift_default = ForwardRef29;
 var HelpOutline = (props, ref) => {
   var _a, _b;
   return /* @__PURE__ */ jsx(Svg, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: (_a = props.width) != null ? _a : 24, height: (_b = props.height) != null ? _b : 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsx(Path, { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47" }) }));
@@ -592,6 +593,7 @@ var KeyboardArrowUp = (props, ref) => {
 };
 var ForwardRef39 = forwardRef(KeyboardArrowUp);
 ForwardRef39.category = "core";
+var KeyboardArrowUp_default = ForwardRef39;
 var KeyboardDoubleArrowDown = (props, ref) => {
   var _a, _b;
   return /* @__PURE__ */ jsx(Svg, __spreadProps2(__spreadValues2(__spreadProps2(__spreadValues2({ xmlns: "http://www.w3.org/2000/svg", width: (_a = props.width) != null ? _a : 24, height: (_b = props.height) != null ? _b : 24 }, { fill: props.color || "currentColor" }), { viewBox: "0 0 24 24", ref }), props), { children: /* @__PURE__ */ jsx(Path, { fillRule: "evenodd", d: "M6.702 12.282a.996.996 0 0 1 1.41 0l3.88 3.88 3.88-3.87a.996.996 0 0 1 1.41 0c.39.39.39 1.02.01 1.4l-4.59 4.59a.996.996 0 0 1-1.41 0l-4.59-4.59a.996.996 0 0 1 0-1.41m-.01-6.59a.995.995 0 0 1 1.41 0l3.89 3.88 3.88-3.87a.996.996 0 0 1 1.41 0c.39.39.39 1.02 0 1.4l-4.59 4.59a.997.997 0 0 1-1.41 0l-4.59-4.59a.995.995 0 0 1 0-1.41", clipRule: "evenodd" }) }));
@@ -12534,7 +12536,273 @@ var TabNavigation = Object.assign(TabNavigationRoot, {
   Tab: TabNavigationTab,
   Panel: TabNavigationPanel
 });
+var parseTokenValue62 = (value) => parseFloat(value);
+var ICON_BUTTON_CONFIG = {
+  chevronUp: { icon: KeyboardArrowUp_default, defaultVariant: "filled" },
+  chevronRight: { icon: KeyboardArrowRight_default, defaultVariant: "filled" },
+  close: { icon: Close_default, defaultVariant: "text" }
+};
+var ANIMATION_DELAY = 1500;
+var ANIMATION_ITERATIONS = 3;
+var SHINE_SWEEP = 1100;
+var SHINE_REST = 4900;
+var SHINE_BAND_RATIO = 0.4;
+var SHINE_OPACITY = 0.55;
+var NUDGE_STEP = 200;
+var NUDGE_REST = 3200;
+var NUDGE_DISTANCE = 3;
+var ShineOverlay = ({
+  radius,
+  highlight
+}) => {
+  const reducedMotion = useReducedMotion();
+  const [width, setWidth] = React66.useState(0);
+  const progress = useSharedValue(0);
+  const bandWidth = width * SHINE_BAND_RATIO;
+  React66.useEffect(() => {
+    if (reducedMotion || !width) return;
+    progress.value = withDelay(
+      ANIMATION_DELAY,
+      withRepeat(
+        withSequence(
+          withTiming(1, {
+            duration: SHINE_SWEEP,
+            easing: Easing$1.inOut(Easing$1.ease)
+          }),
+          withDelay(SHINE_REST, withTiming(0, { duration: 0 }))
+        ),
+        ANIMATION_ITERATIONS
+      )
+    );
+  }, [progress, reducedMotion, width]);
+  const bandStyle = useAnimatedStyle(() => ({
+    transform: [
+      {
+        translateX: -bandWidth * 1.5 + progress.value * (width + bandWidth * 2.5)
+      },
+      { skewX: "-20deg" }
+    ]
+  }));
+  if (reducedMotion) return null;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      pointerEvents: "none",
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      onLayout: (e) => setWidth(e.nativeEvent.layout.width),
+      style: [
+        StyleSheet.absoluteFill,
+        { borderRadius: radius, overflow: "hidden" }
+      ],
+      children: width > 0 && /* @__PURE__ */ jsx(
+        Animated10.View,
+        {
+          style: [
+            { position: "absolute", top: 0, bottom: 0, width: bandWidth },
+            bandStyle
+          ],
+          children: /* @__PURE__ */ jsxs(Svg, { width: "100%", height: "100%", children: [
+            /* @__PURE__ */ jsx(Defs, { children: /* @__PURE__ */ jsxs(LinearGradient, { id: "fabShine", x1: "0", y1: "0", x2: "1", y2: "0", children: [
+              /* @__PURE__ */ jsx(Stop, { offset: "0", stopColor: highlight, stopOpacity: 0 }),
+              /* @__PURE__ */ jsx(
+                Stop,
+                {
+                  offset: "0.5",
+                  stopColor: highlight,
+                  stopOpacity: SHINE_OPACITY
+                }
+              ),
+              /* @__PURE__ */ jsx(Stop, { offset: "1", stopColor: highlight, stopOpacity: 0 })
+            ] }) }),
+            /* @__PURE__ */ jsx(Rect, { width: "100%", height: "100%", fill: "url(#fabShine)" })
+          ] })
+        }
+      )
+    }
+  );
+};
+var createNudgingIcon = (IconComponent, axis, direction) => {
+  var _a;
+  const NudgingIcon = (props) => {
+    const reducedMotion = useReducedMotion();
+    const offset = useSharedValue(0);
+    React66.useEffect(() => {
+      if (reducedMotion) return;
+      const step = (to) => withTiming(to, {
+        duration: NUDGE_STEP,
+        easing: Easing$1.inOut(Easing$1.ease)
+      });
+      const distance = NUDGE_DISTANCE * direction;
+      offset.value = withDelay(
+        ANIMATION_DELAY,
+        withRepeat(
+          withSequence(
+            step(distance),
+            step(0),
+            step(distance),
+            step(0),
+            withDelay(NUDGE_REST, withTiming(0, { duration: 0 }))
+          ),
+          ANIMATION_ITERATIONS
+        )
+      );
+    }, [offset, reducedMotion]);
+    const nudgeStyle = useAnimatedStyle(
+      () => axis === "translateX" ? { transform: [{ translateX: offset.value }] } : { transform: [{ translateY: offset.value }] }
+    );
+    return /* @__PURE__ */ jsx(Animated10.View, { style: nudgeStyle, children: /* @__PURE__ */ jsx(IconComponent, __spreadValues({}, props)) });
+  };
+  NudgingIcon.displayName = `Nudging(${(_a = IconComponent.displayName) != null ? _a : "Icon"})`;
+  return NudgingIcon;
+};
+var NUDGE_ICONS = {
+  chevronUp: createNudgingIcon(KeyboardArrowUp_default, "translateY", -1),
+  chevronRight: createNudgingIcon(KeyboardArrowRight_default, "translateX", 1)
+};
+var StyledRoot18 = styled51(View)(
+  ({
+    rootGap,
+    rootPaddingH,
+    rootPaddingV,
+    rootBgColor,
+    rootBorderWidth,
+    rootBorderColor,
+    rootBorderRadius,
+    rootBoxShadow
+  }) => ({
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    gap: rootGap,
+    paddingHorizontal: rootPaddingH,
+    paddingVertical: rootPaddingV,
+    backgroundColor: rootBgColor,
+    borderWidth: rootBorderWidth,
+    borderColor: rootBorderColor,
+    borderRadius: rootBorderRadius,
+    boxShadow: rootBoxShadow
+  })
+);
+var StyledIconContainer = styled51(View)(({ containerSize, containerRadius, containerBgColor }) => ({
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  width: containerSize,
+  height: containerSize,
+  borderRadius: containerRadius,
+  backgroundColor: containerBgColor
+}));
+var StyledContent3 = styled51(View)({
+  flex: 1,
+  minWidth: 0,
+  alignItems: "flex-start",
+  justifyContent: "center"
+});
+var FloatingActionButton = React66.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      variant = "primary",
+      icon = Gift_default,
+      children,
+      linkLabel,
+      linkHref,
+      onLinkPress,
+      animation,
+      iconButtonIcon,
+      iconButtonLabel,
+      iconButtonVariant,
+      onIconButtonPress
+    } = _b, rest = __objRest(_b, [
+      "variant",
+      "icon",
+      "children",
+      "linkLabel",
+      "linkHref",
+      "onLinkPress",
+      "animation",
+      "iconButtonIcon",
+      "iconButtonLabel",
+      "iconButtonVariant",
+      "onIconButtonPress"
+    ]);
+    const theme2 = useTheme();
+    const { floatingActionButton } = theme2.tokens.components;
+    const { colour, dimensions: dimensions3 } = theme2.tokens.semantics;
+    const { shadow } = colour;
+    const iconButton = ICON_BUTTON_CONFIG[iconButtonIcon];
+    const iconButtonElement = /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: animation === "nudge" && iconButtonIcon !== "close" ? NUDGE_ICONS[iconButtonIcon] : iconButton.icon,
+        variant: iconButtonVariant != null ? iconButtonVariant : iconButton.defaultVariant,
+        size: "md",
+        "aria-label": iconButtonLabel,
+        onPress: onIconButtonPress
+      }
+    );
+    return /* @__PURE__ */ jsxs(
+      StyledRoot18,
+      __spreadProps(__spreadValues({
+        ref,
+        rootGap: parseTokenValue62(floatingActionButton.spacing.gap),
+        rootPaddingH: parseTokenValue62(
+          floatingActionButton.spacing.horizontalPadding
+        ),
+        rootPaddingV: parseTokenValue62(
+          floatingActionButton.spacing.verticalPadding
+        ),
+        rootBgColor: floatingActionButton.colour.background[variant],
+        rootBorderWidth: parseTokenValue62(
+          floatingActionButton.borderWidth.default
+        ),
+        rootBorderColor: floatingActionButton.colour.border[variant],
+        rootBorderRadius: parseTokenValue62(
+          floatingActionButton.borderRadius.default
+        ),
+        rootBoxShadow: `${shadow.md.offsetX} ${shadow.md.offsetY} ${shadow.md.blur} ${shadow.md.spread} ${shadow.md.color}`
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx(
+            StyledIconContainer,
+            {
+              containerSize: parseTokenValue62(
+                theme2.tokens.primitives.dimension.sizing["44"]
+              ),
+              containerRadius: parseTokenValue62(dimensions3.borderRadius.round),
+              containerBgColor: variant === "secondary" ? colour.background.container.secondary : colour.background.container.default,
+              children: /* @__PURE__ */ jsx(Icon, { icon, size: "xl", colour: "primary" })
+            }
+          ),
+          /* @__PURE__ */ jsxs(StyledContent3, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body", size: "lg", weight: "medium", children }),
+            /* @__PURE__ */ jsx(
+              Link,
+              __spreadProps(__spreadValues({
+                href: linkHref,
+                onPress: onLinkPress,
+                size: "md",
+                weight: "medium"
+              }, !linkHref && { accessibilityRole: "button" }), {
+                children: linkLabel
+              })
+            )
+          ] }),
+          iconButtonElement,
+          animation === "shine" && /* @__PURE__ */ jsx(
+            ShineOverlay,
+            {
+              radius: parseTokenValue62(floatingActionButton.borderRadius.default),
+              highlight: theme2.tokens.primitives.colour.system.neutral["1"]
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+FloatingActionButton.displayName = "FloatingActionButton";
 
-export { Accordion, Animated5 as Animated, Avatar, Badge, Button, ButtonDock, ButtonGroup, CarouselControls, Checkbox, CheckboxGroup, CopyField, CopyFieldInput, Countdown, DatePicker, Divider, Drawer, FilterTab, Hint, Icon, IconButton, Illustration, Input, InputDescription, InputError, InputField, InputLabel, InputText, Link, Logo, Menu2 as Menu, MenuItem, MessageCard, MessageCardBanner, MessageCardInsight, NativeSelectPicker, Notification, NumberField, NumberInput, NumberInputField, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, PasswordFieldRequirements, PawprintProvider, PictureSelector, ProductDisplayCard, ProductListingCardWithBadgeAndGrid as ProductListingCard, Progress, Radio, RadioGroup, RadioTile, SearchField, SearchFieldInput, SegmentedControl, SelectField, SelectFieldContent, SelectFieldItem, SelectFieldTrigger, SelectFieldValue, Slider, Spinner, StackedNotifications, Switch, TabNavigation, Tag, TextArea, TextAreaField, TextAreaLabel, ThemeProvider, Tooltip, Typography, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
+export { Accordion, Animated5 as Animated, Avatar, Badge, Button, ButtonDock, ButtonGroup, CarouselControls, Checkbox, CheckboxGroup, CopyField, CopyFieldInput, Countdown, DatePicker, Divider, Drawer, FilterTab, FloatingActionButton, Hint, Icon, IconButton, Illustration, Input, InputDescription, InputError, InputField, InputLabel, InputText, Link, Logo, Menu2 as Menu, MenuItem, MessageCard, MessageCardBanner, MessageCardInsight, NativeSelectPicker, Notification, NumberField, NumberInput, NumberInputField, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, PasswordFieldRequirements, PawprintProvider, PictureSelector, ProductDisplayCard, ProductListingCardWithBadgeAndGrid as ProductListingCard, Progress, Radio, RadioGroup, RadioTile, SearchField, SearchFieldInput, SegmentedControl, SelectField, SelectFieldContent, SelectFieldItem, SelectFieldTrigger, SelectFieldValue, Slider, Spinner, StackedNotifications, Switch, TabNavigation, Tag, TextArea, TextAreaField, TextAreaLabel, ThemeProvider, Tooltip, Typography, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map