panelui-native 0.28.1 → 0.32.0

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

@@ -0,0 +1,238 @@
+/**
+ * Plan — what an agent intends to do, before it does it.
+ *
+ * A card rather than a run of rows, because a plan is a thing the reader is
+ * being asked to approve: it needs an edge around it so that where it starts
+ * and stops is not a matter of interpretation, and a footer that can hold the
+ * button that approves it.
+ *
+ * The body is a rail of steps rather than prose, because a plan is an ordered
+ * list of things that will happen and the reader's question is always *which
+ * one is running*. A paragraph describing the same four steps cannot be glanced
+ * at to answer that; a column of markers can. The rail fills behind the steps
+ * that are done, so progress is legible from its left edge alone, and
+ * `Plan.Steps` counts itself so `Plan.Progress` can say `2 of 4` up in the
+ * header without the total being stated twice.
+ *
+ * It streams. `isStreaming` puts a shimmer on the title, the description and
+ * the one step that is running, which is the honest way to render text that is
+ * still arriving — the alternative is a title that grows a word at a time and
+ * reads as finished at every intermediate length.
+ *
+ * ```tsx
+ * <Plan isStreaming={streaming}>
+ *   <Plan.Header>
+ *     <Plan.Icon><FileIcon size={16} /></Plan.Icon>
+ *     <Plan.Title>Migrate the calendar</Plan.Title>
+ *     <Plan.Description>Four files, no API change.</Plan.Description>
+ *     <Plan.Action>
+ *       <Plan.Progress />
+ *       <Plan.Trigger />
+ *     </Plan.Action>
+ *   </Plan.Header>
+ *   <Plan.Content>
+ *     <Plan.Steps>
+ *       <Plan.Step status="done" meta="utils/date.ts">Read the date utils</Plan.Step>
+ *       <Plan.Step status="active">Replace the month grid</Plan.Step>
+ *       <Plan.Step>Update the docs page</Plan.Step>
+ *     </Plan.Steps>
+ *   </Plan.Content>
+ *   <Plan.Footer>
+ *     <Button variant="outline">Revise</Button>
+ *     <Button>Approve</Button>
+ *   </Plan.Footer>
+ * </Plan>
+ * ```
+ *
+ * ## Where the props come from
+ *
+ * With the AI SDK a plan is usually an `experimental_useObject` stream, where
+ * `isStreaming` is the hook's `isLoading` and the fields arrive one at a time —
+ * which is exactly the case the shimmer exists for, since a partial object has
+ * a title before it has anything else.
+ */
+import { type ReactNode } from 'react';
+import { type PressableProps, type ViewProps } from 'react-native';
+import { type TextProps } from '../../primitives/text.js';
+export type PlanStepStatus = 'pending' | 'active' | 'done' | 'skipped';
+/** How far down the rail the plan has got. Reported by `Plan.Steps`. */
+export interface PlanStepCounts {
+    done: number;
+    total: number;
+}
+export interface PlanProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** Whether the plan is still being written. Shimmers the title and description. */
+    isStreaming?: boolean;
+    /** Controlled open state of the body. */
+    open?: boolean;
+    /** Initial state when uncontrolled. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+}
+declare function PlanRoot({ className, isStreaming, open: openProp, defaultOpen, onOpenChange, children, ...props }: PlanProps): import("react").JSX.Element;
+declare namespace PlanRoot {
+    var displayName: string;
+}
+export interface PlanHeaderProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * The title, the description and whatever acts on them.
+ *
+ * The heading is wrapped in a column of its own so the action stays pinned to
+ * the trailing edge as the title wraps, rather than riding down with it. An
+ * icon is pulled out to the leading edge for the same reason, in the other
+ * direction — a badge that rode down with a wrapping title would stop reading
+ * as a badge for the plan.
+ */
+declare function PlanHeader({ className, children, ...props }: PlanHeaderProps): import("react").JSX.Element;
+declare namespace PlanHeader {
+    var displayName: string;
+}
+export interface PlanIconProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** A badge on the header's leading edge — what kind of plan this is. */
+declare function PlanIcon({ className, children, ...props }: PlanIconProps): import("react").JSX.Element;
+declare namespace PlanIcon {
+    var displayName: string;
+}
+export interface PlanTitleProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** The plan's name. Shimmers while it is still being written. */
+declare function PlanTitle({ className, children, ...props }: PlanTitleProps): import("react").JSX.Element;
+declare namespace PlanTitle {
+    var displayName: string;
+}
+export interface PlanDescriptionProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare function PlanDescription({ className, children, ...props }: PlanDescriptionProps): import("react").JSX.Element;
+declare namespace PlanDescription {
+    var displayName: string;
+}
+export interface PlanActionProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** Pinned to the header's trailing edge — the toggle, a badge, a menu. */
+declare function PlanAction({ className, children, ...props }: PlanActionProps): import("react").JSX.Element;
+declare namespace PlanAction {
+    var displayName: string;
+}
+export interface PlanTriggerProps extends Omit<PressableProps, 'children' | 'style'> {
+    className?: string;
+    children?: ReactNode;
+}
+/** Folds the body away. Its chevron turns to point at the state it will reach. */
+declare function PlanTrigger({ className, children, onPress, ...props }: PlanTriggerProps): import("react").JSX.Element;
+declare namespace PlanTrigger {
+    var displayName: string;
+}
+export interface PlanContentProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+/** The steps. Collapses rather than unmounting, so it can still be growing. */
+declare function PlanContent({ className, children, ...props }: PlanContentProps): import("react").JSX.Element;
+declare namespace PlanContent {
+    var displayName: string;
+}
+export interface PlanStepsProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * The rail. A plan is an ordered list of things that will happen, and this is
+ * the list — a paragraph describing the same four steps cannot be glanced at to
+ * see which one is running.
+ *
+ * It counts its own steps and reports the count up, which is what lets
+ * `Plan.Progress` sit in the header without the caller stating the total twice.
+ */
+declare function PlanSteps({ className, children, ...props }: PlanStepsProps): import("react").JSX.Element;
+declare namespace PlanSteps {
+    var displayName: string;
+}
+export interface PlanStepProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** How far this step has got. Decides the marker, the title and the rail below it. */
+    status?: PlanStepStatus;
+    /** A line under the title — what the step will touch, or what it found. */
+    description?: ReactNode;
+    /** A file path, a count, a duration. Rendered as a small mono chip. */
+    meta?: ReactNode;
+    /** Drop the connector below this step. `Plan.Steps` sets it for you. */
+    last?: boolean;
+    children?: ReactNode;
+}
+/**
+ * One step. The marker says which of the four states it is in and the rail
+ * below it is filled once it is done, so the plan's progress is legible from
+ * the shape of the left-hand column alone.
+ */
+declare function PlanStep({ className, status, description, meta, last, children, ...props }: PlanStepProps): import("react").JSX.Element;
+declare namespace PlanStep {
+    var displayName: string;
+}
+export interface PlanProgressProps extends TextProps {
+    className?: string;
+    /** Steps settled so far. Defaults to what `Plan.Steps` counted. */
+    value?: number;
+    /** Steps in total. Defaults to what `Plan.Steps` counted. */
+    total?: number;
+}
+/**
+ * How far down the rail the plan has got, as `2 of 4`. Renders nothing until
+ * there is a rail to count — a plan with no steps has no progress to report,
+ * and `0 of 0` is worse than silence.
+ */
+declare function PlanProgress({ className, value, total, ...props }: PlanProgressProps): import("react").JSX.Element | null;
+declare namespace PlanProgress {
+    var displayName: string;
+}
+export interface PlanFooterProps extends ViewProps {
+    className?: string;
+    /**
+     * How the actions divide the row. `stretch` splits it between them, which is
+     * what a phone wants: the decision is the point of the card, and the two
+     * buttons that make it should be the width of a thumb. `end` packs them
+     * against the trailing edge for a plan sitting inside something denser.
+     */
+    layout?: 'stretch' | 'end';
+    children?: ReactNode;
+}
+/**
+ * Where the buttons that answer the plan go.
+ *
+ * Each action takes an equal share of the row by default. A pair of small
+ * buttons hugging the trailing corner is a pointer-and-cursor shape; on a phone
+ * the answer to "shall I do this" is the most important control on the screen
+ * and wants to be hit without aiming.
+ */
+declare function PlanFooter({ className, layout, children, ...props }: PlanFooterProps): import("react").JSX.Element;
+declare namespace PlanFooter {
+    var displayName: string;
+}
+export declare const Plan: typeof PlanRoot & {
+    Header: typeof PlanHeader;
+    Icon: typeof PlanIcon;
+    Title: typeof PlanTitle;
+    Description: typeof PlanDescription;
+    Action: typeof PlanAction;
+    Progress: typeof PlanProgress;
+    Trigger: typeof PlanTrigger;
+    Content: typeof PlanContent;
+    Steps: typeof PlanSteps;
+    Step: typeof PlanStep;
+    Footer: typeof PlanFooter;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/plan/index.d.ts.map

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

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

@@ -85,6 +85,40 @@ export interface PopoverContentProps extends ViewProps {
      * content into a column.
      */
     minWidth?: number;
+    /**
+     * Ceiling for the panel's height, in pixels. Always clamped to the room
+     * inside the safe area, which is also the default — a panel is never
+     * positioned so that part of it falls off the screen, because the part that
+     * falls off cannot be scrolled back into view.
+     */
+    maxHeight?: number;
+    /**
+     * Scroll the panel's body when it is taller than `maxHeight`.
+     *
+     * Off by default, because a popover is usually a paragraph or a short form
+     * and a scroller around either one only adds a bounce. Worth turning on for
+     * a list of unknown length, which is the case where the cap actually bites.
+     *
+     * The spacing between children moves to the scroller's content when this is
+     * set; `className` still dresses the panel itself.
+     */
+    scrollable?: boolean;
+    /**
+     * Drop the panel's own surface — its background, border, radius, padding and
+     * shadow — and keep only its position and its size. For a caller that draws
+     * the surface itself, so that something can be put *behind* the content
+     * rather than layered on top of a background that is already painted.
+     *
+     * The panel is still clipped to a rounded rectangle, because a surface drawn
+     * inside it has to have something to be clipped by.
+     */
+    unstyled?: boolean;
+    /**
+     * A layer drawn inside the panel, behind its content — and, crucially,
+     * outside its scroller, so that a surface does not scroll away with the rows
+     * on top of it. Pair it with `unstyled` to own the panel's appearance.
+     */
+    background?: ReactNode;
     /** Tap outside the panel closes it. Default true. */
     dismissible?: boolean;
     /**
@@ -95,7 +129,7 @@ export interface PopoverContentProps extends ViewProps {
     blur?: boolean;
     children?: ReactNode;
 }
-declare function PopoverContent({ className, placement, align, offset, alignOffset, width, minWidth, dismissible, blur, children, onLayout: onLayoutProp, style, ...props }: PopoverContentProps): import("react").JSX.Element | null;
+declare function PopoverContent({ className, placement, align, offset, alignOffset, width, minWidth, maxHeight, scrollable, unstyled, background, dismissible, blur, children, onLayout: onLayoutProp, style, ...props }: PopoverContentProps): import("react").JSX.Element | null;
 export interface PopoverArrowProps extends ViewProps {
     className?: string;
 }

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

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

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

@@ -0,0 +1,358 @@
+/**
+ * Post — a card carrying something somebody said, and what everyone did about it.
+ *
+ * Four shapes, because a feed is not one thing. `feed` is the full card: author,
+ * body, media and a row of counts. `vote` puts a score pill beside a headline
+ * and a thumbnail, the way a ranked community reads. `compact` drops the media
+ * and puts the name and handle on one line, for a dense timeline. `media` gives
+ * the image the whole card and lays the author over it.
+ *
+ * What they share is the anatomy — the same `Post.Header`, `Post.Body`,
+ * `Post.Footer` in every one — so moving between them is a prop rather than a
+ * rewrite. The variant decides padding, media shape and where the author sits;
+ * it does not decide which parts exist.
+ *
+ * ```tsx
+ * <Post variant="feed">
+ *   <Post.Header>
+ *     <Post.Author name="Dwayne F. White" verified timestamp="3m ago" avatar={face} />
+ *     <Post.Action><EllipsisIcon /></Post.Action>
+ *   </Post.Header>
+ *   <Post.Body>I've been paying off my credit card #FinancialFreedom</Post.Body>
+ *   <Post.Media source={photo} />
+ *   <Post.Footer>
+ *     <Post.Stat icon={EyeIcon} value="5,874" />
+ *     <Post.Stat icon={HeartIcon} value="215" tone="like" />
+ *     <Post.Stat icon={MessageCircleIcon} value="11" />
+ *     <Post.Stat icon={BookmarkIcon} value="Save" align="end" />
+ *   </Post.Footer>
+ * </Post>
+ * ```
+ *
+ * ## Counts change under the finger
+ *
+ * Every control here is a toggle over a number, and the number is the point: a
+ * like that lights up but leaves `215` sitting there has not told you it
+ * counted. So a stat that changes animates the old value out and the new one in
+ * along the direction of the change, and `Post.Votes` does the same with its
+ * arrows. The alternative — repainting the digits in place — is indisting-
+ * uishable from a re-render, which is exactly the doubt the animation exists to
+ * remove.
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import { View, type ImageSourcePropType, type PressableProps, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type IconProps } from '../../icons/index.js';
+declare const postVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** The full card — author, body, media, counts. */
+        feed: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** A headline with a score beside it, the way a ranked community reads. */
+        vote: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** No media, name and handle on one line — for a dense timeline. */
+        compact: {
+            root: string;
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** The image is the card; the author is laid over it. */
+        media: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+    };
+    size: {
+        default: {};
+        sm: {
+            name: string;
+            meta: string;
+            statLabel: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    author: string;
+    authorLine: string;
+    name: string;
+    handle: string;
+    meta: string;
+    action: string;
+    community: string;
+    communityName: string;
+    communityMeta: string;
+    title: string;
+    body: string;
+    media: string;
+    footer: string;
+    stat: string;
+    statLabel: string;
+    votes: string;
+    voteButton: string;
+    voteScore: string;
+}, undefined, {
+    variant: {
+        /** The full card — author, body, media, counts. */
+        feed: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** A headline with a score beside it, the way a ranked community reads. */
+        vote: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** No media, name and handle on one line — for a dense timeline. */
+        compact: {
+            root: string;
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** The image is the card; the author is laid over it. */
+        media: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+    };
+    size: {
+        default: {};
+        sm: {
+            name: string;
+            meta: string;
+            statLabel: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    author: string;
+    authorLine: string;
+    name: string;
+    handle: string;
+    meta: string;
+    action: string;
+    community: string;
+    communityName: string;
+    communityMeta: string;
+    title: string;
+    body: string;
+    media: string;
+    footer: string;
+    stat: string;
+    statLabel: string;
+    votes: string;
+    voteButton: string;
+    voteScore: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** The full card — author, body, media, counts. */
+        feed: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** A headline with a score beside it, the way a ranked community reads. */
+        vote: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** No media, name and handle on one line — for a dense timeline. */
+        compact: {
+            root: string;
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+        /** The image is the card; the author is laid over it. */
+        media: {
+            header: string;
+            body: string;
+            media: string;
+            footer: string;
+        };
+    };
+    size: {
+        default: {};
+        sm: {
+            name: string;
+            meta: string;
+            statLabel: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    author: string;
+    authorLine: string;
+    name: string;
+    handle: string;
+    meta: string;
+    action: string;
+    community: string;
+    communityName: string;
+    communityMeta: string;
+    title: string;
+    body: string;
+    media: string;
+    footer: string;
+    stat: string;
+    statLabel: string;
+    votes: string;
+    voteButton: string;
+    voteScore: string;
+}, undefined, unknown, unknown, undefined>>;
+type PostVariant = 'feed' | 'vote' | 'compact' | 'media';
+export interface PostProps extends Omit<ViewProps, 'children'>, VariantProps<typeof postVariants> {
+    className?: string;
+    /** Which of the four shapes. */
+    variant?: PostVariant;
+    /** `sm` tightens the type for a card in a sidebar or a preview. */
+    size?: 'default' | 'sm';
+    /** Opening the post itself. The parts inside keep their own presses. */
+    onPress?: PressableProps['onPress'];
+    children?: ReactNode;
+}
+export interface PostHeaderProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface PostAuthorProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** Display name. */
+    name: string;
+    /** `@handle`, shown beside the name in `compact` and under it elsewhere. */
+    handle?: string;
+    avatar?: ImageSourcePropType;
+    /** Initials behind a missing or broken avatar. */
+    fallback?: string;
+    /** Draws the verification rosette after the name. */
+    verified?: boolean;
+    /** "Posted 3m ago" — whatever the caller wants to call the time. */
+    timestamp?: ReactNode;
+    children?: ReactNode;
+}
+export interface PostActionProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface PostCommunityProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The group's name — "r/reactnative", "#design". */
+    name: string;
+    avatar?: ImageSourcePropType;
+    /** How long ago, and anything else that belongs on the line. */
+    meta?: ReactNode;
+    children?: ReactNode;
+}
+export interface PostTitleProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface PostBodyProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** How many lines before it is cut off. Unlimited by default. */
+    numberOfLines?: number;
+    /** Called with the tag, without its `#`. Makes hashtags pressable. */
+    onTagPress?: (tag: string) => void;
+    /** Called with the handle, without its `@`. */
+    onMentionPress?: (handle: string) => void;
+    children?: ReactNode;
+}
+export interface PostMediaProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    source: ImageSourcePropType;
+    /** Width over height. `16 / 10` by default — wide enough not to eat the feed. */
+    aspectRatio?: number;
+    /**
+     * Darkens an edge of the image so type laid over it stays legible.
+     *
+     * A gradient rather than a panel: a flat rectangle over the top of a
+     * photograph has an edge of its own, and that edge reads as a bar covering
+     * the picture rather than as shading. `media` posts default to `top`, where
+     * the author sits; everything else to `none`.
+     */
+    scrim?: 'none' | 'top' | 'bottom' | 'both';
+    /** Laid over the image: an expand affordance, a duration, a gallery count. */
+    overlay?: ReactNode;
+    /** Described for a screen reader. An image with nothing to say is decorative. */
+    alt?: string;
+    onPress?: PressableProps['onPress'];
+    children?: ReactNode;
+}
+export interface PostFooterProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface PostStatProps extends Omit<PressableProps, 'children' | 'style'> {
+    className?: string;
+    /** The icon component itself, not an element — it is re-rendered on toggle. */
+    icon?: ComponentType<IconProps & {
+        filled?: boolean;
+    }>;
+    /** The number, or a word where a number would be meaningless ("Save"). */
+    value?: ReactNode;
+    /** Lit, and filled. */
+    active?: boolean;
+    /** Which colour "lit" is. */
+    tone?: 'default' | 'like' | 'save' | 'repost';
+    /** Pushes this stat and everything after it to the trailing edge. */
+    align?: 'start' | 'end';
+    children?: ReactNode;
+}
+export type PostVote = 'up' | 'down' | null;
+export interface PostVotesProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The score as it stands, with the reader's own vote already in it. */
+    score: number | string;
+    /** Which way this reader voted, if either. */
+    vote?: PostVote;
+    /**
+     * Called with the new vote. Pressing the arrow already cast clears it, so
+     * `null` arrives as often as the other two — a vote you cannot take back is
+     * a vote people hesitate over.
+     */
+    onVote?: (vote: PostVote) => void;
+    /** `vertical` stacks the arrows beside a thumbnail, the way a ranked list reads. */
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+}
+export declare const Post: import("react").ForwardRefExoticComponent<PostProps & import("react").RefAttributes<View>> & {
+    Header: import("react").ForwardRefExoticComponent<PostHeaderProps & import("react").RefAttributes<View>>;
+    Author: import("react").ForwardRefExoticComponent<PostAuthorProps & import("react").RefAttributes<View>>;
+    Action: import("react").ForwardRefExoticComponent<PostActionProps & import("react").RefAttributes<View>>;
+    Community: import("react").ForwardRefExoticComponent<PostCommunityProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<PostTitleProps & import("react").RefAttributes<View>>;
+    Body: import("react").ForwardRefExoticComponent<PostBodyProps & import("react").RefAttributes<View>>;
+    Media: import("react").ForwardRefExoticComponent<PostMediaProps & import("react").RefAttributes<View>>;
+    Footer: import("react").ForwardRefExoticComponent<PostFooterProps & import("react").RefAttributes<View>>;
+    Stat: import("react").ForwardRefExoticComponent<PostStatProps & import("react").RefAttributes<View>>;
+    Votes: import("react").ForwardRefExoticComponent<PostVotesProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/post/index.d.ts.map

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