everkit-ui 0.1.0

package/dist/typescript/commonjs/src/components/ScreenHeader.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ScreenHeaderVariant = 'detail' | 'form';
+export interface ScreenHeaderProps {
+    /**
+     * Big header copy. Optional because `variant="detail"` renders no title slot
+     * at all when omitted (a back-chevron-only header).
+     */
+    title?: string;
+    /** Small line below the title (e.g. a chat screen's "AI Assistant"). */
+    subtitle?: string;
+    /**
+     * Back-button handler. The consuming app passes its navigation callback here
+     * (e.g. `() => router.back()`); the library never imports a router. When
+     * omitted the chevron still renders but does nothing — pass `showBack={false}`
+     * (or `showBack={Boolean(onBack)}`) to hide it on screens with no back nav.
+     */
+    onBack?: () => void;
+    /** Render the back chevron. Defaults to `true`. */
+    showBack?: boolean;
+    /** Icon buttons / chips shown on the right of the header. */
+    rightActions?: ReactNode;
+    /**
+     * `'detail'` — no title slot when none is passed; larger/heavier title
+     * (`heading-lg`) when one is. `'form'` — plainer `display-sm` title. Controls
+     * title typography only. Defaults to `'detail'`.
+     */
+    variant?: ScreenHeaderVariant;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic screen header — back chevron on the left, optional
+ * title + subtitle in the middle, optional right-action slot on the right.
+ * Safe-area is owned by the parent scaffold.
+ *
+ * Color comes INLINE from {@link useColors}: the chevron is `text.primary`, the
+ * title defaults to `text.primary` (via {@link Text}), and the subtitle is
+ * `text.secondary`. Layout (flex, padding, gap) is applied INLINE from the
+ * library-owned {@link SPACE} scale, so the header renders with no NativeWind
+ * setup in the consumer; `style` is an inline override merged last.
+ *
+ * Router-decoupled: `onBack` is a plain callback wired straight to the back
+ * Pressable's `onPress` — there is deliberately NO `expo-router` import and NO
+ * `router.back()` default. The consuming app supplies navigation.
+ */
+export declare function ScreenHeader({ title, subtitle, onBack, showBack, rightActions, variant, style, }: ScreenHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenHeader.d.ts.map

package/dist/typescript/commonjs/src/components/ScreenHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScreenHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAM1F,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAe,EACf,YAAY,EACZ,OAAkB,EAClB,KAAK,GACN,EAAE,iBAAiB,2CAoCnB"}

package/dist/typescript/commonjs/src/components/SearchInput.d.ts

@@ -0,0 +1,30 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SearchInputProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    /**
+     * Debounce in ms before `onChangeText` fires (the field updates instantly).
+     * Defaults to `300`. Pass `0` to fire on every keystroke.
+     */
+    debounceMs?: number;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic debounced search field — a pill with a leading magnifier and a
+ * trailing clear button. The field updates immediately for a responsive feel
+ * while `onChangeText` is debounced (`debounceMs`) so list filtering doesn't run
+ * on every keystroke.
+ *
+ * Every colour comes INLINE from {@link useColors}: the pill fills with
+ * `bg.secondary`, the icons + placeholder are `text.tertiary`, and the typed
+ * text is `text.primary`. The field font comes from the theme's `body-md`
+ * variant (family + geometry) rather than a `font-*` className — the pilot
+ * consumer's hardcoded `font-quicksand-medium` is removed. Layout (flex,
+ * padding, radius) is applied INLINE from the library-owned {@link SPACE}/
+ * {@link RADIUS} scale, so the field renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ */
+export declare function SearchInput({ value, onChangeText, placeholder, debounceMs, style, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/typescript/commonjs/src/components/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,SAAS,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAMzG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,WAAyB,EACzB,UAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,2CA6FlB"}

package/dist/typescript/commonjs/src/components/SelectionSheet.d.ts

@@ -0,0 +1,54 @@
+import { type ReactNode } from 'react';
+import { type LucideIcon } from 'lucide-react-native';
+export interface SelectionSheetItem<T> {
+    /** Stable identity — also the selection key (`selectedId`) and list key. */
+    id: string;
+    /** Primary line. */
+    label: string;
+    /** Secondary line — a category, capacity, anything one-line. */
+    subtitle?: string;
+    /** Optional leading thumbnail (remote or local URI). */
+    imageUri?: string;
+    /**
+     * Optional fallback icon shown in the leading disc when there is no
+     * `imageUri`. Pass the lucide component itself (e.g. `icon={Leaf}`) — that's
+     * tree-shake friendly and matches how the rest of the library takes icons.
+     */
+    icon?: LucideIcon;
+    /** The raw entity the caller cares about, handed back in `onSelect`. */
+    data: T;
+}
+export interface SelectionSheetProps<T> {
+    visible: boolean;
+    onClose: () => void;
+    title: string;
+    /** Pre-sorted by the caller (recency, alphabetical, …). */
+    items: SelectionSheetItem<T>[];
+    /** Id of the currently-selected item — gets a check + tinted row. */
+    selectedId?: string;
+    onSelect: (item: SelectionSheetItem<T>) => void;
+    /** Show the search field. Defaults to `true`; pass `false` for short lists. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Shown when the filtered list is empty (search miss or zero items). */
+    emptyState?: ReactNode;
+}
+/**
+ * Theme-agnostic selection sheet — a searchable, single-select picker on top of
+ * the library's {@link BottomActionSheet}. Each row is a leading thumbnail (or a
+ * fallback {@link SelectionSheetItem.icon} disc), a label + optional subtitle,
+ * and a check on the selected row.
+ *
+ * Generic over the item payload `T`: `items` carry the raw entity in `data`,
+ * which is handed straight back through `onSelect`, so the same sheet picks a
+ * tea, a contact, a workspace — anything one-line. Domain-free: no app store,
+ * router, or icon namespace; the caller supplies the (pre-sorted) items.
+ *
+ * Built on {@link BottomActionSheet} (a `Modal`, not `@gorhom/bottom-sheet`) so
+ * it needs no gesture/animation peer, with {@link SearchInput} for the filter
+ * (label + subtitle, case-insensitive) and a `FlatList` body. The query resets
+ * each time the sheet closes. Colour comes INLINE from {@link useColors};
+ * spacing from the {@link SPACE} scale.
+ */
+export declare function SelectionSheet<T>({ visible, onClose, title, items, selectedId, onSelect, searchable, searchPlaceholder, emptyState, }: SelectionSheetProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectionSheet.d.ts.map

package/dist/typescript/commonjs/src/components/SelectionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAY/D,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wEAAwE;IACxE,IAAI,EAAE,CAAC,CAAA;CACR;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9B,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC/C,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,yEAAyE;IACzE,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAeD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,OAAO,EACP,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,UAAiB,EACjB,iBAA6B,EAC7B,UAAU,GACX,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAkLxB"}

package/dist/typescript/commonjs/src/components/SettingsRow.d.ts

@@ -0,0 +1,52 @@
+import type React from 'react';
+interface SettingsRowBaseProps {
+    /** Leading glyph rendered inside the rounded disc (a lucide icon element). */
+    icon: React.ReactNode;
+    label: string;
+    /** Small line below the label. */
+    description?: string;
+}
+/** Tappable navigation / action row — shows an optional value + chevron. */
+export interface SettingsRowPressableProps extends SettingsRowBaseProps {
+    type: 'pressable';
+    /** Trailing read-only value (e.g. the current selection). */
+    value?: string;
+    onPress: () => void;
+    /** Render the trailing chevron. Defaults to `true`. */
+    showChevron?: boolean;
+    /** Renders the label in `semantic.error` (e.g. "Delete account", "Sign out"). */
+    destructive?: boolean;
+}
+/** Toggle row — delegates layout to {@link ToggleRow}. */
+export interface SettingsRowToggleProps extends SettingsRowBaseProps {
+    type: 'toggle';
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+}
+/** Static info row — a label + read-only value (string or a custom cell). */
+export interface SettingsRowInfoProps extends SettingsRowBaseProps {
+    type: 'info';
+    /**
+     * A string renders with the row's default trailing value style; pass a
+     * `ReactNode` when you need a custom value cell (badge, link, formatted
+     * number).
+     */
+    value: string | React.ReactNode;
+}
+export type SettingsRowProps = SettingsRowPressableProps | SettingsRowToggleProps | SettingsRowInfoProps;
+/**
+ * Theme-agnostic settings row in three shapes, discriminated on `type`:
+ *   - `'pressable'` — a tappable navigation/action row (trailing value + chevron),
+ *   - `'toggle'`    — a label + `Switch` (delegates to {@link ToggleRow}),
+ *   - `'info'`      — a static label + read-only value.
+ *
+ * Color comes INLINE from {@link useColors}: the leading icon disc fills with
+ * `bg.secondary`, the label defaults to `text.primary` (via {@link Text}, or
+ * `semantic.error` when a pressable row is `destructive`), and the description +
+ * trailing value + chevron use the tertiary tokens. `className` is intentionally
+ * not exposed — rows are designed to sit flush inside a {@link SettingsSection}
+ * card, so their padding/alignment is fixed for consistency.
+ */
+export declare function SettingsRow(props: SettingsRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SettingsRow.d.ts.map

package/dist/typescript/commonjs/src/components/SettingsRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,oBAAoB;IAC5B,8EAA8E;IAC9E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,4EAA4E;AAC5E,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE,IAAI,EAAE,WAAW,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,0DAA0D;AAC1D,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC;AAED,6EAA6E;AAC7E,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,MAAM,MAAM,gBAAgB,GACxB,yBAAyB,GACzB,sBAAsB,GACtB,oBAAoB,CAAA;AAMxB;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+ElD"}

package/dist/typescript/commonjs/src/components/SettingsSection.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SettingsSectionProps {
+    /** Section heading rendered above the grouped card. */
+    heading: string;
+    /** Section body — usually one or more {@link SettingsRow}s, optionally divided. */
+    children: ReactNode;
+    /** Optional inline style override, merged last so callers can retune the inset/gap. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic settings section: a horizontally-inset heading followed by a
+ * {@link Card}-wrapped body. Groups related rows on a settings screen
+ * (Appearance, Notifications, Privacy, About).
+ *
+ * It carries NO color of its own — the heading uses {@link Text}'s default
+ * `text.primary` and the surface is the library's themed {@link Card}. Layout
+ * (the standard horizontal inset + bottom gap so stacked sections space evenly)
+ * is applied INLINE from the library-owned {@link SPACE} scale, so the section
+ * renders with no NativeWind setup in the consumer; `style` is an inline
+ * override merged last.
+ */
+export declare function SettingsSection({ heading, children, style }: SettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsSection.d.ts.map

package/dist/typescript/commonjs/src/components/SettingsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAKnE,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,mFAAmF;IACnF,QAAQ,EAAE,SAAS,CAAA;IACnB,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,oBAAoB,2CASjF"}

package/dist/typescript/commonjs/src/components/Skeleton.d.ts

@@ -0,0 +1,31 @@
+import { type DimensionValue, type ViewStyle } from 'react-native';
+export interface SkeletonProps {
+    /** Width — a number (px) or a `DimensionValue` (`'100%'`). Defaults to `'100%'`. */
+    width?: DimensionValue;
+    /** Height in px. Defaults to `16`. */
+    height?: number;
+    /** Border radius. Defaults to `8`. */
+    borderRadius?: number;
+    /**
+     * Override the moving highlight-band colour. Defaults to a translucent wash
+     * derived from the theme's brightest surface (`bg.card`) so the shimmer reads
+     * over the `bg.tertiary` base under any palette.
+     */
+    highlightColor?: string;
+    style?: ViewStyle;
+}
+/**
+ * Theme-agnostic shimmer placeholder — the generic loading-block primitive.
+ * Compose several to build a screen's skeleton (the domain skeletons —
+ * inventory / detail / chat layouts — stay per app).
+ *
+ * Colour comes INLINE from {@link useColors}: the base fills with `bg.tertiary`
+ * and the moving highlight is a translucent wash DERIVED from `bg.card` via
+ * {@link hexToRgba} (overridable via `highlightColor`) — no hardcoded brand
+ * colour. The pilot consumer keyed the highlight off `useTheme().isDark`, which
+ * is not part of everkit's theme contract, so the brightest-surface wash is used
+ * instead. Honors Reduce-Motion (renders a static block) and defers the animated
+ * sweep until navigation interactions settle.
+ */
+export declare function Skeleton({ width, height, borderRadius, highlightColor, style, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/typescript/commonjs/src/components/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AA2F5F,MAAM,WAAW,aAAa;IAC5B,oFAAoF;IACpF,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAc,EACd,MAAW,EACX,YAAgB,EAChB,cAAc,EACd,KAAK,GACN,EAAE,aAAa,2CA0Bf"}

package/dist/typescript/commonjs/src/components/Spinner.d.ts

@@ -0,0 +1,23 @@
+import { type ViewStyle } from 'react-native';
+import { type SpinnerSize } from '../internal/spinnerProps';
+export type { SpinnerSize } from '../internal/spinnerProps';
+export interface SpinnerProps {
+    /** Semantic size — `sm`, `md` (default), or `lg`. */
+    size?: SpinnerSize;
+    /** Override the spinner colour. Defaults to `colors.brand.primary`. */
+    color?: string;
+    /** Extra style passed through to `ActivityIndicator`. */
+    style?: ViewStyle;
+}
+/**
+ * Theme-agnostic inline loading spinner — for spinners inside buttons, list
+ * footers, small badges, content-area placeholders, and overlay cards.
+ *
+ * Color comes INLINE from {@link useColors}: it defaults to `brand.primary` so
+ * callers can usually omit it (pass `color` to override — e.g. anything on a
+ * brand background uses `text.inverse`). The size → `ActivityIndicator`
+ * size/transform mapping is kept pure in the lifted {@link resolveSpinnerProps}
+ * helper. There is no `className` — a spinner carries no layout of its own.
+ */
+export declare function Spinner({ size, color, style }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/typescript/commonjs/src/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEhF,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAE3D,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,2CAiBlE"}

package/dist/typescript/commonjs/src/components/StarRating.d.ts

@@ -0,0 +1,30 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type StarRatingSize = 'sm' | 'md' | 'lg';
+export interface StarRatingProps {
+    /** Current rating value (`0`–`5`). */
+    value: number;
+    /** Tap callback. Omit (or set `readonly`) for read-only display. */
+    onChange?: (rating: number) => void;
+    size?: StarRatingSize;
+    /** When true the stars are not interactive. */
+    readonly?: boolean;
+    /** Override the filled-star colour. Defaults to `colors.brand.secondary`. */
+    filledColor?: string;
+    /** Override the empty-star colour. Defaults to `colors.border.default`. */
+    emptyColor?: string;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic five-star rating — read-only display or an interactive picker.
+ *
+ * Colour comes INLINE from {@link useColors}: filled stars default to
+ * `brand.secondary` (the warm "rating gold" both themes route through that
+ * token) and empty stars to `border.default`; both are overridable via
+ * `filledColor` / `emptyColor`. Interactive only when `onChange` is set and
+ * `readonly` is false. Layout is applied INLINE from the library-owned
+ * {@link SPACE} scale, so the rating renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ */
+export declare function StarRating({ value, onChange, size, readonly, filledColor, emptyColor, style, }: StarRatingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StarRating.d.ts.map

package/dist/typescript/commonjs/src/components/StarRating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.d.ts","sourceRoot":"","sources":["../../../../../src/components/StarRating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAKrF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE/C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAgB,EAChB,WAAW,EACX,UAAU,EACV,KAAK,GACN,EAAE,eAAe,2CA+CjB"}

package/dist/typescript/commonjs/src/components/StatTile.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface StatTileProps {
+    /**
+     * Big number / short string in the value slot. A plain `string` is wrapped in
+     * the standard `heading-lg` Text; a `ReactNode` is rendered as-is (drop in a
+     * custom badge).
+     */
+    value: string | ReactNode;
+    /** ALL-CAPS label under the value (e.g. "SESSIONS"). */
+    label: string;
+    /** Colour for the value text. Defaults to the inherited `text.primary`. */
+    color?: string;
+    /** Colour for the label text. Defaults to the inherited tertiary colour. */
+    labelColor?: string;
+    /** Optional decoration (small icon) rendered above the value. */
+    icon?: ReactNode;
+    /** Optional inline style override, merged last so callers can retune the tile. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic stat cell: a small ALL-CAPS label under a big number. Lives
+ * inside a {@link HeroStatsRow} which owns the row layout and dividers.
+ *
+ * Carries NO colour of its own — the value defaults to {@link Text}'s
+ * `text.primary` and the label to `caption-sm`'s tint; pass `color` /
+ * `labelColor` (theme values) to retint. Layout (flex + padding) is applied
+ * INLINE from the library-owned {@link SPACE} scale, so the tile renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last
+ * (the row still owns the surrounding spacing).
+ */
+export declare function StatTile({ value, label, color, labelColor, icon, style }: StatTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatTile.d.ts.map

package/dist/typescript/commonjs/src/components/StatTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kFAAkF;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,2CAyBvF"}

package/dist/typescript/commonjs/src/components/StepDots.d.ts

@@ -0,0 +1,61 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Per-dot state.
+ *
+ * - `completed` — a step already finished (renders in `completedColor`).
+ * - `active` — the current step (the wide pill, in `activeColor`).
+ * - `upcoming` — a step not yet reached (renders in `inactiveColor`).
+ */
+export type StepDotState = 'completed' | 'active' | 'upcoming';
+export type StepDotsVariant = 'progress' | 'plain';
+export interface StepDotsProps {
+    /** Total number of dots. */
+    count: number;
+    /**
+     * Index of the current step (`0`-based). Dots before it are `completed`, the
+     * dot at it is `active`, and dots after it are `upcoming`. Pass `-1` (or any
+     * value `< 0`) for "no step active yet" — every dot then renders `upcoming`.
+     */
+    activeIndex: number;
+    /** Dot diameter (the `active` dot keeps this height but is rendered wider). Default `8`. */
+    size?: number;
+    /** Gap between dots. Default `SPACE['2']` (8). */
+    gap?: number;
+    /** Colour of the `active` dot. Defaults to `colors.brand.primary`. */
+    activeColor?: string;
+    /** Colour of `upcoming` dots. Defaults to `colors.border.default`. */
+    inactiveColor?: string;
+    /**
+     * Colour of `completed` dots. Defaults to a translucent `colors.brand.primary`.
+     * Only consulted by the `progress` variant.
+     */
+    completedColor?: string;
+    /**
+     * - `progress` (default) — distinguishes `completed` / `active` / `upcoming`,
+     *   so finished steps read differently from ones not yet reached.
+     * - `plain` — only the `active` dot differs; every other dot uses
+     *   `inactiveColor`, regardless of whether it is before or after the active one.
+     */
+    variant?: StepDotsVariant;
+    /** Optional inline style override, merged last so callers can retune layout. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic step / progress dots — a centred row of dots marking position
+ * through an N-step flow, with the current step lifted into a wide pill.
+ *
+ * Colour comes INLINE from {@link useColors}: the `active` dot defaults to
+ * `brand.primary`, `upcoming` dots to `border.default`, and (in the `progress`
+ * variant) `completed` dots to a translucent `brand.primary`; all three are
+ * overridable via `activeColor` / `inactiveColor` / `completedColor`. Layout
+ * (gap + radius) is applied INLINE from the library-owned {@link SPACE}/
+ * {@link RADIUS} scale, so the row renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ *
+ * The `active` dot keeps the same {@link StepDotsProps.size} height but renders
+ * {@link ACTIVE_WIDTH_FACTOR}× wider so it reads as a pill against the round
+ * upcoming/completed dots. The whole row is purely presentational — the caller
+ * owns step state and feeds it in via `activeIndex`.
+ */
+export declare function StepDots({ count, activeIndex, size, gap, activeColor, inactiveColor, completedColor, variant, style, }: StepDotsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepDots.d.ts.map

package/dist/typescript/commonjs/src/components/StepDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDots.d.ts","sourceRoot":"","sources":["../../../../../src/components/StepDots.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE9D,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAA;AAElD,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAWD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,IAAQ,EACR,GAAG,EACH,WAAW,EACX,aAAa,EACb,cAAc,EACd,OAAoB,EACpB,KAAK,GACN,EAAE,aAAa,2CAsCf"}

package/dist/typescript/commonjs/src/components/StickyBottomBar.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface StickyBottomBarProps {
+    children: ReactNode;
+    /** Merged on top of the computed style — add row/flex/gap or override defaults. */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * When `true`, no top border is painted — for bars that already sit under a
+     * separator, or float over scroll content with `position: absolute`.
+     */
+    borderless?: boolean;
+}
+/**
+ * Theme-agnostic fixed bottom-CTA bar — the single source of truth for the
+ * safe-area inset + top border + background of a pinned action row.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is `bg.primary` and the
+ * hairline top border is `border.default`. The geometry (paddings, the
+ * `max(insetBottom, 12)` floor, the borderless rule) lives in the pure lifted
+ * {@link resolveStickyBottomBarStyle} helper, fed the safe-area inset from
+ * `useSafeAreaInsets()`. Layout is applied INLINE, so the bar renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ *
+ * Render this as a SIBLING after a `<KeyboardScrollView>`, never inside it, so
+ * the CTA stays pinned and tucks under the keyboard while typing.
+ */
+export declare function StickyBottomBar({ children, style, borderless }: StickyBottomBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StickyBottomBar.d.ts.map

package/dist/typescript/commonjs/src/components/StickyBottomBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/StickyBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAMxD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CAYpF"}

package/dist/typescript/commonjs/src/components/TabPillGroup.d.ts

@@ -0,0 +1,33 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface TabOption {
+    /** Stable key returned to `onSelect`. */
+    key: string;
+    /** Visible label. */
+    label: string;
+}
+export interface TabPillGroupProps {
+    tabs: TabOption[];
+    /** Key of the currently-selected tab. */
+    active: string;
+    onSelect: (key: string) => void;
+    /** Optional inline style override, merged last so callers can retune the track. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic segmented control — a row of pill tabs on an inset track, with
+ * the active tab lifted onto a raised surface.
+ *
+ * Color comes INLINE from {@link useColors}: the track fills with `bg.secondary`,
+ * the active pill fills with `bg.primary` and carries the themed {@link useShadows}
+ * `sm` elevation, the active label is `text.primary` and inactive labels are
+ * `text.tertiary`. Layout (radius + padding) is applied INLINE from the
+ * library-owned {@link SPACE}/{@link RADIUS} scale, so the group renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ *
+ * The track is a fixed-height ({@link TRACK_HEIGHT}) `flex-row`; each `flex-1`
+ * pill stretches to fill it and centers its label both axes. See
+ * {@link TRACK_HEIGHT} for why the height is explicit rather than derived from
+ * the label's intrinsic size.
+ */
+export declare function TabPillGroup({ tabs, active, onSelect, style }: TabPillGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabPillGroup.d.ts.map

package/dist/typescript/commonjs/src/components/TabPillGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPillGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabPillGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAK9E,MAAM,WAAW,SAAS;IACxB,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAA;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAgBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA2ChF"}

package/dist/typescript/commonjs/src/components/Text.d.ts

@@ -0,0 +1,34 @@
+import { type TextProps as RNTextProps } from 'react-native';
+import type { TextVariant } from '../theme/types';
+export interface TextProps extends RNTextProps {
+    variant?: TextVariant;
+    children: React.ReactNode;
+}
+/**
+ * The proof component for everkit-ui's one styling rule.
+ *
+ * Color and fonts come INLINE from the theme:
+ *   - `fontFamily` from `tokens.typography.fontFamily[variant]`
+ *   - geometry (`fontSize` / `lineHeight` / `letterSpacing`) from
+ *     {@link VARIANT_GEOMETRY}
+ *   - default `color` from `tokens.colors.text.primary`
+ *
+ * `className` may carry LAYOUT ONLY — never a var-backed color/font class
+ * (`text-text-*`, `font-*`), because NativeWind's CSS-variable path does not
+ * reliably swap on native dark mode. A caller overrides the color with an inline
+ * `style={{ color }}`, which is merged last and therefore wins.
+ *
+ * EMOJI SAFETY: on iOS a text run with an explicit custom `fontFamily` does NOT
+ * cascade to the system colour-emoji font, so any emoji renders as a tofu box.
+ * When `children` flattens to plain text (a string, number, or array of those —
+ * see {@link asPlainString}) that contains emoji we therefore keep geometry +
+ * color on the OUTER `<RNText>` but move the variant
+ * `fontFamily` onto nested `<RNText>` runs wrapping only the NON-emoji text; the
+ * emoji runs are wrapped in a bare nested `<RNText>` with no `fontFamily`, so
+ * they inherit none from the (font-less) parent and iOS falls back to the colour
+ * emoji font. Plain text without emoji, and non-string children (React nodes),
+ * keep `fontFamily` on the outer node exactly as before — the public API and the
+ * common-case render are unchanged.
+ */
+export declare function Text({ variant, style, children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/typescript/commonjs/src/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,IAAI,WAAW,EAAkB,MAAM,cAAc,CAAA;AAG5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAiFD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAyCX"}

package/dist/typescript/commonjs/src/components/Toast.d.ts

@@ -0,0 +1,33 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type ToastVariant = 'success' | 'error' | 'info';
+export interface ToastProps {
+    variant?: ToastVariant;
+    title: string;
+    description?: string;
+    /** Whether the toast is shown. Flip to animate in; the toast hides itself after `duration`. */
+    visible: boolean;
+    /** Called once the exit animation finishes — the owner should clear its state here. */
+    onHide: () => void;
+    /** Auto-hide duration in ms (default `3000`). */
+    duration?: number;
+    /** Optional inline style override, merged last so callers can retune the anchor/position. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic, presentational toast — a top-anchored card that slides down +
+ * fades in, then auto-hides after `duration`. This is the VIEW only; the
+ * imperative `ToastProvider` / `useToast` queue stays per app (the library owns
+ * no global state), so a host renders `<Toast visible … onHide … />` and drives
+ * `visible` itself.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is `bg.card`, the
+ * 1px outline is `border.default`, and the 4px left accent + icon use the
+ * per-variant `semantic.*` / `brand.primary` colour from {@link getVariantConfig}.
+ * Elevation comes from the themed {@link useShadows} `md` preset (so each theme
+ * tunes its own dark-mode opacity). Motion runs on the lifted {@link SPRINGS}
+ * enter + {@link TIMINGS} exit. Position/spacing are applied INLINE from the
+ * library-owned {@link SPACE}/{@link RADIUS} scale, so the toast renders with no
+ * NativeWind setup in the consumer; `style` is an inline override merged last.
+ */
+export declare function Toast({ variant, title, description, visible, onHide, duration, style, }: ToastProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/typescript/commonjs/src/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAkBnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+FAA+F;IAC/F,OAAO,EAAE,OAAO,CAAA;IAChB,uFAAuF;IACvF,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAe,EACf,KAAK,GACN,EAAE,UAAU,kDAiFZ"}

package/dist/typescript/commonjs/src/components/ToggleRow.d.ts

@@ -0,0 +1,37 @@
+import { type ReactElement } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type LucideIcon } from 'lucide-react-native';
+export interface ToggleRowProps {
+    label: string;
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    /** Small line below the label. */
+    helperText?: string;
+    /**
+     * Optional leading icon, rendered inside the left disc that matches
+     * {@link SettingsRow}. Accepts either a `LucideIcon` COMPONENT (e.g.
+     * `icon={Bell}` — size + colour owned here for consistency) or a pre-rendered
+     * `ReactElement` (already styled by the caller), so `SettingsRow` can forward
+     * its already-rendered icon when delegating a `type="toggle"` row here.
+     */
+    icon?: LucideIcon | ReactElement;
+    disabled?: boolean;
+    /** Optional inline style override, merged last so callers can retune the row. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Theme-agnostic row primitive: a label + optional helper text + a `Switch`.
+ * Tapping anywhere on the row toggles the value (matches platform expectations
+ * and a11y — the row's accessibility role is `switch`). Its visual style matches
+ * {@link SettingsRow}'s toggle variant so the two mix inside a `Card` seamlessly.
+ *
+ * Color comes INLINE from {@link useColors}: the icon disc fills with
+ * `bg.secondary`, the label defaults to `text.primary` (via {@link Text}), the
+ * helper text is `text.tertiary`, and the `Switch` track is `border.default` →
+ * `brand.primary` with a `bg.primary` thumb. Layout (flex, gap, padding, radius)
+ * is applied INLINE from the library-owned {@link SPACE}/{@link RADIUS} scale, so
+ * the row renders with no NativeWind setup in the consumer and aligns across a
+ * section; `style` is an inline escape hatch merged last.
+ */
+export declare function ToggleRow({ label, value, onValueChange, helperText, icon, disabled, style, }: ToggleRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleRow.d.ts.map