panelui-native 0.5.3 → 0.7.0

package/lib/typescript/src/components/empty-state/index.d.ts

@@ -1,11 +1,10 @@
 /**
  * EmptyState — the placeholder shown when a list or view has no content.
  *
- * Adapted from: cosscom/coss packages/ui/src/components/empty.tsx
- * (centered Header / Media / Title / Description / Content anatomy, and the
- * `icon` media variant that stacks two rotated ghost cards behind the icon).
- * Coss does that with CSS pseudo-elements; on native it is two absolutely
- * positioned siblings with static rotate transforms.
+ * Centred Header / Media / Title / Description / Content, with an `icon` media
+ * variant that stacks two rotated ghost cards behind the icon. On the web that
+ * is a pair of CSS pseudo-elements; React Native has none, so it is two
+ * absolutely positioned siblings with static rotate transforms.
  */
 import { type ReactNode } from 'react';
 import { View, type Text as RNText, type ViewProps } from 'react-native';

package/lib/typescript/src/components/empty-state/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAY7D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoBjB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmBD,MAAM,WAAW,oBACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwDD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAY7D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoBjB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmBD,MAAM,WAAW,oBACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwDD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC"}

package/lib/typescript/src/components/inline-select/index.d.ts

@@ -1,9 +1,22 @@
+/**
+ * InlineSelect — a select that reveals its options next to the trigger instead
+ * of taking over the screen with a sheet.
+ *
+ * Two presentations, because the right one depends on what surrounds it:
+ *
+ * - Inline (default) expands the list in normal layout flow. Everything below
+ *   moves down. Fine inside a settings list where that reads as the row
+ *   growing, wrong anywhere the shift is jarring.
+ * - `overlay` floats the list above the page through a portal, anchored to the
+ *   trigger and flipped above it when there is no room below. Nothing else on
+ *   the screen moves.
+ */
 import { type ReactNode } from 'react';
 export interface InlineSelectItemProps {
     value: string;
     label: string;
 }
-/** Option row. Rendered inline beneath the trigger — no overlay involved. */
+/** Option row. */
 declare function InlineSelectItem({ value, label }: InlineSelectItemProps): import("react").JSX.Element;
 export interface InlineSelectProps {
     className?: string;
@@ -11,13 +24,23 @@ export interface InlineSelectProps {
     onValueChange: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;
+    /**
+     * Float the list above the page instead of expanding it in layout flow, so
+     * opening the select does not push the content below it down.
+     */
+    overlay?: boolean;
+    /**
+     * Width of the floating list. `trigger` matches the trigger, `content` sizes
+     * to the longest option, or pass a pixel value. Ignored without `overlay`.
+     */
+    overlayWidth?: 'trigger' | 'content' | number;
+    /** Gap between the trigger and the floating list. Ignored without `overlay`. */
+    overlayOffset?: number;
+    /** Called when the list opens or closes. */
+    onOpenChange?: (open: boolean) => void;
     children: ReactNode;
 }
-/**
- * A select that expands its options inline instead of opening a bottom sheet.
- * Useful inside forms and scroll views where an overlay would be disruptive.
- */
-declare function InlineSelectRoot({ className, value, onValueChange, placeholder, disabled, children, }: InlineSelectProps): import("react").JSX.Element;
+declare function InlineSelectRoot({ className, value, onValueChange, placeholder, disabled, overlay, overlayWidth, overlayOffset, onOpenChange, children, }: InlineSelectProps): import("react").JSX.Element;
 export declare const InlineSelect: typeof InlineSelectRoot & {
     Item: typeof InlineSelectItem;
 };

package/lib/typescript/src/components/inline-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA0Cf,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,6EAA6E;AAC7E,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,qBAAqB,+BA4BhE;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,+BAyEnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-select/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwDf,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kBAAkB;AAClB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,qBAAqB,+BA4BhE;AAUD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,OAAe,EACf,YAAwB,EACxB,aAAiB,EACjB,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BA0KnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}

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

@@ -7,6 +7,19 @@ export interface InputProps extends TextInputProps {
     /** Error message. When set, the field renders in its invalid state. */
     errorMessage?: string;
     disabled?: boolean;
+    /**
+     * Lift the field above the software keyboard when it would otherwise be
+     * covered. Moves by exactly the overlap, and not at all when the field is
+     * already clear.
+     *
+     * Install `react-native-keyboard-controller` for this to behave on Android.
+     *
+     * Do not toggle this at runtime — it changes which component renders the
+     * container, which would remount the field and drop focus.
+     */
+    avoidKeyboard?: boolean;
+    /** Gap kept between the field and the keyboard when `avoidKeyboard` is set. */
+    keyboardOffset?: number;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<TextInput>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AA2BpE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,kGA+DjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AA4BpE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,kGAqFjB,CAAC"}

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

@@ -1,7 +1,6 @@
 /**
  * InputGroup — an Input with leading and/or trailing decorators.
  *
- * Adapted from: heroui-inc/heroui-native src/components/input-group/
  * Prefix and Suffix are absolutely positioned and their measured widths become
  * padding on the Input, so text never runs underneath a decorator regardless
  * of how wide that decorator turns out to be.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input-group/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAU,CAAC;AA6BlD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AA4B9C,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input-group/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAU,CAAC;AA6BlD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwBD,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AA4B9C,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}

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

@@ -0,0 +1,286 @@
+/**
+ * Item — a row of content: media on one side, a title and description in the
+ * middle, actions on the other side.
+ *
+ * It is the shape almost every list in an app already has — a settings row, a
+ * file in a picker, a member in a team list, a tool call in a transcript — so
+ * it exists as one composable primitive rather than being rebuilt per screen
+ * with slightly different padding each time.
+ *
+ * ```tsx
+ * <Item variant="outline">
+ *   <Item.Media variant="icon"><ReceiptIcon /></Item.Media>
+ *   <Item.Content>
+ *     <Item.Title>Invoice.pdf</Item.Title>
+ *     <Item.Description>2.4 MB · Updated yesterday</Item.Description>
+ *   </Item.Content>
+ *   <Item.Actions><Button size="sm">Open</Button></Item.Actions>
+ * </Item>
+ * ```
+ *
+ * Two axes, and they are independent. `orientation` on the item decides
+ * whether its own parts sit side by side or stack into a card; `orientation`
+ * on `Item.Group` decides whether the items themselves run down the screen or
+ * across it. A carousel wants both set to the non-default: a horizontal group
+ * of vertical items.
+ */
+import { type ReactNode } from 'react';
+import { View, 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 ItemSize = 'default' | 'sm' | 'xs';
+type ItemOrientation = 'horizontal' | 'vertical';
+declare const itemVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        outline: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
+    size: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        xs: {
+            root: string;
+            title: string;
+            description: string;
+        };
+    };
+    orientation: {
+        /** Media, text and actions side by side — the list-row shape. */
+        horizontal: {
+            root: string;
+        };
+        /** Stacked into a card — the shape a horizontal carousel wants. */
+        vertical: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}, undefined, {
+    variant: {
+        default: {};
+        outline: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
+    size: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        xs: {
+            root: string;
+            title: string;
+            description: string;
+        };
+    };
+    orientation: {
+        /** Media, text and actions side by side — the list-row shape. */
+        horizontal: {
+            root: string;
+        };
+        /** Stacked into a card — the shape a horizontal carousel wants. */
+        vertical: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        outline: {
+            root: string;
+        };
+        muted: {
+            root: string;
+        };
+    };
+    size: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        sm: {
+            root: string;
+            title: string;
+            description: string;
+        };
+        xs: {
+            root: string;
+            title: string;
+            description: string;
+        };
+    };
+    orientation: {
+        /** Media, text and actions side by side — the list-row shape. */
+        horizontal: {
+            root: string;
+        };
+        /** Stacked into a card — the shape a horizontal carousel wants. */
+        vertical: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const mediaVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** No box — for an Avatar or anything that styles itself. */
+        default: string;
+        /** Rounded square tile sized for an icon. */
+        icon: string;
+        /** Clipped frame for an image or thumbnail. */
+        image: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "shrink-0 items-center justify-center", {
+    variant: {
+        /** No box — for an Avatar or anything that styles itself. */
+        default: string;
+        /** Rounded square tile sized for an icon. */
+        icon: string;
+        /** Clipped frame for an image or thumbnail. */
+        image: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        /** No box — for an Avatar or anything that styles itself. */
+        default: string;
+        /** Rounded square tile sized for an icon. */
+        icon: string;
+        /** Clipped frame for an image or thumbnail. */
+        image: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "shrink-0 items-center justify-center", unknown, unknown, undefined>>;
+export interface ItemProps extends Omit<AnimatedPressableProps, 'children' | 'disabled'>, Omit<VariantProps<typeof itemVariants>, 'disabled'> {
+    className?: string;
+    disabled?: boolean;
+    /**
+     * Row density. `Item.Media`, `Item.Title` and `Item.Description` follow it,
+     * so it only needs setting here.
+     */
+    size?: ItemSize;
+    /**
+     * `horizontal` is the list row: media, text and actions side by side.
+     * `vertical` stacks them into a card, which is what a horizontal carousel
+     * wants — and it is also what `Item.Header` and `Item.Footer` need, since
+     * both are full-width strips.
+     */
+    orientation?: ItemOrientation;
+    children?: ReactNode;
+}
+export interface ItemGroupProps extends ViewProps {
+    className?: string;
+    /**
+     * `vertical` stacks the items — the settings-list shape. `horizontal` runs
+     * them across instead, for a carousel; pair it with a scrollable and
+     * `orientation="vertical"` on each item so every entry reads as a card.
+     */
+    orientation?: ItemOrientation;
+    children?: ReactNode;
+}
+export interface ItemSeparatorProps extends ViewProps {
+    className?: string;
+    /** Match the group's axis: a horizontal group needs vertical hairlines. */
+    orientation?: ItemOrientation;
+}
+export interface ItemMediaProps extends ViewProps, VariantProps<typeof mediaVariants> {
+    className?: string;
+    children?: ReactNode;
+}
+export interface ItemContentProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface ItemTitleProps extends TextProps {
+    className?: string;
+}
+export interface ItemDescriptionProps extends TextProps {
+    className?: string;
+}
+export interface ItemActionsProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface ItemHeaderProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface ItemFooterProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Item: import("react").ForwardRefExoticComponent<ItemProps & import("react").RefAttributes<View>> & {
+    Group: import("react").ForwardRefExoticComponent<ItemGroupProps & import("react").RefAttributes<View>>;
+    Separator: import("react").ForwardRefExoticComponent<ItemSeparatorProps & import("react").RefAttributes<View>>;
+    Media: import("react").ForwardRefExoticComponent<ItemMediaProps & import("react").RefAttributes<View>>;
+    Content: import("react").ForwardRefExoticComponent<ItemContentProps & import("react").RefAttributes<View>>;
+    Title: import("react").ForwardRefExoticComponent<ItemTitleProps & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<ItemDescriptionProps & import("react").RefAttributes<import("react-native").Text>>;
+    Actions: import("react").ForwardRefExoticComponent<ItemActionsProps & import("react").RefAttributes<View>>;
+    Header: import("react").ForwardRefExoticComponent<ItemHeaderProps & import("react").RefAttributes<View>>;
+    Footer: import("react").ForwardRefExoticComponent<ItemFooterProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,wCAAqC,CAAC;AACrG,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAG7D,KAAK,QAAQ,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAEjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkBZ,iEAAiE;;;;QAEjE,mEAAmE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAFnE,iEAAiE;;;;QAEjE,mEAAmE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAFnE,iEAAiE;;;;QAEjE,mEAAmE;;;;;;;;;;;;;;2CAYvE,CAAC;AAQH,QAAA,MAAM,aAAa;;QAIb,6DAA6D;;QAE7D,6CAA6C;;QAE7C,+CAA+C;;;;;;;;;;QAJ/C,6DAA6D;;QAE7D,6CAA6C;;QAE7C,+CAA+C;;;;;;;;;;QAJ/C,6DAA6D;;QAE7D,6CAA6C;;QAE7C,+CAA+C;;;;;;;;mFAqBnD,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAC3D,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,UAAU,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoDD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsBD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAkBD,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoBD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgBD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoBD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgBD,eAAO,MAAM,IAAI;;;;;;;;;;CAUf,CAAC"}

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

@@ -1,9 +1,11 @@
 /**
  * Label — text that names a form field.
  *
- * Adapted from: heroui-inc/heroui-native src/components/label/ (root +
- * Label.Text anatomy, string children auto-wrapping, the required asterisk,
- * and the isInvalid / isDisabled recolouring).
+ * A string child is wrapped in `Label.Text` automatically, so the common case
+ * stays one line; pass the parts explicitly when the label needs more than
+ * text. `isRequired`, `isInvalid` and `isDisabled` are visual *and* semantic —
+ * they recolour and they set the accessibility state, so the two cannot drift
+ * apart.
  */
 import { type ReactNode } from 'react';
 import { View, type Text as RNText, type ViewProps } from 'react-native';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/label/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAiC7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA2BD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/label/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,0BAAuB,CAAC;AAiC7D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA2BD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}

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

@@ -0,0 +1,170 @@
+/**
+ * Message — a chat turn: avatar, bubble, and the metadata around it.
+ *
+ * The pieces are separate because conversations differ in which ones they
+ * need. A support thread wants a sender name and a read receipt; an assistant
+ * transcript wants neither, but does want the bubble to carry tool output and
+ * actions. Composing them beats a component with a dozen optional props.
+ *
+ * `align` is the only thing the root decides, and everything downstream reads
+ * it from context: which side the row sits on, which way the avatar goes,
+ * which corner of the bubble is squared off, and which colour it takes.
+ *
+ * ```tsx
+ * <Message align="end">
+ *   <Message.Content>
+ *     <Message.Bubble>
+ *       <Message.BubbleContent>How can I help?</Message.BubbleContent>
+ *     </Message.Bubble>
+ *   </Message.Content>
+ * </Message>
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { View, 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<{
+    align: {
+        start: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+        end: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+    };
+}, {
+    root: string;
+    avatar: string;
+    content: string;
+    header: string;
+    bubble: string;
+    bubbleContent: string;
+    footer: string;
+    group: string;
+}, undefined, {
+    align: {
+        start: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+        end: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+    };
+}, {
+    root: string;
+    avatar: string;
+    content: string;
+    header: string;
+    bubble: string;
+    bubbleContent: string;
+    footer: string;
+    group: string;
+}, import("tailwind-variants").TVReturnType<{
+    align: {
+        start: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+        end: {
+            root: string;
+            content: string;
+            bubble: string;
+            bubbleContent: string;
+            header: string;
+            footer: string;
+        };
+    };
+}, {
+    root: string;
+    avatar: string;
+    content: string;
+    header: string;
+    bubble: string;
+    bubbleContent: string;
+    footer: string;
+    group: string;
+}, undefined, unknown, unknown, undefined>>;
+type Align = 'start' | 'end';
+export interface MessageProps extends ViewProps, VariantProps<typeof messageVariants> {
+    className?: string;
+    /**
+     * Which side of the conversation this turn belongs to. `end` is the
+     * outgoing side — the person holding the device.
+     */
+    align?: Align;
+    /**
+     * Continuation of the message above it: tighter spacing, and the avatar slot
+     * is reserved but left empty so bubbles stay aligned. `Message.Group` sets
+     * this for you.
+     */
+    stacked?: boolean;
+    children?: ReactNode;
+}
+export interface MessageGroupProps extends ViewProps {
+    className?: string;
+    /** Alignment applied to every Message inside that does not set its own. */
+    align?: Align;
+    children?: ReactNode;
+}
+export interface MessageAvatarProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface MessageContentProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface MessageHeaderProps extends TextProps {
+    className?: string;
+}
+export interface MessageBubbleProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export interface MessageBubbleContentProps extends TextProps {
+    className?: string;
+}
+export interface MessageFooterProps extends TextProps {
+    className?: string;
+}
+export interface MessageActionsProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Message: import("react").ForwardRefExoticComponent<MessageProps & import("react").RefAttributes<View>> & {
+    Group: import("react").ForwardRefExoticComponent<MessageGroupProps & import("react").RefAttributes<View>>;
+    Avatar: import("react").ForwardRefExoticComponent<MessageAvatarProps & import("react").RefAttributes<View>>;
+    Content: import("react").ForwardRefExoticComponent<MessageContentProps & import("react").RefAttributes<View>>;
+    Header: import("react").ForwardRefExoticComponent<MessageHeaderProps & import("react").RefAttributes<import("react-native").Text>>;
+    Bubble: import("react").ForwardRefExoticComponent<MessageBubbleProps & import("react").RefAttributes<View>>;
+    BubbleContent: import("react").ForwardRefExoticComponent<MessageBubbleContentProps & import("react").RefAttributes<import("react-native").Text>>;
+    Footer: import("react").ForwardRefExoticComponent<MessageFooterProps & import("react").RefAttributes<import("react-native").Text>>;
+    Actions: import("react").ForwardRefExoticComponent<MessageActionsProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/src/components/scroll-fade/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * ScrollFade — fades the edges of a scroll container.
+ *
+ * Content that runs past a boundary reads better fading out than being cut
+ * off, and the fade doubles as an affordance: an edge that is fading is an
+ * edge with more content behind it.
+ *
+ * Scroll position, content size and viewport size are all held in shared
+ * values and consumed by `useAnimatedStyle`, so the fades track the scroll on
+ * the UI thread without re-rendering React.
+ *
+ * ```tsx
+ * <ScrollFade>
+ *   <ScrollView horizontal>…</ScrollView>
+ * </ScrollFade>
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+export interface ScrollFadeProps extends ViewProps {
+    className?: string;
+    /** Depth of the fade in pixels. */
+    size?: number;
+    /** Which edges fade. */
+    edges?: 'both' | 'start' | 'end' | 'none';
+    /**
+     * Scroll axis. Inferred from the child's `horizontal` prop when omitted —
+     * pass it explicitly for children that scroll horizontally without that prop
+     * (a `FlatList` with `horizontal` set through `contentContainerStyle`, say).
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Colour the fade resolves to — normally whatever sits behind the
+     * scrollable. Defaults to the theme's background.
+     */
+    color?: string;
+    /** Distance in pixels over which an edge fades from clear to full. */
+    fadeInDistance?: number;
+    /** Set false to render the child with no fades at all. */
+    enabled?: boolean;
+    children?: ReactNode;
+}
+export declare function ScrollFade({ className, size, edges, orientation, color, fadeInDistance, enabled, children, ...props }: ScrollFadeProps): import("react").JSX.Element;
+export declare namespace ScrollFade {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/scroll-fade/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-fade/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC1C;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAUD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAS,EACT,KAAc,EACd,WAAW,EACX,KAAK,EACL,cAAyC,EACzC,OAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAiHjB;yBA3He,UAAU"}