pixelize-native-library 1.0.6

package/lib/module/modules/accordion/Accordion.js

@@ -0,0 +1,194 @@
+"use strict";
+
+/**
+ * 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 { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Animated, Pressable, StyleSheet, Text, View } from "react-native";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { Icon } from "../../core/icon/index.js";
+import { useTheme } from "../../theme/index.js";
+import { ACCORDION_SIZES, accordionContentStructure, accordionHeaderStructure, accordionItemStructure, resolveAccordionColors, resolveAccordionHeaderAccessibility } from "./Accordion.variants.js";
+
+/** At most one section open at a time. The default shape — `type` may be omitted. */
+
+/** Every section toggles independently. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_STROKE = 2;
+const ROTATE_MS = 200;
+// The focus ring sits a small gap OUTSIDE the header, on the canvas, because `border.focus` is the
+// role token proven ≥ 3:1 against the canvas (WCAG 2.4.11) — same idiom as Button/Checkbox/Input.
+const FOCUS_RING_WIDTH = 2;
+const FOCUS_RING_GAP = 2;
+const toArray = v => v === undefined ? [] : Array.isArray(v) ? v : [v];
+export const Accordion = /*#__PURE__*/memo(function Accordion(props) {
+  const {
+    items,
+    disabled = false,
+    size = "md",
+    style,
+    testID
+  } = props;
+  const type = props.type ?? "single";
+  const multiple = type === "multiple";
+  const theme = useTheme();
+  const colors = useMemo(() => resolveAccordionColors(theme.colors), [theme.colors]);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(() => toArray(props.defaultValue));
+  const isControlled = props.value !== undefined;
+  const openValues = isControlled ? toArray(props.value) : uncontrolledOpen;
+  const emitChange = useCallback(next => {
+    if (!isControlled) setUncontrolledOpen(next);
+    if (multiple) {
+      props.onValueChange?.(next);
+    } else {
+      props.onValueChange?.(next[0] ?? "");
+    }
+  }, [isControlled, multiple, props]);
+
+  // Stable across renders (no per-item closure) so `AccordionRow`'s memo isn't defeated — the row
+  // calls back with its own `item.value` rather than the parent binding one arrow per item.
+  const toggle = useCallback(itemValue => {
+    if (disabled) return;
+    const isOpen = openValues.includes(itemValue);
+    if (multiple) {
+      emitChange(isOpen ? openValues.filter(v => v !== itemValue) : [...openValues, itemValue]);
+    } else {
+      emitChange(isOpen ? [] : [itemValue]);
+    }
+  }, [disabled, multiple, openValues, emitChange]);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: style,
+    children: items.map(item => /*#__PURE__*/_jsx(AccordionRow, {
+      item: item,
+      expanded: openValues.includes(item.value),
+      disabled: disabled,
+      size: size,
+      theme: theme,
+      colors: colors,
+      onToggle: toggle,
+      testID: testID ? `${testID}-${item.value}` : undefined
+    }, item.value))
+  });
+});
+const AccordionRow = /*#__PURE__*/memo(function AccordionRow({
+  item,
+  expanded,
+  disabled,
+  size,
+  theme,
+  colors,
+  onToggle,
+  testID
+}) {
+  const reducedMotion = useReducedMotion();
+  const spec = ACCORDION_SIZES[size];
+  const rotation = useRef(new Animated.Value(expanded ? 1 : 0)).current;
+  const [focused, setFocused] = useState(false);
+  const a11y = resolveAccordionHeaderAccessibility({
+    expanded,
+    disabled
+  });
+  useEffect(() => {
+    if (reducedMotion) {
+      rotation.setValue(expanded ? 1 : 0);
+      return;
+    }
+    Animated.timing(rotation, {
+      toValue: expanded ? 1 : 0,
+      duration: ROTATE_MS,
+      useNativeDriver: true
+    }).start();
+  }, [expanded, reducedMotion, rotation]);
+  const rotateDeg = rotation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "180deg"]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [accordionItemStructure(theme), {
+      borderBottomColor: colors.divider
+    }],
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      testID: testID,
+      accessibilityRole: a11y.accessibilityRole,
+      accessibilityState: a11y.accessibilityState,
+      accessibilityLabel: item.title,
+      disabled: a11y.disabled,
+      onPress: a11y.disabled ? undefined : () => onToggle(item.value),
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      hitSlop: spec.hitSlop,
+      style: ({
+        pressed
+      }) => [accordionHeaderStructure(theme, {
+        size
+      }), pressed && !disabled && {
+        backgroundColor: colors.pressedHeaderBg
+      }, disabled && styles.dimmed],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [theme.fontStyleForWeight(theme.fontWeights.medium), {
+          flex: 1,
+          fontSize: spec.fontSize,
+          color: colors.title
+        }],
+        children: item.title
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: {
+          transform: [{
+            rotate: rotateDeg
+          }]
+        },
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "chevron-down",
+          size: spec.iconSize,
+          color: colors.icon,
+          strokeWidth: ICON_STROKE
+        })
+      }), focused && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        testID: testID ? `${testID}-focus-ring` : undefined,
+        style: {
+          position: "absolute",
+          top: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+          left: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+          right: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+          bottom: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+          borderWidth: FOCUS_RING_WIDTH,
+          borderColor: colors.focusRing,
+          borderRadius: theme.radii.sm + FOCUS_RING_GAP + FOCUS_RING_WIDTH
+        }
+      })]
+    }), expanded && /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-content` : undefined,
+      style: accordionContentStructure(theme, {
+        size
+      }),
+      children: item.content
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  // A disabled header is exempt from the contrast minimum (WCAG 1.4.3), so a uniform dim is correct.
+  dimmed: {
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=Accordion.js.map

package/lib/module/modules/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useEffect","useMemo","useRef","useState","Animated","Pressable","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","ACCORDION_SIZES","accordionContentStructure","accordionHeaderStructure","accordionItemStructure","resolveAccordionColors","resolveAccordionHeaderAccessibility","jsx","_jsx","jsxs","_jsxs","ICON_STROKE","ROTATE_MS","FOCUS_RING_WIDTH","FOCUS_RING_GAP","toArray","v","undefined","Array","isArray","Accordion","props","items","disabled","size","style","testID","type","multiple","theme","colors","uncontrolledOpen","setUncontrolledOpen","defaultValue","isControlled","value","openValues","emitChange","next","onValueChange","toggle","itemValue","isOpen","includes","filter","children","map","item","AccordionRow","expanded","onToggle","reducedMotion","spec","rotation","Value","current","focused","setFocused","a11y","setValue","timing","toValue","duration","useNativeDriver","start","rotateDeg","interpolate","inputRange","outputRange","borderBottomColor","divider","accessibilityRole","accessibilityState","accessibilityLabel","title","onPress","onFocus","onBlur","hitSlop","pressed","backgroundColor","pressedHeaderBg","styles","dimmed","fontStyleForWeight","fontWeights","medium","flex","fontSize","color","transform","rotate","name","iconSize","icon","strokeWidth","pointerEvents","position","top","left","right","bottom","borderWidth","borderColor","focusRing","borderRadius","radii","sm","content","create","opacity"],"sourceRoot":"../../../../src","sources":["modules/accordion/Accordion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/accordion/Accordion.variants.js

@@ -0,0 +1,143 @@
+"use strict";
+
+/**
+ * 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 { createThemedVariants } from "../../core/style/index.js";
+/** Same floor as Button/Tabs/Select — 44dp (WCAG 2.5.5 AAA / HIG). Duplicated, not imported: modules
+ * stay isolated. */
+export const MIN_TOUCH_TARGET = 44;
+const slopFor = height => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - height) / 2));
+/**
+ * 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 const ACCORDION_SIZES = {
+  sm: {
+    headerMinHeight: 40,
+    fontSize: 14,
+    iconSize: 16,
+    hitSlop: slopFor(40)
+  },
+  md: {
+    headerMinHeight: 48,
+    fontSize: 16,
+    iconSize: 18,
+    hitSlop: slopFor(48)
+  },
+  lg: {
+    headerMinHeight: 56,
+    fontSize: 18,
+    iconSize: 20,
+    hitSlop: slopFor(56)
+  }
+};
+/**
+ * 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 function resolveAccordionColors(colors) {
+  return {
+    title: colors.fg.default,
+    icon: colors.fg.muted,
+    divider: colors.border.default,
+    // `bg.sunken`, NOT `bg.hover`: the same class of fix `Button`'s "neutral" tone and `RadioGroup`
+    // document — `bg.hover`'s saturated mid-tone risks dropping `fg.default` below 4.5:1 on brand-
+    // tinted palettes, while the pale `bg.sunken` keeps a neutral `fg.default` label comfortably
+    // clear (measured in `Accordion.test.ts`).
+    pressedHeaderBg: colors.bg.sunken,
+    focusRing: colors.border.focus
+  };
+}
+/**
+ * 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 function resolveAccordionHeaderAccessibility(input) {
+  return {
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: input.expanded,
+      disabled: input.disabled
+    },
+    disabled: input.disabled
+  };
+}
+
+/**
+ * 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 const accordionItemStructure = createThemedVariants(theme => ({
+  base: {
+    borderBottomWidth: theme.borderWidths.thin
+  }
+}));
+
+/**
+ * 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 const accordionHeaderStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    columnGap: theme.space[3]
+  },
+  variants: {
+    size: {
+      sm: {
+        minHeight: ACCORDION_SIZES.sm.headerMinHeight,
+        paddingVertical: theme.space[2]
+      },
+      md: {
+        minHeight: ACCORDION_SIZES.md.headerMinHeight,
+        paddingVertical: theme.space[3]
+      },
+      lg: {
+        minHeight: ACCORDION_SIZES.lg.headerMinHeight,
+        paddingVertical: theme.space[4]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+
+/** 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 const accordionContentStructure = createThemedVariants(theme => ({
+  variants: {
+    size: {
+      sm: {
+        paddingBottom: theme.space[3]
+      },
+      md: {
+        paddingBottom: theme.space[4]
+      },
+      lg: {
+        paddingBottom: theme.space[5]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+//# sourceMappingURL=Accordion.variants.js.map

package/lib/module/modules/accordion/Accordion.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","ACCORDION_SIZES","sm","headerMinHeight","fontSize","iconSize","hitSlop","md","lg","resolveAccordionColors","colors","title","fg","default","icon","muted","divider","border","pressedHeaderBg","bg","sunken","focusRing","focus","resolveAccordionHeaderAccessibility","input","accessibilityRole","accessibilityState","expanded","disabled","accordionItemStructure","theme","base","borderBottomWidth","borderWidths","thin","accordionHeaderStructure","flexDirection","alignItems","justifyContent","columnGap","space","variants","size","minHeight","paddingVertical","defaultVariants","accordionContentStructure","paddingBottom"],"sourceRoot":"../../../../src","sources":["modules/accordion/Accordion.variants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/accordion/MODULE.md

@@ -0,0 +1,97 @@
+# accordion/ — a single- or multi-select stack of collapsible sections
+
+`Accordion` renders a stack of disclosure rows: a pressable header (title + a rotating chevron)
+that reveals its `content` when expanded. `type="single"` (default) keeps at most one section open
+— opening one closes whichever else was open, and pressing the open section's own header closes it
+too. `type="multiple"` lets every section toggle independently.
+
+## Files
+
+| File | Role |
+|------|------|
+| `Accordion.tsx` | The component. `Accordion` owns open/close state (controlled or uncontrolled) and maps `items` to `AccordionRow`, the per-item header + content + chevron-rotation animation. |
+| `Accordion.variants.ts` | Pure resolvers (`ACCORDION_SIZES`, `resolveAccordionColors`, `resolveAccordionHeaderAccessibility`) + the themed structural resolvers (`accordionItemStructure`, `accordionHeaderStructure`, `accordionContentStructure`). No React, no lucide. |
+| `index.ts` | Public surface: `Accordion`, `AccordionProps`, `AccordionItem`, `AccordionSize`. |
+| `__tests__/Accordion.test.ts` | Pure: WCAG contrast (all brands × modes) + touch target + a11y contract. |
+| `__tests__/Accordion.render.test.tsx` | Render: single/multiple semantics, controlled vs uncontrolled `value`, disabled, reduced-motion chevron, focus ring. |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `items` | `{ value: string; title: string; content: ReactNode }[]` | — | Rendered in order. `content` is ordinary composition rendered directly under a `View` when expanded — same contract as `Card.children`: wrap your own raw text in `Text` yourself. |
+| `type` | `single \| multiple` | `single` | Discriminates the shape of `value`/`defaultValue`/`onValueChange` below. |
+| `value` | `string` (single) / `string[]` (multiple) | — | Controlled open value(s). Omit for uncontrolled. |
+| `defaultValue` | `string` (single) / `string[]` (multiple) | — | Initial open value(s) when uncontrolled. |
+| `onValueChange` | `(value: string) => void` (single) / `(value: string[]) => void` (multiple) | — | Fires on every toggle, in both controlled and uncontrolled use. |
+| `disabled` | `boolean` | `false` | Blocks every header's toggle at once — there is no per-item `disabled`. |
+| `size` | `sm \| md \| lg` | `md` | 40 / 48 / 56 dp header floor; `sm` reaches 44 via `hitSlop`. |
+| `style` | `LayoutStyle` | — | Layout-only, outermost (the container `View`), applied exactly once, last. |
+| `testID` | `string` | — | Container's testID; each header gets `` `${testID}-${item.value}` ``, its content `` `${testID}-${item.value}-content` ``, and its focus ring `` `${testID}-${item.value}-focus-ring` ``, when set. |
+
+`AccordionProps` is a discriminated union on `type`: the `multiple` shape requires `type: "multiple"`
+and types `value`/`defaultValue`/`onValueChange` against `string[]`; omitting `type` (or passing
+`"single"`) types them against a plain `string`. Both controlled (`value` supplied) and uncontrolled
+(`defaultValue` + internal state) usage are supported — the only prop in this library shaped that
+way so far, because a disclosure list's open state is commonly local UI state, not app state.
+
+## Accessibility contract (WCAG)
+
+- **4.1.2** — each header carries `accessibilityRole="button"` and
+  `accessibilityState={{ expanded, disabled }}`, so a screen reader announces the disclosure state
+  the visual chevron also shows.
+- **2.5.x target size** — every size reaches ≥ 44 dp: `sm`'s 40 dp header grows via `hitSlop`;
+  `md`/`lg` are already ≥ 44 dp.
+- **1.4.3** — the title is `fg.default`, measured ≥ 4.5:1 against the canvas AND against its own
+  pressed background (`pressedHeaderBg` = `bg.sunken`, not `bg.hover` — same class of fix
+  `Button`'s "neutral" tone and `Tabs`' `pressedTab` document) for every brand × mode.
+- **1.4.11** — the chevron (`fg.muted`) is measured ≥ 3:1 against the canvas and the pressed
+  background. The item separator is the same decorative `border.default` rung `Divider` uses — a
+  plain hairline between sections conveys no information of its own, so 1.4.11 doesn't bind it
+  (regression-guarded in `Accordion.test.ts` to never silently become the interactive/focus rung).
+- **2.4.7 / 2.4.11** — a visible focus ring (`border.focus`) appears on keyboard/AT focus, a small
+  gap outside the header on the canvas — same idiom as `Button`/`Checkbox`/`Input`/`Textarea`.
+- **2.3.3** — the chevron's 180° rotation is one `Animated.Value` driven by `expanded`. Under
+  reduced motion it is snapped with `setValue` instead of tweened with `Animated.timing` (verified
+  by spying on `Animated.timing` and asserting it is never called) — the same idiom `Tabs`' indicator
+  uses, not a `duration: 0` timing (which can still tween through intermediate frames).
+
+## Why content is conditionally rendered, not height-animated
+
+React Native has no native height transition without a measure-then-animate hack: mount the content
+off-screen, measure it via `onLayout`, then tween an `Animated.Value` from 0 to the measured height.
+That hack is fragile (a resize invalidates the cached measurement, a wrong first frame is visible)
+and is not meaningfully testable under this repo's test renderer, which never runs real layout (see
+`Tabs`' own documented gap for its indicator's `onLayout` dependency). A conditional mount is an
+honest instant "snap", which is explicitly an accepted alternative for this component — and it means
+there is nothing left to gate for reduced motion on the content itself; only the chevron animates.
+
+## Why `disabled` is whole-accordion, not per-item
+
+The spec's prop list has one `disabled`, not a per-item flag on `AccordionItem` — mirroring how
+`RadioGroup`'s `disabled` blocks every row at once. A consumer needing a single non-collapsible
+section can omit that item from `items` reactively, or simply not wire its header (this library
+does not attempt to special-case that; flagged here rather than silently guessed at).
+
+## Patterns (copied from Button / Tabs / Select)
+
+1. **Structure vs colour split.** Header height floor/padding and the separator's border WIDTH are
+   `createThemedVariants` (registered once per `(theme, size)`); colour is resolved by
+   `resolveAccordionColors` from role tokens and applied inline over the structural style.
+2. **Pure, testable resolvers** in `Accordion.variants.ts` (no React) so the WCAG + behaviour
+   contract is unit-tested against the real palettes — never eyeballed.
+3. **No `{...rest}`, `style` once on the outermost node.** No icon prop — the chevron is an internal
+   implementation detail (always `"chevron-down"`), so `IconName` is not re-exported here.
+4. **Controlled/uncontrolled duality** normalizes internally to a `string[]` of open values
+   regardless of `type`, converting to/from the public `string | string[]` shape only at the
+   `value`/`defaultValue`/`onValueChange` boundary.
+
+## Known gaps
+
+- No per-item `disabled` (see above — a deliberate scope decision, not an oversight).
+- No horizontal scrolling / virtualization concern — v1 assumes `items` is a normal-length list
+  (same scope decision `RadioGroup`/`Tabs` made for their own lists).
+
+## Performance
+
+Both `Accordion` and the internal (non-exported) `AccordionRow` are wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`); `colors` is `useMemo`'d, and `emitChange`/`toggle` are `useCallback`'d so the parent hands every row the SAME stable `onToggle` function (the row now calls back with its own `item.value` instead of the parent binding a fresh per-item closure) — without this, `AccordionRow`'s memo would be a no-op.

package/lib/module/modules/accordion/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ * 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.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Accordion"],"sourceRoot":"../../../../src","sources":["modules/accordion/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/modules/alert-dialog/AlertDialog.js

@@ -0,0 +1,62 @@
+"use strict";
+
+/**
+ * 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 { memo } from "react";
+import { Text, View } from "react-native";
+import { useTheme } from "../../theme/index.js";
+import { Button } from "../button/index.js";
+import { Modal } from "../modal/index.js";
+import { alertDialogActionsStructure, resolveAlertDialogConfirmTone } from "./AlertDialog.variants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AlertDialog = /*#__PURE__*/memo(function AlertDialog({
+  visible,
+  onRequestClose,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  tone = "default",
+  testID
+}) {
+  const theme = useTheme();
+  const confirmTone = resolveAlertDialogConfirmTone(tone);
+  const cancelPress = onCancel ?? onRequestClose;
+  return /*#__PURE__*/_jsxs(Modal, {
+    visible: visible,
+    onRequestClose: onRequestClose,
+    title: title,
+    testID: testID,
+    children: [description !== undefined && /*#__PURE__*/_jsx(Text, {
+      style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+        fontSize: theme.fontSizes.md,
+        color: theme.colors.fg.muted,
+        marginBottom: theme.space[5]
+      }],
+      children: description
+    }), /*#__PURE__*/_jsxs(View, {
+      style: alertDialogActionsStructure(theme),
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "outline",
+        label: cancelLabel,
+        onPress: cancelPress,
+        testID: testID ? `${testID}-cancel` : undefined
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "solid",
+        tone: confirmTone,
+        label: confirmLabel,
+        onPress: onConfirm,
+        testID: testID ? `${testID}-confirm` : undefined
+      })]
+    })]
+  });
+});
+//# sourceMappingURL=AlertDialog.js.map

package/lib/module/modules/alert-dialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Text","View","useTheme","Button","Modal","alertDialogActionsStructure","resolveAlertDialogConfirmTone","jsx","_jsx","jsxs","_jsxs","AlertDialog","visible","onRequestClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","tone","testID","theme","confirmTone","cancelPress","children","undefined","style","fontStyleForWeight","fontWeights","regular","fontSize","fontSizes","md","color","colors","fg","muted","marginBottom","space","variant","label","onPress"],"sourceRoot":"../../../../src","sources":["modules/alert-dialog/AlertDialog.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEzC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,KAAK,QAAQ,mBAAU;AAEhC,SAASC,2BAA2B,EAAEC,6BAA6B,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBpG,OAAO,MAAMC,WAAW,gBAAGZ,IAAI,CAAC,SAASY,WAAWA,CAAC;EACnDC,OAAO;EACPC,cAAc;EACdC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,WAAW,GAAG,QAAQ;EACtBC,SAAS;EACTC,QAAQ;EACRC,IAAI,GAAG,SAAS;EAChBC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EACxB,MAAMqB,WAAW,GAAGjB,6BAA6B,CAACc,IAAI,CAAC;EACvD,MAAMI,WAAW,GAAGL,QAAQ,IAAIN,cAAc;EAE9C,oBACEH,KAAA,CAACN,KAAK;IAACQ,OAAO,EAAEA,OAAQ;IAACC,cAAc,EAAEA,cAAe;IAACC,KAAK,EAAEA,KAAM;IAACO,MAAM,EAAEA,MAAO;IAAAI,QAAA,GACnFV,WAAW,KAAKW,SAAS,iBACxBlB,IAAA,CAACR,IAAI;MACH2B,KAAK,EAAE,CACLL,KAAK,CAACM,kBAAkB,CAACN,KAAK,CAACO,WAAW,CAACC,OAAO,CAAC,EACnD;QAAEC,QAAQ,EAAET,KAAK,CAACU,SAAS,CAACC,EAAE;QAAEC,KAAK,EAAEZ,KAAK,CAACa,MAAM,CAACC,EAAE,CAACC,KAAK;QAAEC,YAAY,EAAEhB,KAAK,CAACiB,KAAK,CAAC,CAAC;MAAE,CAAC,CAC5F;MAAAd,QAAA,EAEDV;IAAW,CACR,CACP,eACDL,KAAA,CAACT,IAAI;MAAC0B,KAAK,EAAEtB,2BAA2B,CAACiB,KAAK,CAAE;MAAAG,QAAA,gBAC9CjB,IAAA,CAACL,MAAM;QACLqC,OAAO,EAAC,SAAS;QACjBC,KAAK,EAAExB,WAAY;QACnByB,OAAO,EAAElB,WAAY;QACrBH,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGK;MAAU,CACjD,CAAC,eACFlB,IAAA,CAACL,MAAM;QACLqC,OAAO,EAAC,OAAO;QACfpB,IAAI,EAAEG,WAAY;QAClBkB,KAAK,EAAEzB,YAAa;QACpB0B,OAAO,EAAExB,SAAU;QACnBG,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGK;MAAU,CAClD,CAAC;IAAA,CACE,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/alert-dialog/AlertDialog.variants.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * 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 { createThemedVariants } from "../../core/style/index.js";
+/**
+ * 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 function resolveAlertDialogConfirmTone(tone) {
+  switch (tone) {
+    case "danger":
+      return "danger";
+    case "default":
+      return "accent";
+  }
+}
+
+/**
+ * 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 const alertDialogActionsStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    columnGap: theme.space[3]
+  }
+}));
+//# sourceMappingURL=AlertDialog.variants.js.map

package/lib/module/modules/alert-dialog/AlertDialog.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","resolveAlertDialogConfirmTone","tone","alertDialogActionsStructure","theme","base","flexDirection","justifyContent","columnGap","space"],"sourceRoot":"../../../../src","sources":["modules/alert-dialog/AlertDialog.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AAKvD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,6BAA6BA,CAACC,IAAqB,EAAc;EAC/E,QAAQA,IAAI;IACV,KAAK,QAAQ;MACX,OAAO,QAAQ;IACjB,KAAK,SAAS;MACZ,OAAO,QAAQ;EACnB;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGH,oBAAoB,CAAEI,KAAY,KAAM;EACjFC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC;EAC1B;AACF,CAAC,CAAC,CAAC","ignoreList":[]}