pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/multi-select/MultiSelect.d.ts

@@ -1,24 +1,6 @@
 /**
  * MultiSelect — a trigger styled like Select/Input that opens a checkbox-style option list.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-import type { MultiSelectSize } from "./MultiSelect.variants";
-export interface MultiSelectOption {
-    readonly label: string;
-    readonly value: string;
-    readonly leading?: ReactNode;
-}
-export interface MultiSelectProps {
-    options: MultiSelectOption[];
-    values: string[];
-    onValuesChange: (values: string[]) => void;
-    placeholder?: string;
-    label?: string;
-    disabled?: boolean;
-    size?: MultiSelectSize;
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { MultiSelectProps } from "./MultiSelectProps";
 export declare const MultiSelect: import("react").NamedExoticComponent<MultiSelectProps>;
 //# sourceMappingURL=MultiSelect.d.ts.map

package/lib/typescript/modules/multi-select/MultiSelect.variants.d.ts

@@ -15,11 +15,12 @@
  * Free of React and of any `Modal`/`Pressable` import, so the WCAG + behaviour tests import it
  * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { AccessibilityRole } from "react-native";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type MultiSelectSize = "sm" | "md" | "lg";
 /** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface MultiSelectSizeSpec {
     /** Visual trigger height in dp. */
     readonly height: number;

package/lib/typescript/modules/multi-select/MultiSelectProps.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { InputStatus } from "../input/Input.variants";
+import type { MultiSelectSize } from "./MultiSelect.variants";
+/** One selectable row in a MultiSelect's list. */
+export interface MultiSelectOption {
+    readonly label: string;
+    readonly value: string;
+    /** Rendered before the label, e.g. an icon. */
+    readonly leading?: ReactNode;
+}
+/** Trigger + sheet that lets a user pick multiple options from a list. */
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    values: string[];
+    onValuesChange: (values: string[]) => void;
+    /** Shown in the trigger when no options are selected. */
+    placeholder?: string;
+    label?: string;
+    status?: InputStatus;
+    /** Only rendered when `status` is `"error"`. */
+    errorText?: string;
+    disabled?: boolean;
+    size?: MultiSelectSize;
+    /** Applied last in the root style array, after the container's own layout. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=MultiSelectProps.d.ts.map

package/lib/typescript/modules/multi-select/index.d.ts

@@ -5,6 +5,6 @@
  * internals.
  */
 export { MultiSelect } from "./MultiSelect";
-export type { MultiSelectProps, MultiSelectOption } from "./MultiSelect";
+export type { MultiSelectProps, MultiSelectOption } from "./MultiSelectProps";
 export type { MultiSelectSize } from "./MultiSelect.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/notification-bell/NotificationBell.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationBellProps } from "./NotificationBellProps";
+export declare const NotificationBell: import("react").NamedExoticComponent<NotificationBellProps>;
+//# sourceMappingURL=NotificationBell.d.ts.map

package/lib/typescript/modules/notification-bell/NotificationBellProps.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutStyle } from "../../core/style";
+/** Header bell with optional unread count badge. */
+export interface NotificationBellProps {
+    /** Defaults to 0; the badge renders only when greater than 0. */
+    unreadCount?: number;
+    onPress: () => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=NotificationBellProps.d.ts.map

package/lib/typescript/modules/notification-bell/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationBell } from "./NotificationBell";
+export type { NotificationBellProps } from "./NotificationBellProps";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/number-input/NumberInput.d.ts

@@ -10,31 +10,6 @@
  * `value`, discarding anything that never parsed (a lone "-", an empty field) instead of leaving
  * invalid text on screen.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
-export interface NumberInputProps {
-    value: number;
-    onValueChange: (value: number) => void;
-    min?: number;
-    max?: number;
-    /** Amount the steppers add/subtract. Typed input is clamped to [min, max] but not snapped to step. */
-    step?: number;
-    size?: NumberInputSize;
-    status?: NumberInputStatus;
-    disabled?: boolean;
-    /** Rendered above the field. Also becomes `accessibilityLabel` unless one is passed explicitly. */
-    label?: string;
-    /**
-     * The validity message. Shown below the field and folded into the accessible name when `status`
-     * is `"error"` — same prop name and rule as `Input`/`FormField`. Without it an error is a red
-     * border and nothing else, which no screen-reader or colour-blind user can perceive.
-     */
-    errorText?: string;
-    /** Overrides the label→`accessibilityLabel` fallback. */
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { NumberInputProps } from "./NumberInputProps";
 export declare const NumberInput: import("react").NamedExoticComponent<NumberInputProps>;
 //# sourceMappingURL=NumberInput.d.ts.map

package/lib/typescript/modules/number-input/NumberInput.variants.d.ts

@@ -13,13 +13,12 @@
  * Free of `lucide` and of any React tree, so the WCAG + behaviour tests import it directly (mocking
  * only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type NumberInputSize = "sm" | "md" | "lg";
 /** A state, not a brand tone — same reasoning as Input's `status`. */
 export type NumberInputStatus = "default" | "error";
-/** Same floor as Button/Input/Select — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules
- *  stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface NumberInputSizeSpec {
     /** Visual row/stepper height in dp. Stepper buttons are square: width === height. */
     readonly height: number;
@@ -189,7 +188,7 @@ export declare const numberInputStructure: import("../../core/style").ThemedVari
  * `TextInput` carries: without it, the row's `alignItems: "center"` shrinks the button to its
  * intrinsic content height instead of the row's full `spec.height`, silently voiding the `hitSlop`
  * touch-target math (a real Wave-1 bug on Input — not one to repeat here). The corner radii on the
- * outer edge match the row's own `radii.base` so a pressed/focused fill doesn't square off past the
+ * outer edge match the row's own `radii.md` so a pressed/focused fill doesn't square off past the
  * row's rounded corner.
  */
 export declare const numberInputStepperStructure: import("../../core/style").ThemedVariantResolver<Theme, {
@@ -207,13 +206,15 @@ export declare const numberInputStepperStructure: import("../../core/style").The
     position: {
         leading: {
             borderRightWidth: 1;
-            borderTopLeftRadius: 8;
-            borderBottomLeftRadius: 8;
+            borderTopLeftRadius: 12;
+            borderBottomLeftRadius: 12;
+            borderCurve: "continuous";
         };
         trailing: {
             borderLeftWidth: 1;
-            borderTopRightRadius: 8;
-            borderBottomRightRadius: 8;
+            borderTopRightRadius: 12;
+            borderBottomRightRadius: 12;
+            borderCurve: "continuous";
         };
     };
 }, import("react-native").ViewStyle>;

package/lib/typescript/modules/number-input/NumberInputProps.d.ts

@@ -0,0 +1,23 @@
+import type { LayoutStyle } from "../../core/style";
+import type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
+/** Numeric field with +/- steppers; typed values are clamped to [min, max]. */
+export interface NumberInputProps {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    /** Amount the steppers add/subtract. Typed input is clamped to [min, max] but not snapped to step. */
+    step?: number;
+    size?: NumberInputSize;
+    status?: NumberInputStatus;
+    disabled?: boolean;
+    /** Rendered above the field. Also becomes `accessibilityLabel` unless one is passed explicitly. */
+    label?: string;
+    /** Shown below the field and read aloud when `status` is "error". */
+    errorText?: string;
+    /** Overrides the label→`accessibilityLabel` fallback. */
+    accessibilityLabel?: string;
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=NumberInputProps.d.ts.map

package/lib/typescript/modules/number-input/index.d.ts

@@ -6,6 +6,6 @@
  * `icon` prop and nothing to re-export from `core/icon`.
  */
 export { NumberInput } from "./NumberInput";
-export type { NumberInputProps } from "./NumberInput";
+export type { NumberInputProps } from "./NumberInputProps";
 export type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/org-switcher/OrgSwitcher.d.ts

@@ -16,29 +16,6 @@
  * `Modal` is imported directly from `"react-native"`, and the web-portal branch mirrors `Select`'s
  * — see that file's header for why both are deliberate.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { OrgSwitcherSize } from "./OrgSwitcher.variants";
-export interface OrgSwitcherOption {
-    readonly value: string;
-    readonly label: string;
-    /** The user's role in this org, shown as a second line under the name. */
-    readonly role?: string;
-    /** A remote logo/avatar image. Wins over `avatarInitials` when present. */
-    readonly avatarSource?: {
-        uri: string;
-    };
-    /** Falls back to initials derived from `label` when omitted. */
-    readonly avatarInitials?: string;
-}
-export interface OrgSwitcherProps {
-    options: OrgSwitcherOption[];
-    value?: string;
-    onValueChange: (value: string) => void;
-    placeholder?: string;
-    size?: OrgSwitcherSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { OrgSwitcherProps } from "./OrgSwitcherProps";
 export declare const OrgSwitcher: import("react").NamedExoticComponent<OrgSwitcherProps>;
 //# sourceMappingURL=OrgSwitcher.d.ts.map

package/lib/typescript/modules/org-switcher/OrgSwitcher.variants.d.ts

@@ -15,11 +15,12 @@
  * Free of React and of any `Modal`/`Pressable` import, so the WCAG + behaviour tests import it
  * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
 import type { AvatarSize } from "../avatar";
+export { MIN_TOUCH_TARGET };
 export type OrgSwitcherSize = "sm" | "md" | "lg";
 /** Same touch-target floor as Button (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface OrgSwitcherSizeSpec {
     /** Visual trigger height in dp. */
     readonly height: number;

package/lib/typescript/modules/org-switcher/OrgSwitcherProps.d.ts

@@ -0,0 +1,29 @@
+import type { LayoutStyle } from "../../core/style";
+import type { OrgSwitcherSize } from "./OrgSwitcher.variants";
+/** One org entry in the switcher sheet. */
+export interface OrgSwitcherOption {
+    readonly value: string;
+    readonly label: string;
+    /** The user's role in this org, shown as a second line under the name. */
+    readonly role?: string;
+    /** A remote logo/avatar image. Wins over `avatarInitials` when present. */
+    readonly avatarSource?: {
+        uri: string;
+    };
+    /** Falls back to initials derived from `label` when omitted. */
+    readonly avatarInitials?: string;
+}
+/** Trigger + sheet for switching between orgs. Renders nothing when `options.length <= 1`. */
+export interface OrgSwitcherProps {
+    options: OrgSwitcherOption[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    /** Shown on the trigger when `value` matches no option. Defaults to "Select organization". */
+    placeholder?: string;
+    /** Defaults to "md". */
+    size?: OrgSwitcherSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=OrgSwitcherProps.d.ts.map

package/lib/typescript/modules/org-switcher/index.d.ts

@@ -3,6 +3,6 @@
  * split for `verbatimModuleSyntax`.
  */
 export { OrgSwitcher } from "./OrgSwitcher";
-export type { OrgSwitcherProps, OrgSwitcherOption } from "./OrgSwitcher";
+export type { OrgSwitcherProps, OrgSwitcherOption } from "./OrgSwitcherProps";
 export type { OrgSwitcherSize } from "./OrgSwitcher.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/pagination/Pagination.d.ts

@@ -13,32 +13,7 @@
  * (`core/motion`). The `numbered` strip is deliberately static — it is a row of controls, and
  * animating each one on every page change is noise, not feedback.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { PaginationSize, PaginationVariant } from "./Pagination.variants";
-export interface PaginationProps {
-    /** The current page, 1-indexed. Out-of-bounds values clamp — they never throw or blank the strip. */
-    page: number;
-    /** Total pages. `0` renders nothing (there is nothing to paginate). Ignored by `loadMore`. */
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    variant?: PaginationVariant;
-    /** Pages shown either side of the current one. `numbered` only. */
-    siblingCount?: number;
-    /** Adds jump-to-first / jump-to-last controls. `numbered` and `compact`. */
-    showFirstLast?: boolean;
-    disabled?: boolean;
-    /** Blocks every control and announces `busy`; in `loadMore` it also swaps in a spinner. */
-    loading?: boolean;
-    /** Required by `variant="loadMore"`. */
-    onLoadMore?: () => void;
-    /** Required by `variant="loadMore"` — `false` renders nothing once no page is in flight. */
-    hasMore?: boolean;
-    loadMoreLabel?: string;
-    size?: PaginationSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { PaginationProps } from "./PaginationProps";
 declare function PaginationImpl({ page, pageCount, onPageChange, variant, siblingCount, showFirstLast, disabled, loading, onLoadMore, hasMore, loadMoreLabel, size, style, testID, }: PaginationProps): import("react").JSX.Element | null;
 export declare const Pagination: import("react").MemoExoticComponent<typeof PaginationImpl>;
 export {};

package/lib/typescript/modules/pagination/Pagination.variants.d.ts

@@ -13,13 +13,14 @@
  * Free of React, `lucide`, and any native import, so the WCAG + logic tests import it directly
  * (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type PaginationVariant = "numbered" | "compact" | "loadMore";
 export type PaginationSize = "sm" | "md";
 /** One slot in the numbered strip: a page number, or a gap marker standing in for a run of pages. */
 export type PageItem = number | "ellipsis";
 /** Same touch-target floor as Button/ButtonGroup (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 /**
  * The WIDTH-axis touch floor, met by the rendered node itself rather than by horizontal `hitSlop` —
  * see `resolvePaginationHitSlop` for why this control can never expand sideways.

package/lib/typescript/modules/pagination/PaginationControls.d.ts

@@ -1,8 +1,5 @@
 /**
- * PRIVATE sub-components (not exported from `index.ts`). One control per node, each `React.memo`'d
- * and fed primitives only, so a page change re-renders the two controls whose state actually
- * changed instead of the whole strip — and so no `onPress`/`style` closure is rebuilt per control
- * per render.
+ * PRIVATE sub-components for Pagination controls.
  */
 import type { IconName } from "../../core/icon";
 import type { Theme } from "../../theme/hooks";

package/lib/typescript/modules/pagination/PaginationProps.d.ts

@@ -0,0 +1,28 @@
+import type { LayoutStyle } from "../../core/style";
+import type { PaginationSize, PaginationVariant } from "./Pagination.variants";
+/** Page navigation in three shapes: "numbered", "compact", or "loadMore". */
+export interface PaginationProps {
+    /** 1-indexed. Out-of-bounds values clamp instead of throwing or blanking the strip. */
+    page: number;
+    /** Total pages. `0` renders nothing (there is nothing to paginate). Ignored by `loadMore`. */
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    variant?: PaginationVariant;
+    /** Pages shown either side of the current one. `numbered` only. */
+    siblingCount?: number;
+    /** Adds jump-to-first / jump-to-last controls. `numbered` and `compact`. */
+    showFirstLast?: boolean;
+    disabled?: boolean;
+    /** Blocks every control and announces `busy`; in `loadMore` it also swaps in a spinner. */
+    loading?: boolean;
+    /** Required by `variant="loadMore"`. */
+    onLoadMore?: () => void;
+    /** Required by `variant="loadMore"` — `false` renders nothing once no page is in flight. */
+    hasMore?: boolean;
+    loadMoreLabel?: string;
+    size?: PaginationSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PaginationProps.d.ts.map

package/lib/typescript/modules/pagination/index.d.ts

@@ -8,7 +8,7 @@
  * a pager it draws itself.
  */
 export { Pagination } from "./Pagination";
-export type { PaginationProps } from "./Pagination";
+export type { PaginationProps } from "./PaginationProps";
 export { buildPageRange, clampPage } from "./Pagination.variants";
 export type { PageItem, PaginationSize, PaginationVariant } from "./Pagination.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/person-chip/PersonChip.d.ts

@@ -0,0 +1,3 @@
+import type { PersonChipProps } from "./PersonChipProps";
+export declare const PersonChip: import("react").NamedExoticComponent<PersonChipProps>;
+//# sourceMappingURL=PersonChip.d.ts.map

package/lib/typescript/modules/person-chip/PersonChipProps.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutStyle } from "../../core/style";
+/** Avatar + name chip with optional remove control. */
+export interface PersonChipProps {
+    name: string;
+    /** Secondary line (email, role, …). Ignored when `onRemove` is set — `Chip` is single-line. */
+    subtitle?: string;
+    /** Initials when no `imageUri`. */
+    initials?: string;
+    imageUri?: string;
+    /** Shows a remove affordance when set. */
+    onRemove?: () => void;
+    /** Defaults to "md". */
+    size?: "sm" | "md";
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PersonChipProps.d.ts.map

package/lib/typescript/modules/person-chip/index.d.ts

@@ -0,0 +1,3 @@
+export { PersonChip } from "./PersonChip";
+export type { PersonChipProps } from "./PersonChipProps";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/pin-input/PinInput.d.ts

@@ -10,37 +10,6 @@
  * not per-box targets — tapping ANY box focuses the same underlying field, so splitting the target
  * per box would just be N ways to trigger the identical action.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { PinInputKeyboardType, PinInputSize, PinInputStatus } from "./PinInput.variants";
-export interface PinInputProps {
-    /** Number of boxes / max code length. */
-    length?: number;
-    value: string;
-    onValueChange: (value: string) => void;
-    /** Fires once per completion — when `value.length` reaches `length` on a CHANGE, never on every re-render while already full. */
-    onComplete?: (value: string) => void;
-    /**
-     * Renders a dot instead of the character per box — the masking concept `Input`'s `secureTextEntry`
-     * uses. Also forwarded to the real hidden `TextInput` (so OS-level secure-input behaviour engages)
-     * and masks the announced `accessibilityValue` — a screen reader must never speak the raw digits.
-     */
-    secureTextEntry?: boolean;
-    keyboardType?: PinInputKeyboardType;
-    status?: PinInputStatus;
-    /**
-     * The validity message. Shown below the row and folded into the field's accessible name when
-     * `status` is `"error"` — same prop name and same rule as `Input`/`FormField`. Without it an
-     * error is a red border and nothing else, which no screen-reader or colour-blind user can perceive.
-     */
-    errorText?: string;
-    disabled?: boolean;
-    size?: PinInputSize;
-    autoFocus?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-    /** REQUIRED — this is effectively one field with no visible text label (e.g. "6-digit verification code"). */
-    accessibilityLabel: string;
-}
+import type { PinInputProps } from "./PinInputProps";
 export declare const PinInput: import("react").NamedExoticComponent<PinInputProps>;
 //# sourceMappingURL=PinInput.d.ts.map

package/lib/typescript/modules/pin-input/PinInput.variants.d.ts

@@ -13,13 +13,13 @@
  * Free of React and of any `TextInput`/`Pressable` import, so the WCAG + behaviour tests import it
  * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type PinInputSize = "sm" | "md" | "lg";
 /** A validity state, not a brand tone — same reasoning as `InputStatus`. */
 export type PinInputStatus = "default" | "error";
 export type PinInputKeyboardType = "number-pad" | "default";
-/** Same floor as Button/Input — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface PinInputSizeSpec {
     /** Visual box width/height in dp (boxes are square). */
     readonly boxSize: number;

package/lib/typescript/modules/pin-input/PinInputProps.d.ts

@@ -0,0 +1,26 @@
+import type { LayoutStyle } from "../../core/style";
+import type { PinInputKeyboardType, PinInputSize, PinInputStatus } from "./PinInput.variants";
+/** OTP-style multi-box code entry, backed by one hidden `TextInput`. */
+export interface PinInputProps {
+    /** Number of boxes / max code length. */
+    length?: number;
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Fires once per completion, not on every re-render while already full. */
+    onComplete?: (value: string) => void;
+    /** Masks each box as a dot and the announced value — mirrors `secureTextEntry` semantics. */
+    secureTextEntry?: boolean;
+    keyboardType?: PinInputKeyboardType;
+    status?: PinInputStatus;
+    /** Shown below the row and folded into the accessible name when `status` is "error". */
+    errorText?: string;
+    disabled?: boolean;
+    size?: PinInputSize;
+    autoFocus?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+    /** Required — the field has no visible label (e.g. "6-digit verification code"). */
+    accessibilityLabel: string;
+}
+//# sourceMappingURL=PinInputProps.d.ts.map

package/lib/typescript/modules/pin-input/index.d.ts

@@ -5,6 +5,6 @@
  * by importing its internals.
  */
 export { PinInput } from "./PinInput";
-export type { PinInputProps } from "./PinInput";
+export type { PinInputProps } from "./PinInputProps";
 export type { PinInputKeyboardType, PinInputSize, PinInputStatus } from "./PinInput.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/plan-badge/PlanBadge.d.ts

@@ -0,0 +1,3 @@
+import type { PlanBadgeProps } from "./PlanBadgeProps";
+export declare const PlanBadge: import("react").NamedExoticComponent<PlanBadgeProps>;
+//# sourceMappingURL=PlanBadge.d.ts.map

package/lib/typescript/modules/plan-badge/PlanBadgeProps.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutStyle } from "../../core/style";
+/** Closed subscription tier labels for plan chrome. */
+export type PlanBadgeTier = "free" | "pro" | "enterprise";
+/** Small tier badge ("Free"/"Pro"/"Enterprise"); for pill-shaped "plan" copy, see `PlanPill`. */
+export interface PlanBadgeProps {
+    tier: PlanBadgeTier;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PlanBadgeProps.d.ts.map

package/lib/typescript/modules/plan-badge/index.d.ts

@@ -0,0 +1,3 @@
+export { PlanBadge } from "./PlanBadge";
+export type { PlanBadgeProps, PlanBadgeTier } from "./PlanBadgeProps";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/plan-pill/PlanPill.d.ts

@@ -0,0 +1,3 @@
+import type { PlanPillProps } from "./PlanPillProps";
+export declare const PlanPill: import("react").NamedExoticComponent<PlanPillProps>;
+//# sourceMappingURL=PlanPill.d.ts.map

package/lib/typescript/modules/plan-pill/PlanPillProps.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutStyle } from "../../core/style";
+import type { PlanBadgeTier } from "../plan-badge/PlanBadgeProps";
+/** Pill tier indicator ("Free plan"/"Pro plan"/"Enterprise"); for the badge variant, see `PlanBadge`. */
+export interface PlanPillProps {
+    /** Also drives the chip's `selected` (highlighted) styling for any tier but free. */
+    tier: PlanBadgeTier;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PlanPillProps.d.ts.map

package/lib/typescript/modules/plan-pill/index.d.ts

@@ -0,0 +1,3 @@
+export { PlanPill } from "./PlanPill";
+export type { PlanPillProps } from "./PlanPillProps";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/progress-bar/ProgressBar.d.ts

@@ -8,18 +8,6 @@
  * the native driver, and a per-frame width would force a layout pass. `transformOrigin: "left"`
  * anchors the growth so the fill does not expand from its centre.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { ProgressBarSize, ProgressBarTone } from "./ProgressBar.variants";
-export interface ProgressBarProps {
-    /** 0–100. Omit for an indeterminate sweep. */
-    value?: number;
-    tone?: ProgressBarTone;
-    /** Closed union — drives the track (and fill) height. */
-    size?: ProgressBarSize;
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { ProgressBarProps } from "./ProgressBarProps";
 export declare const ProgressBar: import("react").NamedExoticComponent<ProgressBarProps>;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/lib/typescript/modules/progress-bar/ProgressBarProps.d.ts

@@ -0,0 +1,16 @@
+import type { LayoutStyle } from "../../core/style";
+import type { ProgressBarSize, ProgressBarTone } from "./ProgressBar.variants";
+/** Linear progress indicator; omit `value` for an indeterminate looping sweep. */
+export interface ProgressBarProps {
+    /** 0–100. Omit for an indeterminate sweep. */
+    value?: number;
+    /** Defaults to "accent". */
+    tone?: ProgressBarTone;
+    /** Closed union — drives the track (and fill) height. */
+    size?: ProgressBarSize;
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ProgressBarProps.d.ts.map

package/lib/typescript/modules/progress-bar/index.d.ts

@@ -6,6 +6,6 @@
  * No `icon` prop, so no `IconName` re-export (same as `Spinner`/`Switch`).
  */
 export { ProgressBar } from "./ProgressBar";
-export type { ProgressBarProps } from "./ProgressBar";
+export type { ProgressBarProps } from "./ProgressBarProps";
 export type { ProgressBarSize, ProgressBarTone } from "./ProgressBar.variants";
 //# sourceMappingURL=index.d.ts.map