@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/typescript/src/components/popover/popover.types.d.ts

@@ -0,0 +1,336 @@
+import type BottomSheet from '@gorhom/bottom-sheet';
+import type { ReactNode } from 'react';
+import type { StyleProp, TextProps, ViewStyle } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import type { AnimationRoot, PopupOverlayAnimation, PopupPopoverContentAnimation, PopupRootAnimationConfig } from '../../helpers/types/animation';
+import type { BaseBottomSheetContentProps } from '../../helpers/types/bottom-sheet';
+import type * as PopoverPrimitivesTypes from '../../primitives/popover/popover.types';
+/**
+ * Popover internal state for animation coordination
+ */
+export type PopoverState = 'idle' | 'open' | 'close';
+/**
+ * Context value for popover animation state
+ */
+export interface PopoverAnimationContextValue {
+    /** Extended internal state for animation control */
+    popoverState: PopoverState;
+    /** Animation progress shared value (0=idle, 1=open, 2=close) */
+    progress: SharedValue<number>;
+    /** Dragging state shared value */
+    isDragging: SharedValue<boolean>;
+}
+/**
+ * Ref type for the Popover Trigger component
+ */
+export type PopoverTriggerRef = PopoverPrimitivesTypes.TriggerRef;
+/**
+ * Presentation mode for the popover content
+ */
+export type PopoverPresentation = 'popover' | 'bottom-sheet';
+/**
+ * Popover placement options
+ */
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Popover alignment options
+ */
+export type PopoverAlign = 'start' | 'center' | 'end';
+/**
+ * Popover context value with presentation and placement
+ */
+export interface PopoverContentContextValue {
+    /**
+     * Current placement of the popover
+     */
+    placement?: PopoverPlacement;
+}
+/**
+ * Animation configuration for Popover root component
+ */
+export type PopoverRootAnimation = AnimationRoot<PopupRootAnimationConfig>;
+/**
+ * Popover Root component props
+ */
+export interface PopoverRootProps extends PopoverPrimitivesTypes.RootProps {
+    /**
+     * The content of the popover
+     */
+    children?: ReactNode;
+    /**
+     * The controlled open state of the popover
+     */
+    isOpen?: boolean;
+    /**
+     * The open state of the popover when initially rendered (uncontrolled)
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * Delay in milliseconds before the popover closes (for exit animations)
+     * @default 400
+     */
+    closeDelay?: number;
+    /**
+     * Animation configuration for popover root
+     * - `"disable-all"`: Disable all animations including children
+     * - `false` or `"disabled"`: Disable only root animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: PopoverRootAnimation;
+}
+/**
+ * Popover Trigger component props
+ */
+export interface PopoverTriggerProps extends PopoverPrimitivesTypes.TriggerProps {
+    /**
+     * The trigger element content
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class for the trigger
+     */
+    className?: string;
+}
+/**
+ * Popover Portal component props
+ */
+export interface PopoverPortalProps extends PopoverPrimitivesTypes.PortalProps {
+    /**
+     * Additional CSS class for the portal container
+     */
+    className?: string;
+    /**
+     * The portal content
+     */
+    children: ReactNode;
+}
+/**
+ * Animation configuration for Popover Overlay component
+ */
+export type PopoverOverlayAnimation = PopupOverlayAnimation;
+/**
+ * Popover Overlay component props
+ */
+export interface PopoverOverlayProps extends PopoverPrimitivesTypes.OverlayProps {
+    /**
+     * Additional CSS class for the overlay
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for overlay show/hide transitions (idle: 0, open: 1, close: 0)
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <Popover.Overlay
+     *   animation={{
+     *     opacity: { value: [0, 1, 0] }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Animation configuration for overlay
+     * - `"disable-all"`: Disable all animations including children
+     * - `false` or `"disabled"`: Disable only overlay animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: PopoverOverlayAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Popover Content props for 'popover' presentation
+ */
+export interface PopoverContentPopoverProps extends PopoverPrimitivesTypes.ContentProps {
+    /**
+     * Additional CSS class for the content container
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `opacity` - Animated for content show/hide transitions (idle: 0, open: 1, close: 0)
+     * - `transform` (specifically `scale`, `translateX`, `translateY`) - Animated for content show/hide transitions (scale: idle: 0.95, open: 1, close: 0.95; translateX/translateY: based on placement)
+     * - `transformOrigin` - Animated for content show/hide transitions (based on placement: 'top', 'bottom', 'left', 'right')
+     *
+     * To customize these properties, use the `animation` prop:
+     * ```tsx
+     * <Popover.Content
+     *   animation={{
+     *     opacity: { value: [0, 1, 0] },
+     *     scale: { value: [0.95, 1, 0.95] },
+     *     translateX: { value: [4, 0, 4] },
+     *     translateY: { value: [4, 0, 4] },
+     *     transformOrigin: { value: 'top' }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * The popover content
+     */
+    children?: ReactNode;
+    /**
+     * Presentation mode for the popover
+     */
+    presentation?: 'popover';
+    /**
+     * Animation configuration for content
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: PopupPopoverContentAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Popover Content props for 'bottom-sheet' presentation
+ */
+export interface PopoverContentBottomSheetProps extends Partial<React.ComponentProps<typeof BottomSheet>>, BaseBottomSheetContentProps {
+    /**
+     * Presentation mode for the popover
+     */
+    presentation: 'bottom-sheet';
+}
+/**
+ * Popover Content component props
+ */
+export type PopoverContentProps = PopoverContentPopoverProps | PopoverContentBottomSheetProps;
+/**
+ * Popover Close component props
+ */
+export interface PopoverCloseProps extends PopoverPrimitivesTypes.CloseProps {
+    /**
+     * Additional CSS class for the close button
+     */
+    className?: string;
+    /**
+     * The close button content
+     */
+    children?: ReactNode;
+    /**
+     * Close icon props
+     */
+    iconProps?: PopoverCloseIconProps;
+}
+/**
+ * Close icon props
+ */
+export interface PopoverCloseIconProps {
+    /**
+     * Size of the close icon
+     * @default 18
+     */
+    size?: number;
+    /**
+     * Color of the close icon
+     * @default --colors.muted
+     */
+    color?: string;
+}
+/**
+ * Popover Title component props
+ */
+export interface PopoverTitleProps extends TextProps {
+    /**
+     * Additional CSS class for the title
+     */
+    className?: string;
+}
+/**
+ * Popover Description component props
+ */
+export interface PopoverDescriptionProps extends TextProps {
+    /**
+     * Additional CSS class for the description
+     */
+    className?: string;
+}
+/**
+ * Return type for the usePopover hook
+ */
+export type UsePopoverReturn = PopoverPrimitivesTypes.IRootContext;
+/**
+ * Popover Arrow component props
+ */
+export interface PopoverArrowProps {
+    /**
+     * The arrow content
+     */
+    children?: ReactNode;
+    /**
+     * Style for the arrow
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Additional CSS class for the arrow
+     */
+    className?: string;
+    /**
+     * Height of the arrow in pixels
+     * @default 8
+     */
+    height?: number;
+    /**
+     * Width of the arrow in pixels
+     * @default 16
+     */
+    width?: number;
+    /**
+     * Fill color of the arrow (defaults to content background)
+     */
+    fill?: string;
+    /**
+     * Stroke (border) color of the arrow (defaults to content border color)
+     */
+    stroke?: string;
+    /**
+     * Stroke width of the arrow border in pixels
+     * @default 1
+     */
+    strokeWidth?: number;
+    /**
+     * Baseline inset in pixels for stroke alignment (defaults to 1)
+     * Set this to match the popover's border width so the arrow stroke
+     * aligns seamlessly with the popover border. For example, if your
+     * popover has a 2px border, set this to 2
+     */
+    strokeBaselineInset?: number;
+    /**
+     * Placement of the popover (inherited from content)
+     */
+    placement?: PopoverPlacement;
+}
+/**
+ * Return type for the usePopoverAnimation hook
+ */
+export interface UsePopoverAnimationReturn {
+    /**
+     * Extended internal state for coordinating animations
+     */
+    popoverState: PopoverState;
+    /**
+     * Animation progress shared value (0=idle, 1=open, 2=close)
+     */
+    progress: SharedValue<number>;
+    /**
+     * Dragging state shared value
+     */
+    isDragging: SharedValue<boolean>;
+}
+//# sourceMappingURL=popover.types.d.ts.map

package/lib/typescript/src/components/popover/popover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/pressable-feedback/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PressableFeedback } from './pressable-feedback';
+export type * from './pressable-feedback.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/pressable-feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACpE,mBAAmB,4BAA4B,CAAC"}

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.animation.d.ts

@@ -0,0 +1,75 @@
+import type { GestureResponderEvent } from 'react-native';
+import type { PressableFeedbackHighlightAnimation, PressableFeedbackRippleAnimation, PressableFeedbackRootAnimation, PressableFeedbackRootAnimationContextValue } from './pressable-feedback.types';
+declare const PressableFeedbackRootAnimationProvider: import("react").Provider<PressableFeedbackRootAnimationContextValue>, usePressableFeedbackRootAnimationContext: () => PressableFeedbackRootAnimationContextValue;
+export { PressableFeedbackRootAnimationProvider, usePressableFeedbackRootAnimationContext, };
+/**
+ * Animation hook for PressableFeedback root component
+ * Handles scale animation only
+ */
+export declare function usePressableFeedbackRootAnimation(options: {
+    animation?: PressableFeedbackRootAnimation;
+}): {
+    rContainerStyle: {
+        transform: {
+            scale: number;
+        }[];
+    };
+    isAllAnimationsDisabled: boolean;
+    animationOnPressIn: () => void;
+    animationOnPressOut: () => void;
+    isPressed: import("react-native-reanimated").SharedValue<boolean>;
+    containerWidth: import("react-native-reanimated").SharedValue<number>;
+    containerHeight: import("react-native-reanimated").SharedValue<number>;
+};
+/**
+ * Animation hook for PressableFeedback highlight overlay
+ * Handles opacity and background color animations for the highlight effect
+ */
+export declare function usePressableFeedbackHighlightAnimation(options: {
+    animation?: PressableFeedbackHighlightAnimation;
+}): {
+    rContainerStyle: {
+        backgroundColor?: undefined;
+        opacity?: undefined;
+    } | {
+        backgroundColor: string;
+        opacity: number;
+    };
+};
+/**
+ * Animation hook for PressableFeedback ripple effect
+ * Handles ripple circle animation with radial gradient
+ */
+export declare function usePressableFeedbackRippleAnimation(options: {
+    animation?: PressableFeedbackRippleAnimation;
+}): {
+    rContainerStyle: {
+        width?: undefined;
+        height?: undefined;
+        borderRadius?: undefined;
+        opacity?: undefined;
+        transform?: undefined;
+    } | {
+        width: number;
+        height: number;
+        borderRadius: number;
+        opacity: number;
+        transform: ({
+            translateX: number;
+            translateY?: undefined;
+            scale?: undefined;
+        } | {
+            translateY: number;
+            translateX?: undefined;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateX?: undefined;
+            translateY?: undefined;
+        })[];
+    };
+    backgroundColor: string;
+    animationOnTouchStart: (event: GestureResponderEvent) => void;
+    animationOnTouchEnd: () => void;
+};
+//# sourceMappingURL=pressable-feedback.animation.d.ts.map

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-feedback.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/pressable-feedback.animation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAyB1D,OAAO,KAAK,EACV,mCAAmC,EACnC,gCAAgC,EAChC,8BAA8B,EAC9B,0CAA0C,EAC3C,MAAM,4BAA4B,CAAC;AAEpC,QAAA,MACE,sCAAsC,wEACtC,wCAAwC,kDAGxC,CAAC;AAEH,OAAO,EACL,sCAAsC,EACtC,wCAAwC,GACzC,CAAC;AAIF;;;GAGG;AACH,wBAAgB,iCAAiC,CAAC,OAAO,EAAE;IACzD,SAAS,CAAC,EAAE,8BAA8B,CAAC;CAC5C;;;;;;;;;;;;EA4FA;AAID;;;GAGG;AACH,wBAAgB,sCAAsC,CAAC,OAAO,EAAE;IAC9D,SAAS,CAAC,EAAE,mCAAmC,CAAC;CACjD;;;;;;;;EAuDA;AAID;;;GAGG;AACH,wBAAgB,mCAAmC,CAAC,OAAO,EAAE;IAC3D,SAAS,CAAC,EAAE,gCAAgC,CAAC;CAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAqDW,qBAAqB;;EA0GhC"}

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.constants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Display names for PressableFeedback components
+ */
+export declare const DISPLAY_NAME: {
+    readonly ROOT: "HeroUINative.PressableFeedback.Root";
+    readonly HIGHLIGHT: "HeroUINative.PressableFeedback.Highlight";
+    readonly RIPPLE: "HeroUINative.PressableFeedback.Ripple";
+};
+export declare const BASE_RIPPLE_PROGRESS_DURATION = 1000;
+export declare const BASE_RIPPLE_PROGRESS_DURATION_MIN = 750;
+//# sourceMappingURL=pressable-feedback.constants.d.ts.map

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-feedback.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/pressable-feedback.constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,6BAA6B,OAAO,CAAC;AAClD,eAAO,MAAM,iCAAiC,MAAM,CAAC"}

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.d.ts

@@ -0,0 +1,31 @@
+import { View } from 'react-native';
+import type { PressableFeedbackHighlightProps, PressableFeedbackProps, PressableFeedbackRippleProps } from './pressable-feedback.types';
+/**
+ * Container component that provides visual feedback for press interactions with automatic scale animation.
+ *
+ * @component PressableFeedback
+ * @description Wraps content to provide consistent press feedback across the app. Features platform-aware
+ * feedback with highlight effect (iOS-style) or ripple effect (Android-style) that emanates from press point.
+ * Includes intelligent scale animation that automatically adjusts based on container size for consistent feel.
+ * @features
+ * - Automatic scale animation with smart size adjustment
+ * - Customizable animations for opacity, color, duration, and scale
+ * - Full gesture handling with press, long press, and disabled states
+ * - Used as foundation for interactive components like Button, Card, and Accordion
+ *
+ * @component PressableFeedback.Highlight
+ * @description Highlight component that renders highlight feedback effect (iOS-style).
+ * Must be used within PressableFeedback component. Uses root's isPressed state from context.
+ *
+ * @component PressableFeedback.Ripple
+ * @description Ripple component that renders ripple feedback effect (Android-style).
+ * Must be used within PressableFeedback component. Handles touch events to track position.
+ */
+declare const PressableFeedbackCompound: import("react").ForwardRefExoticComponent<PressableFeedbackProps & import("react").RefAttributes<View>> & {
+    /** Highlight component that renders highlight feedback effect */
+    Highlight: import("react").ForwardRefExoticComponent<PressableFeedbackHighlightProps & import("react").RefAttributes<View>>;
+    /** Ripple component that renders ripple feedback effect */
+    Ripple: import("react").ForwardRefExoticComponent<PressableFeedbackRippleProps & import("react").RefAttributes<View>>;
+};
+export default PressableFeedbackCompound;
+//# sourceMappingURL=pressable-feedback.d.ts.map

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-feedback.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/pressable-feedback.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,IAAI,EAGL,MAAM,cAAc,CAAC;AAetB,OAAO,KAAK,EACV,+BAA+B,EAC/B,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,4BAA4B,CAAC;AA6OpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,yBAAyB;IAC7B,iEAAiE;;IAEjE,2DAA2D;;CAE3D,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.styles.d.ts

@@ -0,0 +1,105 @@
+/**
+ * PressableFeedback ripple style definition
+ *
+ * Contains two slots:
+ * - `container`: Outer container (`absolute inset-0`) that handles touch events and positioning - styles can be fully customized
+ * - `ripple`: Inner ripple element (`absolute top-0 left-0 rounded-full`) that contains animated styles
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className on the `ripple` slot only):
+ * The following properties on the `ripple` slot are animated and cannot be overridden using Tailwind classes:
+ * - `width`, `height`, `borderRadius` - Animated for ripple circle size calculations (based on container diagonal)
+ * - `opacity` - Animated for ripple visibility transitions (unpressed: 0, expanding: 0.1, fading: 0)
+ * - `transform` (specifically `translateX`, `translateY`, `scale`) - Animated for ripple position and expansion from touch point
+ *
+ * The `container` slot styles can be fully customized via className or `classNames.container`.
+ *
+ * To customize the animated properties on the `ripple` slot, use the `animation` prop on `PressableFeedback.Ripple`:
+ * ```tsx
+ * <PressableFeedback.Ripple
+ *   animation={{
+ *     opacity: { value: [0, 0.1, 0], timingConfig: { duration: 400 } },
+ *     scale: { value: [0, 1, 1] },
+ *     backgroundColor: { value: '#3f3f46' }
+ *   }}
+ * />
+ * ```
+ *
+ * Touch handlers (`onTouchStart`, `onTouchEnd`, `onTouchCancel`) can be customized via props and will be called alongside animation handlers.
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `PressableFeedback.Ripple`.
+ */
+declare const ripple: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+            ripple?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+            ripple?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    ripple: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            container?: import("tailwind-merge").ClassNameValue;
+            ripple?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    ripple: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    container: string;
+    ripple: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const pressableFeedbackStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "overflow-hidden", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "overflow-hidden", unknown, unknown, undefined>>;
+    highlight: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute inset-0", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute inset-0", unknown, unknown, undefined>>;
+    ripple: import("tailwind-variants").TVReturnType<{
+        [key: string]: {
+            [key: string]: import("tailwind-merge").ClassNameValue | {
+                container?: import("tailwind-merge").ClassNameValue;
+                ripple?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {
+        [x: string]: {
+            [x: string]: import("tailwind-merge").ClassNameValue | {
+                container?: import("tailwind-merge").ClassNameValue;
+                ripple?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {}, {
+        container: string;
+        ripple: string;
+    }, undefined, {
+        [key: string]: {
+            [key: string]: import("tailwind-merge").ClassNameValue | {
+                container?: import("tailwind-merge").ClassNameValue;
+                ripple?: import("tailwind-merge").ClassNameValue;
+            };
+        };
+    } | {}, {
+        container: string;
+        ripple: string;
+    }, import("tailwind-variants").TVReturnType<unknown, {
+        container: string;
+        ripple: string;
+    }, undefined, unknown, unknown, undefined>>;
+}>;
+export declare const styleSheet: {
+    root: {
+        borderCurve: "continuous";
+    };
+};
+export type RippleSlots = keyof ReturnType<typeof ripple>;
+export default pressableFeedbackStyles;
+//# sourceMappingURL=pressable-feedback.styles.d.ts.map

package/lib/typescript/src/components/pressable-feedback/pressable-feedback.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-feedback.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable-feedback/pressable-feedback.styles.ts"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAKV,CAAC;AAEH,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI3B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAE1D,eAAe,uBAAuB,CAAC"}