everkit-ui 0.1.0

package/dist/typescript/module/src/components/Avatar.d.ts

@@ -0,0 +1,64 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type LucideIcon } from 'lucide-react-native';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps {
+    /** Photo URL — when set, renders the photo instead of the fallback disc. */
+    photoUrl?: string | null;
+    /** Display name — first source of initials. */
+    displayName?: string | null;
+    /** Email — fallback source of initials when the display name is blank. */
+    email?: string | null;
+    /** Stable id (e.g. a user UUID) — drives the deterministic fallback colour. */
+    stableId?: string | null;
+    size?: AvatarSize;
+    onPress?: () => void;
+    /**
+     * Override the fallback disc background. By default the disc colour is DERIVED
+     * deterministically from the theme by hashing `stableId` over the theme's own
+     * brand/semantic ramps (see {@link resolveAvatarColors}); pass this to force a
+     * specific theme colour instead.
+     */
+    fallbackColor?: string;
+    /**
+     * Override BOTH the fallback disc background and the initials / leaf ink — for
+     * a consumer that injects its own per-id palette pair (e.g. an app-specific
+     * `avatarFallback` ramp). Takes precedence over {@link fallbackColor}.
+     */
+    fallbackColors?: {
+        disc: string;
+        ink: string;
+    };
+    /**
+     * Override the initials font face. Pass a string for one face, or a function
+     * of the resolved `size` for per-size weights. Defaults to the theme font (via
+     * {@link Text}).
+     */
+    initialsFontFamily?: string | ((size: AvatarSize) => string);
+    /**
+     * Icon shown in the fallback disc when no initials can be derived (no name or
+     * email). Defaults to a neutral `UserRound`; pass an app-flavoured glyph
+     * (e.g. `Leaf`, `Coffee`) to match the product.
+     */
+    fallbackIcon?: LucideIcon;
+    /** Level / status ring colour (outer circle). Omit for no ring. */
+    ringColor?: string | null;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic avatar — a photo when `photoUrl` is set, otherwise a coloured
+ * disc with the user's initials (or a neutral `fallbackIcon` when none can be
+ * derived — overridable per app).
+ *
+ * SELF-CONTAINED fallback colour: the pilot consumer read a tea-specific
+ * `colors.avatarFallback` palette token that is NOT in everkit's `ThemeColors`
+ * contract. Here the disc `{ bg, ink }` is DERIVED from the theme by hashing
+ * `stableId` over the theme's own `brand.*` / `semantic.*` ramps (the pure
+ * {@link resolveAvatarColors} helper), so it follows any injected palette with no
+ * app token — or pass `fallbackColor` to force the disc background. The initials
+ * font comes from the theme via {@link Text}. The optional `ringColor` draws an
+ * OUTER ring (an outer disc, not a `borderWidth`, which would eat into content).
+ * `style` is an inline override merged last so consumers can retune layout.
+ */
+export declare function Avatar({ photoUrl, displayName, email, stableId, size, onPress, fallbackColor, fallbackColors, initialsFontFamily, fallbackIcon: FallbackIcon, ringColor, style, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/typescript/module/src/components/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAMhE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAA;IAC5D;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAmBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,YAAY,EAAE,YAAwB,EACtC,SAAS,EACT,KAAK,GACN,EAAE,WAAW,2CA0Fb"}

package/dist/typescript/module/src/components/BotChatBubble.d.ts

@@ -0,0 +1,42 @@
+import React, { type ReactNode } from 'react';
+/** One cited web source — a generic `{ title, url }`, never a domain type. */
+export interface ChatSource {
+    title: string;
+    url: string;
+}
+export interface BotChatBubbleProps {
+    /** Bubble text — rendered with inline-markdown via {@link FormattedText}. */
+    content: string;
+    /** While true, shows a {@link TypingIndicator} in place of the content. */
+    isLoading?: boolean;
+    /**
+     * Optional cited sources, rendered as tappable pills under the bubble. A
+     * generic `{ title, url }[]` — the library owns no web-source domain type.
+     * Tapping opens the URL via `Linking.openURL`.
+     */
+    sources?: ChatSource[];
+    /**
+     * Avatar glyph shown in the brand-filled disc beside the bubble. Pass your own
+     * (e.g. a `<Coffee/>` or `<Leaf/>`) tinted with `colors.text.inverse`. Defaults
+     * to a generic sparkle.
+     */
+    avatarIcon?: ReactNode;
+}
+declare function BotChatBubbleImpl({ content, isLoading, sources, avatarIcon }: BotChatBubbleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Theme-agnostic incoming (bot) chat bubble — a brand avatar disc + a left-tail
+ * bubble, an optional row of tappable source pills, and a typing state.
+ *
+ * GENERIC: it carries NO domain coupling. Sources are a plain
+ * `{ title, url }[]` (not a web-source domain type) and the avatar glyph is
+ * injected by the caller, so the same bubble serves any chat. Color comes INLINE
+ * from {@link useColors}: the avatar + nothing else uses `brand.primary`, the
+ * bubble is `bg.card` with the themed {@link useShadows} `sm` elevation, the text
+ * is `text.primary` (via {@link FormattedText}, which also renders inline
+ * markdown), and source pills are `bg.secondary` with `text.secondary` content.
+ * Memoised so older bubbles in a long inverted `FlatList` do not re-render when a
+ * new message is appended or the latest bubble's loading flips.
+ */
+export declare const BotChatBubble: React.MemoExoticComponent<typeof BotChatBubbleImpl>;
+export {};
+//# sourceMappingURL=BotChatBubble.d.ts.map

package/dist/typescript/module/src/components/BotChatBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BotChatBubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/BotChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAS7C,8EAA8E;AAC9E,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,OAAO,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,iBAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CA6FzF;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,qDAOzB,CAAA"}

package/dist/typescript/module/src/components/BottomActionSheet.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { DimensionValue } from 'react-native';
+export interface BottomActionSheetProps {
+    visible: boolean;
+    onClose: () => void;
+    /**
+     * Optional cap on the sheet container's height. Use `'80%'` (or similar) for
+     * sheets whose body is a long ScrollView; omit for action lists that size to
+     * their content.
+     */
+    maxHeight?: DimensionValue;
+    /**
+     * Round the BOTTOM corners too (to match the top) and lift the sheet off the
+     * screen edge so it reads as a floating card. Default `false` keeps the classic
+     * flush-to-bottom sheet.
+     */
+    roundedBottom?: boolean;
+    /** Dim of the backdrop scrim (fixed black, theme-independent). Defaults to `0.4`. */
+    backdropOpacity?: number;
+    /**
+     * Wrap the sheet in a keyboard avoider so a `TextInput` in the body stays
+     * above the keyboard. Default `false` — enable only for sheets with inputs
+     * (the Modal detaches from the parent tree, so an outer screen's keyboard
+     * avoider can't reach inputs rendered here).
+     */
+    keyboardAware?: boolean;
+    children: ReactNode;
+}
+/**
+ * Theme-agnostic bottom-sheet scaffold — owns the `Modal` + dim backdrop + sheet
+ * container + grabber bar, so consumers only render the body (title, action rows,
+ * lists, etc.).
+ *
+ * A `Modal`-based sheet (rather than `@gorhom/bottom-sheet`): short, modal, no
+ * gesture-drag — which keeps the library dependency-free and avoids gesture/
+ * animation regressions. Tap-outside-to-close is the outer `<Pressable
+ * onPress={onClose}>` with an inner `<Pressable>` that swallows taps on the body.
+ *
+ * Color comes INLINE from {@link useColors} (`bg.primary` surface, `border.strong`
+ * grabber); spacing + radii from the {@link SPACE}/{@link RADIUS} scale. The
+ * backdrop is a fixed black scrim (modal dim is conventionally dark on any theme),
+ * its opacity tunable via `backdropOpacity`.
+ */
+export declare function BottomActionSheet({ visible, onClose, maxHeight, roundedBottom, backdropOpacity, keyboardAware, children, }: BottomActionSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomActionSheet.d.ts.map

package/dist/typescript/module/src/components/BottomActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomActionSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAMlD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAqB,EACrB,eAAqB,EACrB,aAAqB,EACrB,QAAQ,GACT,EAAE,sBAAsB,2CAmDxB"}

package/dist/typescript/module/src/components/Button.d.ts

@@ -0,0 +1,31 @@
+import type React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'outline' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    loading?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    children: React.ReactNode;
+    onPress?: () => void;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic call-to-action button.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is a `brand.*` /
+ * `semantic.error` / `bg.primary` token (per variant), and the label + loader
+ * use `text.inverse` or `brand.primary` per the {@link INK} map. Elevation comes
+ * from the themed {@link useShadows} `sm` preset (so each theme tunes its own
+ * dark-mode opacity), and the press scale runs on the lifted {@link SPRINGS}.
+ * Layout (flex, padding, radius) is applied INLINE from the library-owned
+ * {@link SPACE}/{@link RADIUS} scale, so the button renders with no NativeWind
+ * setup in the consumer; `style` is an inline override merged last.
+ */
+export declare function Button({ variant, size, icon, iconPosition, loading, disabled, fullWidth, children, onPress, style, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/typescript/module/src/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAsC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAWjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE/F,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAmCD;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,YAAqB,EACrB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,WAAW,2CAiFb"}

package/dist/typescript/module/src/components/Card.d.ts

@@ -0,0 +1,49 @@
+import type React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type CardVariant = 'default' | 'accent';
+/** Shared card surface specs — use these in ad-hoc card-like Views for consistency. */
+export declare const CARD_SPECS: {
+    readonly sm: {
+        readonly borderRadius: 14;
+        readonly padding: 12;
+    };
+    readonly md: {
+        readonly borderRadius: 16;
+        readonly padding: 16;
+    };
+    readonly lg: {
+        readonly borderRadius: 20;
+        readonly padding: 20;
+    };
+};
+export interface CardProps {
+    variant?: CardVariant;
+    /**
+     * Left-border color for the `"accent"` variant. A theme color string
+     * (e.g. `colors.brand.primary`), NOT a Tailwind class — keeping it a value
+     * prop is what lets the accent follow any injected theme. Defaults to
+     * `colors.brand.primary` when omitted.
+     */
+    accentColor?: string;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    children: React.ReactNode;
+    /** Optional inline style override, merged last so callers can retune the surface. */
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+}
+/**
+ * Theme-agnostic surface card.
+ *
+ * The surface color comes INLINE from {@link useColors} (`bg.card`) and the
+ * elevation from the themed {@link useShadows} `md` preset, so each theme tunes
+ * its own dark-mode shadow. When `onPress`/`onLongPress` is supplied the card
+ * becomes a Pressable with a subtle press-scale on the lifted {@link SPRINGS};
+ * otherwise it is a static `Animated.View`. The `"accent"` variant draws a left
+ * border in {@link CardProps.accentColor} (a theme color value, not a domain
+ * class). Layout (radius + padding) is applied INLINE from the library-owned
+ * {@link SPACE}/{@link RADIUS} scale, so the card renders with no NativeWind
+ * setup in the consumer; `style` is an inline escape hatch merged last.
+ */
+export declare function Card({ variant, accentColor, onPress, onLongPress, children, style, accessibilityLabel, }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/typescript/module/src/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAUxE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9C,uFAAuF;AACvF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAIb,CAAA;AAEV,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,qFAAqF;IACrF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAQD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,WAAW,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,2CAiDX"}

package/dist/typescript/module/src/components/Carousel.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+export interface CarouselProps<T> {
+    /** Items to render, in display order. */
+    data: T[];
+    /**
+     * Renders a single item. The carousel handles the spacing between items, so
+     * `renderItem` only needs to return the card itself — give it an explicit
+     * width (or set {@link CarouselProps.itemWidth}) for snapping to line up.
+     */
+    renderItem: (item: T, index: number) => ReactNode;
+    /**
+     * Stable key for each item. Defaults to the array index — pass a real
+     * identity when the data can reorder.
+     */
+    keyExtractor?: (item: T, index: number) => string;
+    /**
+     * Width of one item in points. Required for {@link CarouselProps.snap} to
+     * compute the snap interval; when omitted the row scrolls freely.
+     */
+    itemWidth?: number;
+    /** Horizontal gap between items. Defaults to {@link SPACE}['3'] (12). */
+    gap?: number;
+    /** Padding on the leading + trailing edge of the row, e.g. to align with content. */
+    contentPaddingHorizontal?: number;
+    /**
+     * Snap each item to the start as it scrolls. Defaults to `true`; the snap
+     * interval is `itemWidth + gap`, so it only takes effect with `itemWidth` set.
+     */
+    snap?: boolean;
+}
+/**
+ * Theme-agnostic horizontal snap carousel. Generic over the item type `T`: the
+ * carousel owns only the horizontal layout (gap, edge padding, snapping) and
+ * delegates every card to `renderItem`, so the same row carries products,
+ * photos, stats — anything one-wide. Domain-free: no card, store, or router is
+ * imported; the consumer injects the cards.
+ *
+ * `ScrollView`-based (horizontal, scrollbar hidden) to match the source it was
+ * ported from. With {@link CarouselProps.itemWidth} set and `snap` left on, each
+ * item snaps to the start via `snapToInterval = itemWidth + gap`. Spacing comes
+ * INLINE from the library-owned {@link SPACE} scale — the row renders with no
+ * NativeWind setup in the consumer.
+ */
+export declare function Carousel<T>({ data, renderItem, keyExtractor, itemWidth, gap, contentPaddingHorizontal, snap, }: CarouselProps<T>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/typescript/module/src/components/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,yCAAyC;IACzC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;;OAIG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACjD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qFAAqF;IACrF,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,GAAgB,EAChB,wBAAwB,EACxB,IAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,kDAwBlB"}

package/dist/typescript/module/src/components/ChatInputBar.d.ts

@@ -0,0 +1,28 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ChatInputBarProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    onSend: () => void;
+    /** Disables the send button while a parent mutation is in flight. */
+    isSending?: boolean;
+    placeholder?: string;
+    maxLength?: number;
+    /** Optional inline style override, merged last so callers can retune the bar's layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic chat composer — a multiline rounded input with a send button,
+ * anchored at the bottom of a {@link ChatScreen}.
+ *
+ * Color comes INLINE from {@link useColors}: the bar fills with `bg.primary`
+ * (with a `border.default` top hairline), the field is `bg.card` with
+ * `text.primary` text + `text.tertiary` placeholder, and the send button is
+ * `brand.primary` (themed {@link useShadows} `sm`) when sendable / `bg.secondary`
+ * when not. The field FONT also comes from the theme — `body-md` family +
+ * geometry inline — never a `font-*` className (those do not resolve reliably on
+ * native). Layout (flex, padding, radius) is applied INLINE from the
+ * library-owned {@link SPACE}/{@link RADIUS} scale, so the bar renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ */
+export declare function ChatInputBar({ value, onChangeText, onSend, isSending, placeholder, maxLength, style, }: ChatInputBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatInputBar.d.ts.map

package/dist/typescript/module/src/components/ChatInputBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInputBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,SAAS,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAMzG,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAiB,EACjB,WAAiC,EACjC,SAAgB,EAChB,KAAK,GACN,EAAE,iBAAiB,2CA6EnB"}

package/dist/typescript/module/src/components/ChatScreen.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode, Ref } from 'react';
+import React from 'react';
+import { type ListRenderItem, type NativeScrollEvent, type NativeSyntheticEvent } from 'react-native';
+/**
+ * Minimal contract every message must satisfy: a stable `id` for the FlatList.
+ * Callers pass their own full message shape; this scaffold never introspects
+ * anything beyond `id` — it is fully generic over the message type.
+ */
+export interface ChatMessage {
+    id: string;
+}
+/**
+ * Imperative handle exposed via `ref`. The only verb is `scrollToBottom` (used by
+ * a "back to latest" affordance). Kept intentionally small — anything richer
+ * would leak the FlatList implementation.
+ */
+export interface ChatScreenHandle {
+    scrollToBottom: (options?: {
+        animated?: boolean;
+    }) => void;
+}
+export interface ChatScreenProps<M extends ChatMessage> {
+    /** Big header copy — e.g. "AI Assistant". */
+    title: string;
+    /** Optional small line below the title. */
+    subtitle?: string;
+    /** Back-button handler. Omit to hide the back chevron. The app supplies navigation. */
+    onBack?: () => void;
+    /** Right-side header slot — e.g. a "reset conversation" button. */
+    rightActions?: ReactNode;
+    /**
+     * Messages in oldest-first order. The scaffold reverses them internally for
+     * the inverted FlatList, so callers pass them the natural way round.
+     */
+    messages: M[];
+    renderMessage: ListRenderItem<M>;
+    isLoading?: boolean;
+    /** Fallback shown while `isLoading` is true and there are no messages yet. */
+    loadingFallback?: ReactNode;
+    error?: Error | null;
+    onRetry?: () => void;
+    /** Shown when `messages` is empty (and not loading). */
+    emptyState?: ReactNode;
+    /**
+     * Receives the trimmed text. Awaited: on rejection, the scaffold restores the
+     * original text into the input and calls {@link ChatScreenProps.onSendError}.
+     */
+    onSend: (text: string) => Promise<unknown> | void;
+    /**
+     * Called when `onSend` throws or rejects, AFTER the scaffold has restored the
+     * input text. The app surfaces the failure however it likes (e.g. its own
+     * toast) — the library owns no toast queue, so there is deliberately no
+     * `useToast` coupling here.
+     */
+    onSendError?: (error: unknown) => void;
+    /** Disables the send button while the parent mutation is in flight. */
+    isSending?: boolean;
+    inputPlaceholder?: string;
+    /** Defaults to `2000`. */
+    inputMaxLength?: number;
+    /** Forwarded to the FlatList — for pagination. */
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    /** Footer rendered below the last (oldest, in inverted-coords top) row. */
+    listFooter?: ReactNode;
+    /** Receives FlatList scroll events — e.g. to drive a "scroll to bottom" button. */
+    onListScroll?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    /** Absolutely-positioned overlay above the list (below the input). */
+    floatingOverlay?: ReactNode;
+}
+interface ChatScreenComponent {
+    <M extends ChatMessage>(props: ChatScreenProps<M> & {
+        ref?: Ref<ChatScreenHandle>;
+    }): React.ReactElement | null;
+    displayName?: string;
+}
+export declare const ChatScreen: ChatScreenComponent;
+export {};
+//# sourceMappingURL=ChatScreen.d.ts.map

package/dist/typescript/module/src/components/ChatScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatScreen.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAkF,MAAM,OAAO,CAAA;AACtG,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAA;AASrB;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,WAAW;IACpD,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAA;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,EAAE,CAAA;IACb,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wDAAwD;IACxD,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;;OAGG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACjD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACnE,sEAAsE;IACtE,eAAe,CAAC,EAAE,SAAS,CAAA;CAC5B;AAED,UAAU,mBAAmB;IAC3B,CAAC,CAAC,SAAS,WAAW,EACpB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE,GAC1D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAqLD,eAAO,MAAM,UAAU,EAAkC,mBAAmB,CAC3E"}

package/dist/typescript/module/src/components/Chip.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { LucideIcon } from 'lucide-react-native';
+import { type ChipSize, type ChipVariant } from '../internal/chipStyle.js';
+export type { ChipSize, ChipVariant } from '../internal/chipStyle.js';
+export interface ChipProps {
+    /** Visual variant — drives bg + fg colour. Defaults to `'default'`. */
+    variant?: ChipVariant;
+    /** Pill label. */
+    label: string;
+    /** Leading lucide icon, colored to match the chip's foreground. */
+    icon?: LucideIcon;
+    /** Size preset — defaults to `'md'`. */
+    size?: ChipSize;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic pill-shaped tag — the single primitive for chip-style labels.
+ *
+ * GENERIC variants only (`default | info | success | warning`); domain chips
+ * (tea-companion's `'tea-type'`, espresso's diag chips) read per-app palettes
+ * and stay per app. Background + foreground come INLINE from {@link useColors}
+ * via the pure {@link resolveChipColors} helper — `default` uses neutral
+ * `bg.tertiary` / `text.secondary`, `success` uses `brand.primaryLight` /
+ * `brand.primaryDark`, and `info` / `warning` are translucent washes over the
+ * matching `semantic.*` colour. No hardcoded hex. Size geometry (padding, gap,
+ * icon/emoji sizing, text variant) comes from {@link resolveChipSize}.
+ *
+ * `icon` is an optional leading visual, colored to match the foreground.
+ * Layout (flex, radius, alignment) is applied INLINE from the library-owned
+ * {@link RADIUS} scale, so the chip renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ */
+export declare const Chip: React.NamedExoticComponent<ChipProps>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/typescript/module/src/components/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAIrD,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,WAAW,EACjB,MAAM,0BAAuB,CAAA;AAE9B,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,0BAAuB,CAAA;AAElE,MAAM,WAAW,SAAS;IACxB,uEAAuE;IACvE,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,uCAmCf,CAAA"}

package/dist/typescript/module/src/components/ChipSelector.d.ts

@@ -0,0 +1,51 @@
+export interface ChipSelectorOption {
+    value: string;
+    label: string;
+    /**
+     * Per-option active fill colour, overriding the component-level `color` ramp
+     * for this chip only (e.g. a category-coded filter bar). When set, the active
+     * chip fills with this colour and its label uses `text.inverse`.
+     */
+    color?: string;
+}
+export type ChipSelectorVariant = 'filled' | 'outlined';
+export type ChipSelectorColor = 'primary' | 'secondary' | 'accent';
+export type ChipSelectorLayout = 'wrap' | 'scroll';
+export type ChipSelectorShape = 'pill' | 'rounded';
+export interface ChipSelectorProps {
+    options: ChipSelectorOption[];
+    /** The currently-selected value, or `null` for none. */
+    selected: string | null;
+    onSelect: (value: string) => void;
+    /** `'filled'` = solid brand fill when active; `'outlined'` = light brand wash. */
+    variant?: ChipSelectorVariant;
+    /** Which brand ramp the active chip uses. Defaults to `'primary'`. */
+    color?: ChipSelectorColor;
+    /** `'wrap'` flows onto multiple rows; `'scroll'` is a single horizontal row. */
+    layout?: ChipSelectorLayout;
+    /** `'pill'` = fully rounded; `'rounded'` = 12dp radius. */
+    shape?: ChipSelectorShape;
+    /** Optional label rendered above the chips. */
+    label?: string;
+    /**
+     * Padding on the leading + trailing edge of the chip row (e.g. to align the
+     * first chip with screen content). Defaults to `0`.
+     */
+    contentPaddingHorizontal?: number;
+}
+/**
+ * Theme-agnostic single-select chip group — a row (or wrapping grid) of pill
+ * chips where exactly one is active. Distinct from the static {@link Chip} tag:
+ * this owns selection state styling and tap handling.
+ *
+ * Every colour comes INLINE from {@link useColors}: the active `filled` chip
+ * fills with the chosen `brand.*` ramp (label `text.inverse`); the active
+ * `outlined` chip uses the `brand.*Light` wash (label the matching `brand.*`);
+ * inactive chips fill with `bg.secondary` (label `text.secondary`). The pilot
+ * consumer's var-backed text classes (`text-white`, `text-brand-*`) are replaced
+ * with inline theme colours per the one styling rule. Layout (gap + label
+ * spacing) is applied INLINE from the library-owned {@link SPACE} scale, so the
+ * chip group renders with no NativeWind setup in the consumer.
+ */
+export declare function ChipSelector({ options, selected, onSelect, variant, color, layout, shape, label, contentPaddingHorizontal, }: ChipSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChipSelector.d.ts.map

package/dist/typescript/module/src/components/ChipSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChipSelector.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,CAAA;AACvD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;AAClE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,CAAA;AAElD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,wDAAwD;IACxD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kFAAkF;IAClF,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,sEAAsE;IACtE,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,gFAAgF;IAChF,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAkB,EAClB,KAAiB,EACjB,MAAe,EACf,KAAc,EACd,KAAK,EACL,wBAAwB,GACzB,EAAE,iBAAiB,2CAmGnB"}

package/dist/typescript/module/src/components/CircularProgress.d.ts

@@ -0,0 +1,47 @@
+import { type ReactNode } from 'react';
+import { type ViewStyle } from 'react-native';
+export interface CircularProgressProps {
+    /** Fraction filled, `0`..`1`. Clamped to that range. */
+    progress: number;
+    /** Square edge length in px (the ring's outer box). Defaults to `200`. */
+    size?: number;
+    /** Ring thickness in px. Defaults to `12`. */
+    strokeWidth?: number;
+    /**
+     * Track (unfilled groove) colour. Defaults to `border.default`. Pass
+     * `bg.secondary` for a softer, lower-contrast groove.
+     */
+    trackColor?: string;
+    /**
+     * Fill the progress arc with a `brand.primary` → `brand.primaryDark` vertical
+     * gradient. Defaults to `true`; set `false` for a flat `brand.primary` stroke.
+     */
+    gradient?: boolean;
+    /** Round the arc's end caps (`strokeLinecap="round"`). Defaults to `true`. */
+    rounded?: boolean;
+    /**
+     * Sweep animation duration (ms) when `progress` changes. Defaults to `800` (a
+     * smooth reveal). Pass a short value (e.g. `200`) for a live counter that
+     * updates many times a second, or `0` to disable the animation.
+     */
+    animationDurationMs?: number;
+    /** Centered content rendered inside the ring (label, value, icon, …). */
+    children?: ReactNode;
+    style?: ViewStyle;
+}
+/**
+ * Theme-agnostic circular progress RING with a centered content slot — the
+ * generic primitive behind countdown dials, percentage gauges, and step
+ * meters. The app composes the center (time, percent, play/pause) and owns all
+ * domain logic (counting, formatting, infusion state); this ring only paints
+ * the arc and animates the sweep.
+ *
+ * Colour comes INLINE from {@link useColors}: the track defaults to
+ * `border.default` and the filled arc to a `brand.primary` → `brand.primaryDark`
+ * gradient (or a flat `brand.primary` when `gradient={false}`). The
+ * `strokeDashoffset` sweep is driven on the UI thread via `useAnimatedProps`, so
+ * pushing a new `progress` eases the arc without a JS-thread re-render. The arc
+ * starts at 12 o'clock (`rotate(-90)`) and grows clockwise.
+ */
+export declare function CircularProgress({ progress, size, strokeWidth, trackColor, gradient, rounded, animationDurationMs, children, style, }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/typescript/module/src/components/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/CircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAenD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAA;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAU,EACV,WAAgB,EAChB,UAAU,EACV,QAAe,EACf,OAAc,EACd,mBAAuC,EACvC,QAAQ,EACR,KAAK,GACN,EAAE,qBAAqB,2CA8EvB"}

package/dist/typescript/module/src/components/ConfirmDialog.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    visible: boolean;
+    /** Tap-outside / system-back — dismiss without confirming. */
+    onClose: () => void;
+    /** The affirmative action. Keep it async; `confirming` drives the pending UI. */
+    onConfirm: () => void;
+    title: string;
+    /**
+     * Supporting copy under the title. A plain string is rendered in
+     * `text.secondary`; pass a node for richer layout (it's rendered as-is).
+     */
+    message?: string | ReactNode;
+    /** Affirmative button label. Defaults to `'Confirm'`. */
+    confirmLabel?: string;
+    /** Dismiss button label. Defaults to `'Cancel'`. */
+    cancelLabel?: string;
+    /**
+     * Tint the confirm action with `semantic.error` and tint the header disc to
+     * match — for irreversible / dangerous actions. Defaults to `false`.
+     */
+    destructive?: boolean;
+    /**
+     * Optional header glyph shown in a tinted disc above the title. Pass your own
+     * node (e.g. a lucide icon coloured by the caller); none is rendered by default.
+     */
+    icon?: ReactNode;
+    /** Pending state — disables both buttons and spins the confirm button. */
+    confirming?: boolean;
+}
+/**
+ * Theme-agnostic confirm dialog — a centered card on a dim scrim with an optional
+ * header glyph in a tinted disc, a title, supporting copy, and a Cancel / Confirm
+ * button pair. Domain-free: the consumer injects the title, message, labels, and
+ * icon, so the same dialog backs a "Block user?", "Delete draft?", or "Sign out?"
+ * prompt.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is `bg.primary`, the
+ * title `text.primary` (via {@link Text}), the message `text.secondary`. When
+ * `destructive`, the confirm {@link Button} switches to the `danger` variant and
+ * the header disc tints from `semantic.error`; otherwise the disc tints from
+ * `brand.primary` — both DERIVED via {@link hexToRgba} so no literal rgba leaks
+ * in. Elevation comes from the themed {@link useShadows} `lg` preset; spacing +
+ * radii from the {@link SPACE}/{@link RADIUS} scale. The backdrop is a fixed black
+ * scrim (modal dim is conventionally dark on any theme). Tap-outside-to-close is
+ * the outer `<Pressable onPress={onClose}>` with an inner `<Pressable>` that
+ * swallows taps on the card.
+ */
+export declare function ConfirmDialog({ visible, onClose, onConfirm, title, message, confirmLabel, cancelLabel, destructive, icon, confirming, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/typescript/module/src/components/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iFAAiF;IACjF,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,WAAmB,EACnB,IAAI,EACJ,UAAkB,GACnB,EAAE,kBAAkB,2CAoFpB"}