pixelize-native-library 1.0.6

package/lib/typescript/core/style/variants.d.ts

@@ -0,0 +1,55 @@
+import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from "react-native";
+export type VariantStyle = ViewStyle | TextStyle | ImageStyle;
+export type VariantGroups<S extends VariantStyle> = Record<string, Record<string, S>>;
+/** `{ variant?: "solid" | "outline"; size?: "sm" | "md" }` derived from the config's own keys. */
+export type VariantSelection<V extends Record<string, object>> = {
+    readonly [G in keyof V]?: keyof V[G];
+};
+export interface CompoundVariant<V extends Record<string, object>, S extends VariantStyle> {
+    readonly when: VariantSelection<V>;
+    readonly style: S;
+}
+export interface VariantConfig<V extends VariantGroups<S>, S extends VariantStyle> {
+    readonly base?: S;
+    readonly variants?: V;
+    readonly defaultVariants?: VariantSelection<V>;
+    readonly compoundVariants?: readonly CompoundVariant<V, S>[];
+}
+/** `types` is a phantom: never assigned, never read — it carries `V` for `VariantProps`. */
+export interface VariantResolver<V extends VariantGroups<S>, S extends VariantStyle> {
+    (selection?: VariantSelection<V>): StyleProp<S>;
+    readonly types?: {
+        readonly variants: V;
+    };
+}
+export interface ThemedVariantResolver<T, V extends VariantGroups<S>, S extends VariantStyle> {
+    (theme: T, selection?: VariantSelection<V>): StyleProp<S>;
+    readonly types?: {
+        readonly variants: V;
+    };
+}
+/** The component's variant prop type. Derived from the resolver, so a config is the only source. */
+export type VariantProps<R extends {
+    readonly types?: {
+        readonly variants: Record<string, object>;
+    };
+}> = VariantSelection<NonNullable<R["types"]>["variants"]>;
+/**
+ * Binds the style kind so `V` stays inferable — TypeScript has no partial type-argument inference,
+ * so a single `createVariants<S, V>` would force callers to spell out `V` to pick a style kind.
+ */
+export declare const variantFactory: <S extends VariantStyle>() => <V extends VariantGroups<S>>(config: VariantConfig<V, S>) => VariantResolver<V, S>;
+/**
+ * Theme-dependent values cannot live in a module-level `StyleSheet.create` — they change with brand
+ * and mode. The sheet is built on first use per theme and cached by theme identity, so it is still
+ * registered once, not rebuilt per render. A `WeakMap` means a retired theme's sheet is collectable.
+ *
+ * This requires the provider to hand out a stable theme object per (brand, mode). A theme rebuilt
+ * every render would recompile every sheet every render.
+ */
+export declare const themedVariantFactory: <S extends VariantStyle>() => <T extends object, V extends VariantGroups<S>>(build: (theme: T) => VariantConfig<V, S>) => ThemedVariantResolver<T, V, S>;
+export declare const createVariants: <V extends VariantGroups<ViewStyle>>(config: VariantConfig<V, ViewStyle>) => VariantResolver<V, ViewStyle>;
+export declare const createTextVariants: <V extends VariantGroups<TextStyle>>(config: VariantConfig<V, TextStyle>) => VariantResolver<V, TextStyle>;
+export declare const createThemedVariants: <T extends object, V extends VariantGroups<ViewStyle>>(build: (theme: T) => VariantConfig<V, ViewStyle>) => ThemedVariantResolver<T, V, ViewStyle>;
+export declare const createThemedTextVariants: <T extends object, V extends VariantGroups<TextStyle>>(build: (theme: T) => VariantConfig<V, TextStyle>) => ThemedVariantResolver<T, V, TextStyle>;
+//# sourceMappingURL=variants.d.ts.map

package/lib/typescript/core/style/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/core/style/variants.ts"],"names":[],"mappings":"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"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Import-only barrel. LIGHT primitives only.
+ *
+ * Heavy modules (charts, date-picker, table, editor) are deliberately ABSENT here and reachable
+ * only via their subpath — so a lazy barrel import cannot drag a chart engine into an app's
+ * bundle, even with every optimizer turned off.
+ *
+ * Generated re-exports land below; do not add heavy modules by hand.
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,CAAC"}

package/lib/typescript/modules/accordion/Accordion.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Accordion — a stack of collapsible sections. `type="single"` (default) keeps at most one section
+ * open at a time (opening one closes whichever else was open; pressing the open section's own
+ * header closes it too — a single-select disclosure list, not a one-way reveal); `type="multiple"`
+ * lets every section toggle independently.
+ *
+ * Each header is a `Pressable` disclosure control (`accessibilityRole="button"`,
+ * `accessibilityState={{ expanded }}`) with a "chevron-down" glyph that rotates 180° open, animated
+ * with a single `Animated.Value` exactly like `Tabs`' indicator: under reduced motion (WCAG 2.3.3)
+ * the value is snapped with `setValue` instead of tweened with `Animated.timing`, so a duration-0
+ * `Animated.timing` can never sneak an intermediate frame through.
+ *
+ * Content is CONDITIONALLY RENDERED (mounted only while expanded), not height-animated. React
+ * Native has no native height transition without a measure-then-animate hack (measure the content
+ * once mounted, then tween a `height`/`Animated.Value` from 0 to the measured value) — that hack is
+ * fragile (a wrong first measurement, a content resize, and the animation targets a stale height)
+ * and untestable in this repo's jsdom-less test renderer, which never runs real layout. A conditional
+ * mount is a real instant "snap" open/close, so it also satisfies the reduced-motion requirement for
+ * free — there is no tween to gate for that case at all.
+ */
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { AccordionSize } from "./Accordion.variants";
+export interface AccordionItem {
+    readonly value: string;
+    readonly title: string;
+    /** Ordinary composition, rendered directly under a `View` when expanded — same contract as
+     * `Card.children`: a consumer wraps its own raw text in `Text`, this component does not. */
+    readonly content: ReactNode;
+}
+interface AccordionBaseProps {
+    items: AccordionItem[];
+    /** Blocks every header's toggle at once — there is no per-item `disabled`. */
+    disabled?: boolean;
+    size?: AccordionSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+/** At most one section open at a time. The default shape — `type` may be omitted. */
+interface AccordionSingleProps extends AccordionBaseProps {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+/** Every section toggles independently. */
+interface AccordionMultipleProps extends AccordionBaseProps {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+export declare const Accordion: import("react").NamedExoticComponent<AccordionProps>;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

package/lib/typescript/modules/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/modules/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAYpD,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;gGAC4F;IAC5F,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qFAAqF;AACrF,UAAU,oBAAqB,SAAQ,kBAAkB;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,2CAA2C;AAC3C,UAAU,sBAAuB,SAAQ,kBAAkB;IACzD,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAY3E,eAAO,MAAM,SAAS,sDAwDpB,CAAC"}

package/lib/typescript/modules/accordion/Accordion.variants.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Accordion's style + behaviour resolution — pure, React/lucide-free, same split as Button/Tabs:
+ *  - STRUCTURE (header min-height/padding, item separator width) lives in the `createThemedVariants`
+ *    resolvers below, registered once per (theme, size) — never rebuilt per render.
+ *  - COLOUR is resolved from the theme's ROLE colours (`resolveAccordionColors`), never a raw hex:
+ *    the title is always `fg.default`, the chevron is always `fg.muted`, and the item separator is
+ *    the same decorative `border.default` rung `Divider` uses — a separator between sections
+ *    conveys no information of its own (removing it changes spacing, not meaning), so WCAG 1.4.11
+ *    doesn't bind it; never the guaranteed-≥3:1 `interactive`/`focus` rungs those exist for.
+ *  - `resolveAccordionHeaderAccessibility` derives one header's a11y surface purely, so the
+ *    "expanded tracks open state / disabled blocks the toggle" contract is unit-testable without
+ *    rendering React Native.
+ */
+import type { RoleColors, Theme } from "../../theme";
+export type AccordionSize = "sm" | "md" | "lg";
+/** Same floor as Button/Tabs/Select — 44dp (WCAG 2.5.5 AAA / HIG). Duplicated, not imported: modules
+ * stay isolated. */
+export declare const MIN_TOUCH_TARGET = 44;
+export interface AccordionSizeSpec {
+    /** Visual header row height in dp. */
+    readonly headerMinHeight: number;
+    /** Title size, on the theme's `fontSizes` scale. */
+    readonly fontSize: number;
+    /** Chevron glyph size in dp. */
+    readonly iconSize: number;
+    /** Symmetric touch expansion so `headerMinHeight + 2·hitSlop ≥ 44`. */
+    readonly hitSlop: number;
+}
+/**
+ * Accordion-specific dimensions. Kept a plain constant — no theme dependency — so the hit-target
+ * test can assert `headerMinHeight + 2·hitSlop ≥ 44` without a provider, same as `BUTTON_SIZES`.
+ */
+export declare const ACCORDION_SIZES: {
+    readonly sm: {
+        readonly headerMinHeight: 40;
+        readonly fontSize: 14;
+        readonly iconSize: 16;
+        readonly hitSlop: number;
+    };
+    readonly md: {
+        readonly headerMinHeight: 48;
+        readonly fontSize: 16;
+        readonly iconSize: 18;
+        readonly hitSlop: number;
+    };
+    readonly lg: {
+        readonly headerMinHeight: 56;
+        readonly fontSize: 18;
+        readonly iconSize: 20;
+        readonly hitSlop: number;
+    };
+};
+export interface AccordionColors {
+    /** The header title, read on the canvas (resting) and on `pressedHeaderBg` (pressed). */
+    readonly title: string;
+    /** The chevron glyph — a non-text state indicator, not a label. */
+    readonly icon: string;
+    /** The hairline between items — decorative, never the interactive/focus rungs. */
+    readonly divider: string;
+    /** A header's background while pressed. */
+    readonly pressedHeaderBg: string;
+    /** The focus-ring boundary (WCAG 2.4.7), drawn a small gap outside the header on the canvas. */
+    readonly focusRing: string;
+}
+/**
+ * Maps the accordion's fixed visual roles onto ROLE colours — never a hardcoded hex. There is no
+ * per-item `tone`: every title is the same `fg.default`, every chevron the same `fg.muted`, so —
+ * like `RadioGroup`/`Tabs` — this is pure indirection into the roles, not a union to resolve.
+ */
+export declare function resolveAccordionColors(colors: RoleColors): AccordionColors;
+export interface AccordionHeaderAccessibilityInput {
+    readonly expanded: boolean;
+    readonly disabled: boolean;
+}
+export interface AccordionHeaderAccessibilityProps {
+    readonly accessibilityRole: "button";
+    readonly accessibilityState: {
+        readonly expanded: boolean;
+        readonly disabled: boolean;
+    };
+    /** The `Pressable disabled` prop — blocks touches without relying on `onPress` gating alone. */
+    readonly disabled: boolean;
+}
+/**
+ * Derives one header's accessibility surface purely, mirroring `resolveSelectAccessibility`:
+ * `expanded` tracks whether that item's content is showing (WCAG 4.1.2 — a disclosure control must
+ * expose its expanded/collapsed state), and `disabled` blocks the toggle at the whole-accordion
+ * level (there is no per-item `disabled` — see `Accordion.tsx`).
+ */
+export declare function resolveAccordionHeaderAccessibility(input: AccordionHeaderAccessibilityInput): AccordionHeaderAccessibilityProps;
+/**
+ * One item's separator — a hairline on the bottom edge, theme-scaled border WIDTH. Colour
+ * (`divider`) is resolved separately and applied inline over this.
+ */
+export declare const accordionItemStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+/**
+ * The header row's layout — height floor, inset vertical padding, and the gap to the chevron.
+ * Colour (title/icon tint, pressed fill) is resolved and applied inline over this.
+ */
+export declare const accordionHeaderStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    size: {
+        sm: {
+            minHeight: 40;
+            paddingVertical: 8;
+        };
+        md: {
+            minHeight: 48;
+            paddingVertical: 12;
+        };
+        lg: {
+            minHeight: 56;
+            paddingVertical: 16;
+        };
+    };
+}, import("react-native").ViewStyle>;
+/** The expanded content's layout — bottom inset only (matches the header's own horizontal flush,
+ * shadcn-style: no left/right padding of its own). */
+export declare const accordionContentStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    size: {
+        sm: {
+            paddingBottom: 12;
+        };
+        md: {
+            paddingBottom: 16;
+        };
+        lg: {
+            paddingBottom: 20;
+        };
+    };
+}, import("react-native").ViewStyle>;
+//# sourceMappingURL=Accordion.variants.d.ts.map

package/lib/typescript/modules/accordion/Accordion.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/accordion/Accordion.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;oBACoB;AACpB,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAInC,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAIiC,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,gGAAgG;IAChG,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,eAAe,CAY1E;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IACrC,QAAQ,CAAC,kBAAkB,EAAE;QAAE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACxF,gGAAgG;IAChG,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,iCAAiC,GACvC,iCAAiC,CAMnC;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,uKAIhC,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;oCAelC,CAAC;AAEJ;sDACsD;AACtD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;oCASnC,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Public surface of `pixelize-native-library/accordion`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveAccordionColors`, `ACCORDION_SIZES`, …) stay
+ * internal — a consumer configures an Accordion through its props, never by importing internals.
+ */
+export { Accordion } from "./Accordion";
+export type { AccordionItem, AccordionProps } from "./Accordion";
+export type { AccordionSize } from "./Accordion.variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/accordion/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEjE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/modules/alert-dialog/AlertDialog.d.ts

@@ -0,0 +1,24 @@
+/**
+ * AlertDialog — a small, focused confirm/alert dialog, DELIBERATELY composed from this library's
+ * own, already-shipped `Modal` and `Button` rather than reimplementing a backdrop/panel/action row
+ * from scratch. `Modal` owns presentation, dismissal, and the title's contrast; `Button` owns every
+ * action's tone, press feedback, and touch target. This module's entire job is wiring: which two
+ * actions appear, in what order, and which tone the confirm action carries.
+ */
+import type { AlertDialogTone } from "./AlertDialog.variants";
+export interface AlertDialogProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    title: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    /** Defaults to `onRequestClose` — cancelling and dismissing mean the same thing unless overridden. */
+    onCancel?: () => void;
+    /** `"danger"` mirrors Button's own destructive-action tone on the confirm button. */
+    tone?: AlertDialogTone;
+    testID?: string;
+}
+export declare const AlertDialog: import("react").NamedExoticComponent<AlertDialogProps>;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/lib/typescript/modules/alert-dialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/modules/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAUH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qFAAqF;IACrF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,wDA6CtB,CAAC"}

package/lib/typescript/modules/alert-dialog/AlertDialog.variants.d.ts

@@ -0,0 +1,29 @@
+/**
+ * AlertDialog's pure resolvers. This module owns no colour RESOLVER of its own — the panel, the
+ * title, and the confirm action's fill are `Modal`'s and `Button`'s own resolvers, applied unchanged
+ * (see `Modal.test.ts` / `Button.test.ts`). The Cancel action's outline label/border ARE measured
+ * against the panel's `bg.surface` — but off Button's actually-rendered output (in
+ * `AlertDialog.render.test.tsx`, which mounts `<AlertDialog>` and reads the Cancel Button's rendered
+ * style), never by importing `Button`'s internal `resolveButtonTone` resolver directly — `Button`'s
+ * own index.ts keeps that resolver internal. What IS this module's own contract, and so lives here:
+ * the `tone` → confirm-button-tone mapping, and the structural layout of the action row.
+ *
+ * Free of React and of any `Modal`/`Button` RENDER import — only `ButtonTone`'s TYPE is pulled in —
+ * so this stays a pure resolver file, exactly like `Button.variants.ts` / `Modal.variants.ts`.
+ */
+import type { Theme } from "../../theme";
+import type { ButtonTone } from "../button";
+export type AlertDialogTone = "default" | "danger";
+/**
+ * Maps AlertDialog's own closed `tone` union onto the confirm action's `ButtonTone`. `"default"`
+ * resolves to Button's own default tone (`"accent"`) rather than inventing a fourth tone value;
+ * `"danger"` mirrors Button's destructive-action tone directly, so a destructive AlertDialog and a
+ * destructive Button read identically.
+ */
+export declare function resolveAlertDialogConfirmTone(tone: AlertDialogTone): ButtonTone;
+/**
+ * The two-action row beneath the description. Structural only (layout/spacing) — colour is entirely
+ * each `Button`'s own tone-resolved fill, applied by Button itself.
+ */
+export declare const alertDialogActionsStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+//# sourceMappingURL=AlertDialog.variants.d.ts.map

package/lib/typescript/modules/alert-dialog/AlertDialog.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/alert-dialog/AlertDialog.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,eAAe,GAAG,UAAU,CAO/E;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,uKAMrC,CAAC"}

package/lib/typescript/modules/alert-dialog/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Public surface of `pixelize-native-library/alert-dialog`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The tone resolver and layout resolver stay internal — a consumer
+ * configures an AlertDialog through its props, never by importing its internals.
+ */
+export { AlertDialog } from "./AlertDialog";
+export type { AlertDialogProps } from "./AlertDialog";
+export type { AlertDialogTone } from "./AlertDialog.variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/alert-dialog/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/modules/avatar/Avatar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Avatar — a circular identity glyph: a remote image, initials, or (with neither) a plain neutral
+ * placeholder. No press handling, no loading spinner, no animation — the simplest module in the
+ * library, which is exactly why its accessibility default differs from every sibling: an avatar
+ * usually sits beside a visible name, so `accessibilityLabel` is optional, not a required trap (see
+ * `Avatar.variants.ts` → `resolveAvatarAccessibility`).
+ */
+import type { LayoutStyle } from "../../core/style";
+import type { AvatarSize } from "./Avatar.variants";
+export interface AvatarProps {
+    size?: AvatarSize;
+    /** A remote image. Wins over `initials` when present. */
+    source?: {
+        uri: string;
+    };
+    /** Shown when there is no `source`. Longer strings are clipped to the first two characters. */
+    initials?: string;
+    /**
+     * Optional, unlike `Button`'s icon-only `accessibilityLabel` — an avatar is usually adjacent to a
+     * visible name, so it is not the sole carrier of identity the way an icon-only button's label is.
+     * Absent → the avatar is treated as decorative and hidden from assistive tech; present → exposed as
+     * one `"image"`-role element with this label.
+     */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+export declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+//# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/modules/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AASpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACzB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8FAA8F;IAC9F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,mDA2CjB,CAAC"}

package/lib/typescript/modules/avatar/Avatar.variants.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Avatar's style + colour resolution — the pure functions the component (and its tests) depend on,
+ * plus the themed structural variant resolver.
+ *
+ * The split every sibling module copies (see `Button.variants.ts`):
+ *  - STRUCTURE (box diameter, radius) lives in the `createThemedVariants` resolver below — static
+ *    per (brand, mode), registered once via `StyleSheet.create`.
+ *  - COLOUR is resolved from the theme's ROLE colours (`resolveAvatarColors`), never a raw ramp,
+ *    never a hardcoded hex. There is no `tone`/`color` prop to widen — an avatar has exactly one
+ *    neutral identity, so the resolver takes no selector argument (same reasoning as
+ *    `resolveCheckboxColors`).
+ *  - ACCESSIBILITY prop derivation is `resolveAvatarAccessibility`, kept pure so the "decorative
+ *    unless labelled" contract is unit-testable without rendering React Native.
+ *
+ * Free of React and of any lucide import, so the WCAG + behaviour tests import it directly (mocking
+ * only `react-native`'s `StyleSheet`, as `core/style` and `Button.variants.ts` do).
+ */
+import type { RoleColors, Theme } from "../../theme";
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface AvatarSizeSpec {
+    /** Visual diameter, in dp. */
+    readonly box: number;
+    /** Initials label size, on the theme's `fontSizes` scale. */
+    readonly fontSize: number;
+}
+/**
+ * Avatar-specific dimensions. Kept a plain constant — no theme dependency — same as `BUTTON_SIZES` /
+ * `CHECKBOX_SIZES`, so the render layer and tests share one source of truth for the diameter.
+ *
+ * Not a touch target: an avatar has no `onPress` in this contract, so the 44dp floor other
+ * interactive modules hold themselves to (see `Button`'s `MIN_TOUCH_TARGET`) does not apply here.
+ */
+export declare const AVATAR_SIZES: {
+    readonly xs: {
+        readonly box: 24;
+        readonly fontSize: 12;
+    };
+    readonly sm: {
+        readonly box: 32;
+        readonly fontSize: 14;
+    };
+    readonly md: {
+        readonly box: 40;
+        readonly fontSize: 16;
+    };
+    readonly lg: {
+        readonly box: 56;
+        readonly fontSize: 20;
+    };
+    readonly xl: {
+        readonly box: 72;
+        readonly fontSize: 24;
+    };
+};
+export interface AvatarColors {
+    /** Background for both the initials state and the empty placeholder state. */
+    readonly containerBg: string;
+    /** Initials label on `containerBg` — measured ≥ 4.5:1 across every brand × mode. */
+    readonly initialsText: string;
+}
+/**
+ * Maps the avatar's fallback states onto role colours. There is no `tone`/`color` prop to widen —
+ * every colour an avatar can show is one of these role lookups, guaranteed legible in both modes and
+ * never an off-palette value an app invented (same reasoning as `resolveCheckboxColors`).
+ */
+export declare function resolveAvatarColors(colors: RoleColors): AvatarColors;
+export interface AvatarAccessibilityInput {
+    readonly accessibilityLabel?: string | undefined;
+}
+export interface AvatarAccessibilityProps {
+    /** Groups the avatar into one accessible element only when it actually carries a name. */
+    readonly accessible: boolean;
+    readonly accessibilityRole: "image" | undefined;
+    readonly accessibilityLabel: string | undefined;
+    /** Hides the whole element (and its initials `Text`) from assistive tech when decorative. */
+    readonly accessibilityElementsHidden: boolean;
+    readonly importantForAccessibility: "auto" | "no-hide-descendants";
+}
+/**
+ * Derives the accessibility surface once, purely, so the "decorative unless labelled" contract is
+ * testable without a renderer. Unlike `Button`'s icon-only shape or `Checkbox`'s unlabelled shape,
+ * `accessibilityLabel` is never required here (an avatar usually sits beside a visible name — see
+ * `AvatarProps`), so absence is a valid, common state, not a trap to close off:
+ *  - no label → the avatar (image or initials) is purely decorative, hidden from assistive tech so a
+ *    screen reader doesn't announce a bare, unexplained image/initials.
+ *  - a label → exposed as a single `"image"`-role element carrying it; `accessible: true` groups the
+ *    initials `Text` into that one element instead of letting it read separately.
+ */
+export declare function resolveAvatarAccessibility(input: AvatarAccessibilityInput): AvatarAccessibilityProps;
+/**
+ * Structural styles only — diameter + the circular radius. No colours (those are state-driven and
+ * applied inline over this), so this compiles once per theme identity via the `WeakMap`-cached
+ * themed resolver and never rebuilds per render.
+ *
+ * `radii.full` (a finite 9999, not `Infinity` — RN rejects non-finite style values) clips a square
+ * box to a perfect circle regardless of its side length, so one token covers every size instead of
+ * each variant computing its own `box / 2`.
+ */
+export declare const avatarStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    size: {
+        xs: {
+            width: 24;
+            height: 24;
+        };
+        sm: {
+            width: 32;
+            height: 32;
+        };
+        md: {
+            width: 40;
+            height: 40;
+        };
+        lg: {
+            width: 56;
+            height: 56;
+        };
+        xl: {
+            width: 72;
+            height: 72;
+        };
+    };
+}, import("react-native").ViewStyle>;
+//# sourceMappingURL=Avatar.variants.d.ts.map

package/lib/typescript/modules/avatar/Avatar.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/avatar/Avatar.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CAM8B,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,oFAAoF;IACpF,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,GAAG,YAAY,CAKpE;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,WAAW,wBAAwB;IACvC,0FAA0F;IAC1F,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAChD,6FAA6F;IAC7F,QAAQ,CAAC,2BAA2B,EAAE,OAAO,CAAC;IAC9C,QAAQ,CAAC,yBAAyB,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,wBAAwB,GAAG,wBAAwB,CASpG;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;oCAiBzB,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Public surface of `pixelize-native-library/avatar`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveAvatarColors`, `AVATAR_SIZES`, …) stay internal — a
+ * consumer configures an Avatar through its props, never by importing its internals.
+ *
+ * No `IconName` re-export here: unlike `Button`, Avatar takes no `icon` prop.
+ */
+export { Avatar } from "./Avatar";
+export type { AvatarProps } from "./Avatar";
+export type { AvatarSize } from "./Avatar.variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/avatar/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/typescript/modules/badge/Badge.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Badge — a non-interactive status/label chip. A `View`, never a `Pressable`: it carries no press,
+ * focus, loading, or disabled state, so it skips every interaction concern Button/Input have (no
+ * `hitSlop`, no focus ring, no reduced-motion — there is no animation to suppress).
+ */
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { BadgeSize, BadgeTone } from "./Badge.variants";
+export interface BadgeProps {
+    tone?: BadgeTone;
+    size?: BadgeSize;
+    label: string;
+    icon?: IconName;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+export declare const Badge: import("react").NamedExoticComponent<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/lib/typescript/modules/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/modules/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,KAAK,kDAqChB,CAAC"}