panelui-native 0.7.0 → 0.9.0

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

@@ -0,0 +1,137 @@
+/**
+ * Marker — an inline note in a conversation.
+ *
+ * Transcripts are not only messages. Between the turns sit things the
+ * conversation did rather than said: a tool that ran, a file that was read, a
+ * model that changed, the point where yesterday ended. Those are not messages
+ * and should not look like one — a bubble implies a speaker, and none of these
+ * have one. A marker is the quieter row that carries them: small, muted, and
+ * aligned to the transcript rather than to a side of it.
+ *
+ * ```tsx
+ * <Marker>
+ *   <Marker.Icon><CheckIcon /></Marker.Icon>
+ *   <Marker.Content>Explored 4 files</Marker.Content>
+ * </Marker>
+ * ```
+ *
+ * `shimmer` on the content is for the row that is still happening — the sweep
+ * runs through the glyphs while a step is in flight, and is dropped the moment
+ * it finishes.
+ */
+import { type ReactNode } from 'react';
+import { View, type Text as RNText, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type AnimatedPressableProps } from '../../primitives/animated-pressable.js';
+import { type TextProps } from '../../primitives/text.js';
+type MarkerVariant = 'default' | 'border' | 'separator';
+declare const markerVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** The plain row: an icon and a line of muted text. */
+        default: {};
+        /** Same row, closed by a hairline — for a step that ends a section. */
+        border: {
+            root: string;
+        };
+        /**
+         * A centred label with a rule running out to each edge. The rules are
+         * `Separator`s rather than borders so they follow the same token and
+         * thickness as every other rule in the app.
+         */
+        separator: {
+            root: string;
+            content: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+}, undefined, {
+    variant: {
+        /** The plain row: an icon and a line of muted text. */
+        default: {};
+        /** Same row, closed by a hairline — for a step that ends a section. */
+        border: {
+            root: string;
+        };
+        /**
+         * A centred label with a rule running out to each edge. The rules are
+         * `Separator`s rather than borders so they follow the same token and
+         * thickness as every other rule in the app.
+         */
+        separator: {
+            root: string;
+            content: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** The plain row: an icon and a line of muted text. */
+        default: {};
+        /** Same row, closed by a hairline — for a step that ends a section. */
+        border: {
+            root: string;
+        };
+        /**
+         * A centred label with a rule running out to each edge. The rules are
+         * `Separator`s rather than borders so they follow the same token and
+         * thickness as every other rule in the app.
+         */
+        separator: {
+            root: string;
+            content: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+export interface MarkerProps extends Omit<AnimatedPressableProps, 'children' | 'disabled'>, Omit<VariantProps<typeof markerVariants>, 'disabled'> {
+    className?: string;
+    disabled?: boolean;
+    /**
+     * `default` is the inline status row. `border` closes it with a hairline.
+     * `separator` centres the content between two rules — the "Yesterday"
+     * divider shape.
+     */
+    variant?: MarkerVariant;
+    children?: ReactNode;
+}
+export interface MarkerIconProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface MarkerContentProps extends TextProps {
+    className?: string;
+    /**
+     * Sweep a highlight through the text, for a step that is still running.
+     * Drop it when the step finishes — a marker that shimmers forever reads as
+     * a stuck one.
+     */
+    shimmer?: boolean;
+    children?: ReactNode;
+}
+export declare const Marker: import("react").ForwardRefExoticComponent<MarkerProps & import("react").RefAttributes<View>> & {
+    Icon: import("react").ForwardRefExoticComponent<MarkerIconProps & import("react").RefAttributes<View>>;
+    Content: import("react").ForwardRefExoticComponent<MarkerContentProps & import("react").RefAttributes<RNText>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/marker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,wCAAqC,CAAC;AACrG,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAK7D,KAAK,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAExD,QAAA,MAAM,cAAc;;QAOd,uDAAuD;;QAEvD,uEAAuE;;;;QAEvE;;;;WAIG;;;;;;;;;;;;;;;;QARH,uDAAuD;;QAEvD,uEAAuE;;;;QAEvE;;;;WAIG;;;;;;;;;;;;;;;;QARH,uDAAuD;;QAEvD,uEAAuE;;;;QAEvE;;;;WAIG;;;;;;;;;;;;;;2CAUP,CAAC;AAKH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAC3D,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmDD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsBD,eAAO,MAAM,MAAM;;;CAGjB,CAAC"}

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

@@ -21,7 +21,7 @@
  * ```
  */
 import { type ReactNode } from 'react';
-import { View, type ViewProps } from 'react-native';
+import { View, type GestureResponderEvent, type ViewProps } from 'react-native';
 import { type VariantProps } from 'tailwind-variants';
 import { type TextProps } from '../../primitives/text.js';
 declare const messageVariants: import("tailwind-variants").TVReturnType<{
@@ -123,6 +123,13 @@ export interface MessageProps extends ViewProps, VariantProps<typeof messageVari
      * this for you.
      */
     stacked?: boolean;
+    /**
+     * Fires on a long press anywhere on the turn — the gesture a chat uses to
+     * surface per-message actions (copy, reply, react). Open a menu from it; the
+     * component only exposes the press. When set, the whole row gains press
+     * feedback. A plain tap should still do nothing, so there is no `onPress`.
+     */
+    onLongPress?: (event: GestureResponderEvent) => void;
     children?: ReactNode;
 }
 export interface MessageGroupProps extends ViewProps {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCnB,CAAC;AAEH,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AAoB7B,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmBD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+BD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqBD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiBD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiBD,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,eAAO,MAAM,OAAO;;;;;;;;;CASlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCnB,CAAC;AAEH,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AAoB7B,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+BD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqBD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiBD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiBD,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,eAAO,MAAM,OAAO;;;;;;;;;CASlB,CAAC"}

package/lib/typescript/src/components/message-scroller/index.d.ts

@@ -0,0 +1,150 @@
+/**
+ * MessageScroller — the scroll behaviour a chat transcript needs.
+ *
+ * A transcript is the one list where the interesting end is the bottom, the
+ * content grows while you are reading it, and history is added to the top. A
+ * plain scroll view gets all three wrong: it opens at the top, it stays put
+ * while a reply streams in below the fold, and it jumps a screen when older
+ * messages load. This owns those three behaviours so a screen does not have to
+ * rebuild them.
+ *
+ * ```tsx
+ * <MessageScroller autoScroll className="flex-1">
+ *   <MessageScroller.Viewport>
+ *     <MessageScroller.Content>
+ *       {messages.map((m) => (
+ *         <MessageScroller.Item key={m.id} messageId={m.id} scrollAnchor={m.role === 'user'}>
+ *           <Message>…</Message>
+ *         </MessageScroller.Item>
+ *       ))}
+ *     </MessageScroller.Content>
+ *   </MessageScroller.Viewport>
+ *   <MessageScroller.Button />
+ * </MessageScroller>
+ * ```
+ *
+ * The rule behind every part of it: **the reader's position is theirs**. New
+ * content follows the bottom only while they are already at the bottom, and
+ * scrolling away hands control back to them until they ask for it again.
+ * Content added above them never moves what they are looking at.
+ *
+ * Needs a bounded height — from `flex-1` in a column, or an explicit one.
+ * Given an unbounded parent it grows to fit its content and never scrolls.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type AnimatedScrollViewProps } from 'react-native-reanimated';
+export type MessageScrollerPosition = 'start' | 'end' | 'last-anchor';
+/** Scroll commands, for a control that lives outside the viewport. */
+export declare function useMessageScroller(): {
+    scrollToEnd: (animated?: boolean) => void;
+    scrollToStart: (animated?: boolean) => void;
+    scrollToMessage: (id: string, animated?: boolean) => void;
+};
+/**
+ * Where the reader is: the turn they are inside, and whether they are at the
+ * live edge. Both settle after a scroll rather than updating per frame — this
+ * is for a header that names the current turn, not for anything animated.
+ */
+export declare function useMessageScrollerVisibility(): {
+    currentAnchorId: string | null;
+    atEnd: boolean;
+};
+export interface MessageScrollerProps extends ViewProps {
+    className?: string;
+    /**
+     * Follow new content down as it arrives — but only while the reader is
+     * already at the bottom. Scrolling up disengages it until they come back or
+     * press the button.
+     */
+    autoScroll?: boolean;
+    /**
+     * Keep the reader on the same message when older ones are added above. Without
+     * it, loading history throws them a screen backwards.
+     */
+    preserveScrollOnPrepend?: boolean;
+    /**
+     * Where a freshly mounted transcript opens. `last-anchor` is the one to want
+     * for a saved thread: it lands on the last turn that started something,
+     * rather than at the very bottom of whatever the reply happened to be.
+     */
+    defaultScrollPosition?: MessageScrollerPosition;
+    children?: ReactNode;
+}
+declare function MessageScrollerRoot({ className, autoScroll, preserveScrollOnPrepend, defaultScrollPosition, children, ...props }: MessageScrollerProps): import("react").JSX.Element;
+declare namespace MessageScrollerRoot {
+    var displayName: string;
+}
+/**
+ * The four scroll events are owned by the component and taken off the props
+ * type rather than merged with a consumer's. They are not decoration on top of
+ * a scroll view — they *are* the behaviour, and a call site that quietly
+ * replaced one would look like a bug in the scrolling.
+ */
+export interface MessageScrollerViewportProps extends Omit<AnimatedScrollViewProps, 'onScroll' | 'onScrollEndDrag' | 'onMomentumScrollEnd' | 'onContentSizeChange'> {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * The scrollable itself. Owns the three behaviours, because all three are
+ * reactions to scroll and content-size events and this is where they arrive.
+ */
+declare function MessageScrollerViewport({ className, children, ...props }: MessageScrollerViewportProps): import("react").JSX.Element;
+declare namespace MessageScrollerViewport {
+    var displayName: string;
+}
+export interface MessageScrollerContentProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** The transcript column. Announces additions rather than the whole list. */
+declare function MessageScrollerContent({ className, children, ...props }: MessageScrollerContentProps): import("react").JSX.Element;
+declare namespace MessageScrollerContent {
+    var displayName: string;
+}
+export interface MessageScrollerItemProps extends ViewProps {
+    className?: string;
+    /** Stable id for this turn. `scrollToMessage` takes the same value. */
+    messageId: string;
+    /**
+     * Marks this row as the start of a turn. `defaultScrollPosition="last-anchor"`
+     * opens on the last one, and it is what a saved thread should land on — the
+     * question, not the tail of the answer to it.
+     */
+    scrollAnchor?: boolean;
+    children?: ReactNode;
+}
+/**
+ * One row of the transcript. It exists to be measured: without a boundary per
+ * turn there is nothing to scroll *to*, and nothing to measure the prepend
+ * shift against.
+ */
+declare function MessageScrollerItem({ className, messageId, scrollAnchor, children, ...props }: MessageScrollerItemProps): import("react").JSX.Element;
+declare namespace MessageScrollerItem {
+    var displayName: string;
+}
+export interface MessageScrollerButtonProps extends ViewProps {
+    className?: string;
+    /** `end` jumps to the newest message, `start` to the beginning of the thread. */
+    target?: 'start' | 'end';
+    accessibilityLabel?: string;
+    children?: ReactNode;
+}
+/**
+ * The way back to the live edge, shown only when there is one to go back to.
+ *
+ * Its visibility is driven from the same shared value the scroll handler
+ * writes, so it fades on the UI thread while the transcript is still moving.
+ */
+declare function MessageScrollerButton({ className, target, accessibilityLabel, children, ...props }: MessageScrollerButtonProps): import("react").JSX.Element;
+declare namespace MessageScrollerButton {
+    var displayName: string;
+}
+export declare const MessageScroller: typeof MessageScrollerRoot & {
+    Viewport: typeof MessageScrollerViewport;
+    Content: typeof MessageScrollerContent;
+    Item: typeof MessageScrollerItem;
+    Button: typeof MessageScrollerButton;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/message-scroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/message-scroller/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAiB,EAQf,KAAK,uBAAuB,EAC7B,MAAM,yBAAyB,CAAC;AAejC,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAmCtE,sEAAsE;AACtE,wBAAgB,kBAAkB;6BAlBP,OAAO,KAAK,IAAI;+BACd,OAAO,KAAK,IAAI;0BACrB,MAAM,aAAa,OAAO,KAAK,IAAI;EAmB1D;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B;;;EAG3C;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,UAAkB,EAClB,uBAA8B,EAC9B,qBAA6B,EAC7B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,+BA2FtB;kBAlGQ,mBAAmB;;;AAqG5B;;;;;GAKG;AACH,MAAM,WAAW,4BACf,SAAQ,IAAI,CACV,uBAAuB,EACvB,UAAU,GAAG,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,CAC/E;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,4BAA4B,+BAgJ9B;kBApJQ,uBAAuB;;;AAuKhC,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,6EAA6E;AAC7E,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,+BAY7B;kBAhBQ,sBAAsB;;;AAmB/B,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,YAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAe1B;kBArBQ,mBAAmB;;;AAwB5B,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,MAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,+BAkD5B;kBAxDQ,qBAAqB;;;AA2D9B,eAAO,MAAM,eAAe;;;;;CAK1B,CAAC"}

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

@@ -0,0 +1,130 @@
+/**
+ * Popover — a panel anchored to the thing that opened it.
+ *
+ * A dialog takes the screen and asks to be dealt with; a popover stays next to
+ * its trigger and keeps the context around it visible. That difference is the
+ * whole reason both exist, and it is why this one is positioned rather than
+ * centred.
+ *
+ * ```tsx
+ * <Popover>
+ *   <Popover.Trigger>
+ *     <Button variant="outline">Options</Button>
+ *   </Popover.Trigger>
+ *   <Popover.Content placement="bottom" align="end">
+ *     <Popover.Title>Export</Popover.Title>
+ *     <Popover.Description>Choose a format.</Popover.Description>
+ *   </Popover.Content>
+ * </Popover>
+ * ```
+ *
+ * Placement is a preference, not a promise. The trigger is measured in window
+ * coordinates when it is pressed, the panel measures itself on its first
+ * layout, and the two are reconciled against the safe area: a panel that would
+ * run off the bottom flips above the trigger, and one that would run off the
+ * side slides back inside. So `placement="bottom"` means *below, if below
+ * fits* — which is the only behaviour that survives a trigger near an edge.
+ *
+ * The first frame is rendered transparent, because the panel's own size is not
+ * known until it has laid out once. Without that it would appear at the origin
+ * and jump into place.
+ */
+import { type ReactElement, type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type TextProps } from '../../primitives/text.js';
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type PopoverAlign = 'start' | 'center' | 'end';
+export type PopoverPresentation = 'popover' | 'bottom-sheet';
+export interface PopoverProps {
+    children: ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Initial state when uncontrolled. */
+    defaultOpen?: boolean;
+    /**
+     * `popover` is the anchored panel. `bottom-sheet` presents the content in a
+     * draggable sheet instead — better on a small screen, or when the content is
+     * a form rather than a menu. Placement, align and the arrow do not apply to a
+     * sheet.
+     */
+    presentation?: PopoverPresentation;
+}
+declare function PopoverRoot({ children, open, onOpenChange, defaultOpen, presentation, }: PopoverProps): import("react").JSX.Element;
+export interface PopoverTriggerProps {
+    children: ReactElement<{
+        onPress?: (...args: unknown[]) => void;
+    }>;
+}
+/**
+ * Wraps its child and toggles the popover on press.
+ *
+ * The child is wrapped in a view rather than given a ref directly: the ref has
+ * to survive whatever the child is — a Button, a plain Pressable, an icon —
+ * and only a wrapper we own is guaranteed to be measurable.
+ */
+declare function PopoverTrigger({ children }: PopoverTriggerProps): import("react").JSX.Element;
+export interface PopoverContentProps extends ViewProps {
+    className?: string;
+    /** Preferred side of the trigger. Flipped when that side does not fit. */
+    placement?: PopoverPlacement;
+    /** Where the panel sits along the trigger's other axis. */
+    align?: PopoverAlign;
+    /** Gap between the trigger and the panel, in pixels. */
+    offset?: number;
+    /** Nudge along the alignment axis, in pixels. */
+    alignOffset?: number;
+    /**
+     * `content-fit` sizes to the content, `trigger` matches the trigger's width,
+     * `full` spans the safe area, and a number is that many pixels.
+     */
+    width?: number | 'trigger' | 'full' | 'content-fit';
+    /** Tap outside the panel closes it. Default true. */
+    dismissible?: boolean;
+    /**
+     * Frost the background behind the panel instead of dimming it. Uses
+     * `expo-blur` when installed and falls back to the dimmed scrim when it is
+     * not, so it is safe to pass either way.
+     */
+    blur?: boolean;
+    children?: ReactNode;
+}
+declare function PopoverContent({ className, placement, align, offset, alignOffset, width, dismissible, blur, children, ...props }: PopoverContentProps): import("react").JSX.Element | null;
+export interface PopoverArrowProps extends ViewProps {
+    className?: string;
+}
+/**
+ * A small square rotated into a diamond, half-buried under the panel so only
+ * the point shows. It needs the panel to have a border for its own two visible
+ * edges to line up with — without one it reads as a floating lozenge.
+ *
+ * It points at the trigger's centre, which the panel resolves and publishes:
+ * when `align` shifts the panel off-centre, or a clamp slides it back on
+ * screen, the arrow stays over the trigger rather than over the panel's middle.
+ */
+declare function PopoverArrow({ className, style, ...props }: PopoverArrowProps): import("react").JSX.Element | null;
+export interface PopoverCloseProps {
+    children: ReactElement<{
+        onPress?: (...args: unknown[]) => void;
+    }>;
+}
+/** Wraps its child and closes the popover on press. */
+declare function PopoverClose({ children }: PopoverCloseProps): ReactElement<{
+    onPress?: (...args: unknown[]) => void;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare const Popover: typeof PopoverRoot & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+    Arrow: typeof PopoverArrow;
+    Title: {
+        ({ className, ...props }: TextProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ...props }: TextProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Close: typeof PopoverClose;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAU7D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAwBtD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,cAAc,CAAC;AAY7D,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAmB,EACnB,YAAwB,GACzB,EAAE,YAAY,+BAiCd;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;CACpE;AAED;;;;;;GAMG;AACH,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA4BxD;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;IACpD,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,SAAoB,EACpB,KAAgB,EAChB,MAAuB,EACvB,WAAe,EACf,KAAqB,EACrB,WAAkB,EAClB,IAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,sCAqJrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,sCA2CtE;AAiBD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;CACpE;AAED,uDAAuD;AACvD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB;cAJhB,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI;wDAchE;AA2GD,eAAO,MAAM,OAAO;;;;;kCAzI2B,SAAS;;;;kCAUH,SAAS;;;;CAsI5D,CAAC"}

package/lib/typescript/src/components/radio-group/index.d.ts

@@ -1,20 +1,52 @@
+/**
+ * RadioGroup — one choice from a set.
+ *
+ * The group owns the value and hands each item its selected state through
+ * context, so an item is a thin pressable that reports its own value up and
+ * reads selection back down.
+ *
+ * Two shapes, chosen on the group and inherited by every item: `dot` is the
+ * classic label-beside-a-disc row; `card` turns the whole surface into the
+ * target — for pickable options where the disc is a confirmation rather than
+ * the thing you aim at. The card is the same treatment `Checkbox` offers, so a
+ * form mixing single- and multi-select choices reads as one family.
+ *
+ * ```tsx
+ * <RadioGroup value={plan} onValueChange={setPlan} variant="card">
+ *   <RadioGroup.Item value="pro" label="Pro" description="For growing teams" />
+ *   <RadioGroup.Item value="max" label="Max" description="Everything, uncapped" />
+ * </RadioGroup>
+ * ```
+ */
 import { type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
+type RadioVariant = 'dot' | 'card';
 export interface RadioGroupProps extends ViewProps {
     className?: string;
     value?: string;
     onValueChange: (value: string) => void;
     disabled?: boolean;
+    /**
+     * `dot` is the label-beside-a-disc row. `card` makes the whole surface the
+     * target and highlights the selected option — for a plan picker or a
+     * settings choice where each option carries a description.
+     */
+    variant?: RadioVariant;
     children: ReactNode;
 }
 export interface RadioGroupItemProps {
     className?: string;
     value: string;
     label?: string;
+    /** Secondary line under the label. Most at home in the `card` variant. */
+    description?: string;
     disabled?: boolean;
+    /** Hide the disc entirely — for a card whose selected fill is enough. */
+    hideIndicator?: boolean;
     children?: ReactNode;
 }
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<View>> & {
     Item: import("react").ForwardRefExoticComponent<RadioGroupItemProps & import("react").RefAttributes<View>>;
 };
+export type { RadioVariant };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/radio-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkB/D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAyBD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoDD,eAAO,MAAM,UAAU;;CAErB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/radio-group/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAW/D,KAAK,YAAY,GAAG,KAAK,GAAG,MAAM,CAAC;AA4CnC,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAyBD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0ED,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,47 @@
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+declare const separatorVariants: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    variant: {
+        thin: string;
+        thick: string;
+    };
+}, undefined, "bg-border", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    variant: {
+        thin: string;
+        thick: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    variant: {
+        thin: string;
+        thick: string;
+    };
+}, undefined, "bg-border", unknown, unknown, undefined>>;
+export interface SeparatorProps extends ViewProps, VariantProps<typeof separatorVariants> {
+    className?: string;
+    /**
+     * Thickness in pixels, overriding the variant. Sets the height of a
+     * horizontal separator and the width of a vertical one.
+     */
+    thickness?: number;
+    /**
+     * Whether the separator is only visual. A decorative separator is skipped by
+     * screen readers; set false when the split itself carries meaning — between
+     * two groups of menu items, say — and it is announced instead.
+     */
+    decorative?: boolean;
+}
+export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/separator/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAwBrB,CAAC;AAEH,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,iGA6BrB,CAAC"}

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

@@ -7,13 +7,37 @@ declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         transparent: string;
     };
-}, undefined, "overflow-hidden rounded-3xl p-4", {
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
+}, undefined, "overflow-hidden rounded-3xl", {
     variant: {
         default: string;
         secondary: string;
         tertiary: string;
         transparent: string;
     };
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -21,9 +45,34 @@ declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
         tertiary: string;
         transparent: string;
     };
-}, undefined, "overflow-hidden rounded-3xl p-4", unknown, unknown, undefined>>;
+    padding: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+    bordered: {
+        true: string;
+    };
+    elevated: {
+        true: string;
+    };
+}, undefined, "overflow-hidden rounded-3xl", unknown, unknown, undefined>>;
 export interface SurfaceProps extends ViewProps, VariantProps<typeof surfaceVariants> {
     className?: string;
+    /**
+     * A hairline border. A surface the same colour as what it sits on needs one
+     * to read as a distinct plane rather than dissolving into the background.
+     */
+    bordered?: boolean;
+    /**
+     * A soft shadow lifting the surface off the page. Off by default because a
+     * nested surface reads its depth from its fill, not from a shadow it would
+     * only cast onto its parent.
+     */
+    elevated?: boolean;
+    /** Inner spacing. `none` is for a surface wrapping a bled image or a chart. */
+    padding?: 'none' | 'sm' | 'default' | 'lg';
 }
 export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<View>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;8EAanB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,+FAYnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EA0BnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,OAAO,+FAYnB,CAAC"}