@cxpinsight/react-native 0.2.0

package/lib/survey/questions/DateQuestion.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNativeDatePickerAvailable = isNativeDatePickerAvailable;
+exports.DateQuestion = DateQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let DateTimePicker = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require('@react-native-community/datetimepicker');
+    DateTimePicker = (mod?.default ?? mod);
+}
+catch {
+    DateTimePicker = null;
+}
+function isNativeDatePickerAvailable() {
+    return DateTimePicker !== null;
+}
+// Format Date → YYYY-MM-DD (locale-independent). ISO-8601 date is what
+// the response layer expects and what the web renderer emits.
+function toIsoDate(d) {
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, '0');
+    const day = String(d.getDate()).padStart(2, '0');
+    return `${y}-${m}-${day}`;
+}
+// Parse YYYY-MM-DD → Date. Falls back to today when the string is
+// blank/malformed so the picker opens on a sensible default.
+function fromIsoDate(s) {
+    if (!s)
+        return new Date();
+    const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(s);
+    if (!m)
+        return new Date();
+    return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+function DateQuestion({ value, onChange, min, max, primaryColor, palette, contract, isRtl, placeholder, }) {
+    const [showing, setShowing] = (0, react_1.useState)(false);
+    const displayLabel = value || placeholder || 'Select a date';
+    // contract ▸ legacy palette/primaryColor ▸ dark defaults. DARK_CONTRACT's
+    // input values are the literals this file used to hardcode.
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const bg = palette?.input ?? c.input;
+    const border = palette?.inputBorder ?? c.inputBorder;
+    const filledText = palette?.textPrimary ?? c.inputText;
+    const emptyText = palette?.placeholder ?? c.placeholder;
+    const iconColor = primaryColor ?? c.accent;
+    if (!DateTimePicker) {
+        // Peer dep not installed — render a hint so the author knows
+        // why the date input is degraded. Caller (SurveyModal) can
+        // fallback to TextQuestion here; we render nothing so the
+        // caller's fallback shows instead. This branch is unreachable
+        // from the caller because SurveyModal checks
+        // isNativeDatePickerAvailable() before dispatching to us.
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: [
+                    styles.trigger,
+                    { backgroundColor: bg, borderColor: border, borderRadius: c.inputRadius },
+                    isRtl && styles.rtlRow,
+                ], onPress: () => setShowing(true), activeOpacity: 0.7, accessibilityRole: "button", accessibilityLabel: value ? `Selected date: ${value}. Tap to change.` : 'Tap to pick a date.', children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                            styles.triggerText,
+                            { color: value ? filledText : emptyText, fontSize: c.fontSizeInput, fontFamily: c.fontFamily },
+                            isRtl && styles.rtlText,
+                        ], children: displayLabel }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.icon, { color: iconColor }], children: "\uD83D\uDCC5" })] }), showing && ((0, jsx_runtime_1.jsx)(DateTimePicker, { value: fromIsoDate(value), mode: "date", display: react_native_1.Platform.OS === 'ios' ? 'spinner' : 'default', minimumDate: min ? fromIsoDate(min) : undefined, maximumDate: max ? fromIsoDate(max) : undefined, onChange: (_event, picked) => {
+                    // Android auto-dismisses; iOS keeps the picker open. Match
+                    // native affordance either way — close on any change, and
+                    // only emit onChange when the user actually picked a value.
+                    setShowing(false);
+                    if (picked)
+                        onChange(toIsoDate(picked));
+                } }))] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 8,
+    },
+    trigger: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        borderWidth: 1,
+        padding: 14,
+        minHeight: 48,
+    },
+    rtlRow: {
+        flexDirection: 'row-reverse',
+    },
+    triggerText: {
+        flex: 1,
+    },
+    rtlText: {
+        textAlign: 'right',
+    },
+    icon: {
+        fontSize: 18,
+        marginLeft: 8,
+    },
+});
+//# sourceMappingURL=DateQuestion.js.map

package/lib/survey/questions/DateQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/DateQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/survey/questions/ImagePickerQuestion.d.ts

@@ -0,0 +1,33 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * ImagePickerQuestion — mobile parity for the web ImagePickerRenderer.
+ *
+ * Answer shape is IDENTICAL to web (`richRenderers.tsx` ImagePickerRenderer):
+ *   - multiSelect  → `string[]` of picked values
+ *   - single       → the value, or `null` when the respondent taps it again
+ *
+ * That deselect-to-null on re-tap is easy to miss and is deliberate on web, so
+ * it is reproduced exactly — otherwise a respondent could not clear an optional
+ * single-select answer on mobile but could on web.
+ *
+ * Uses React Native's own Image + TouchableOpacity: no new peer dependency, and
+ * the install guide stays sufficient.
+ */
+interface ImagePickerOption {
+    value: unknown;
+    label?: string;
+    imageUrl?: string;
+    alt?: string;
+}
+interface Props {
+    options: ImagePickerOption[];
+    multiSelect?: boolean;
+    /** string[] when multiSelect, else the single value (or null). */
+    value: unknown;
+    onChange: (value: string[] | string | null) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function ImagePickerQuestion({ options, multiSelect, value, onChange, contract, isRtl, }: Props): import("react/jsx-runtime").JSX.Element;
+export default ImagePickerQuestion;
+//# sourceMappingURL=ImagePickerQuestion.d.ts.map

package/lib/survey/questions/ImagePickerQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/ImagePickerQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;;;;;;;;;;GAaG;AAEH,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GACvD,EAAE,KAAK,2CA2EP;eAwBc,mBAAmB"}

package/lib/survey/questions/ImagePickerQuestion.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImagePickerQuestion = ImagePickerQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function ImagePickerQuestion({ options, multiSelect, value, onChange, contract, isRtl, }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const opts = Array.isArray(options) ? options : [];
+    const multi = multiSelect === true;
+    // Same normalisation web performs before comparing.
+    const picked = multi
+        ? (Array.isArray(value) ? value.map(String) : [])
+        : (value != null ? [String(value)] : []);
+    const toggle = (v) => {
+        if (multi) {
+            onChange(picked.includes(v) ? picked.filter((x) => x !== v) : [...picked, v]);
+        }
+        else {
+            // Re-tapping the current choice clears it — matches web.
+            onChange(picked[0] === v ? null : v);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.grid, isRtl && styles.rtlGrid], children: opts.map((opt, i) => {
+            const val = opt.value != null ? String(opt.value) : '';
+            const selected = picked.includes(val);
+            const caption = opt.label || opt.alt || val;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { onPress: () => toggle(val), activeOpacity: 0.8, accessibilityRole: multi ? 'checkbox' : 'radio', accessibilityState: { checked: selected }, accessibilityLabel: caption, style: [
+                    styles.tile,
+                    {
+                        backgroundColor: selected ? c.optionSelectedBg : c.optionBg,
+                        borderColor: selected ? c.optionSelectedBorder : c.optionBorder,
+                        borderRadius: c.optionRadius,
+                    },
+                ], children: [opt.imageUrl ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: opt.imageUrl }, accessibilityLabel: opt.alt || undefined, resizeMode: "cover", style: [styles.thumb, { borderRadius: Math.max(0, c.optionRadius - 4) }] })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.thumb, styles.thumbEmpty, { backgroundColor: c.input }] })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 2, style: [
+                            styles.caption,
+                            {
+                                color: selected ? c.textPrimary : c.textSecondary,
+                                fontSize: c.fontSizeSmall,
+                                fontFamily: c.fontFamily,
+                            },
+                            isRtl && styles.rtlText,
+                        ], children: caption })] }, i));
+        }) }));
+}
+/* Layout only — colours and radii come from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    grid: {
+        marginVertical: 8,
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 10,
+    },
+    rtlGrid: { flexDirection: 'row-reverse' },
+    tile: {
+        // Two per row with the 10px gap, on any phone width.
+        width: '47%',
+        borderWidth: 1,
+        padding: 8,
+        gap: 8,
+    },
+    thumb: { width: '100%', aspectRatio: 4 / 3 },
+    thumbEmpty: { opacity: 0.5 },
+    caption: { fontWeight: '500', textAlign: 'center' },
+    rtlText: { writingDirection: 'rtl' },
+});
+exports.default = ImagePickerQuestion;
+//# sourceMappingURL=ImagePickerQuestion.js.map

package/lib/survey/questions/ImagePickerQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/ImagePickerQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/survey/questions/ImageQuestion.d.ts

@@ -0,0 +1,26 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * ImageQuestion — mobile parity for the web ImageRenderer.
+ *
+ * Display-only: it collects no answer, it shows an image inside the survey
+ * (a logo, a product shot, a diagram the next question asks about). Web has had
+ * it since Phase 3b; on mobile it fell through to "please complete on desktop",
+ * which was actively misleading — the respondent was told the survey was
+ * unusable because of a decorative image.
+ *
+ * Uses React Native's own Image, so no new peer dependency.
+ *
+ * Sizing mirrors web's `maxWidth: 100%; height: auto`: authored width/height are
+ * treated as an aspect ratio and the image scales to the container width, so a
+ * 1200px-wide asset doesn't overflow a phone.
+ */
+interface Props {
+    imageUrl?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    contract?: SurveyStyleContract;
+}
+export declare function ImageQuestion({ imageUrl, alt, width, height, contract }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default ImageQuestion;
+//# sourceMappingURL=ImageQuestion.d.ts.map

package/lib/survey/questions/ImageQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/ImageQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;;;;;;;;;;;GAcG;AAEH,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,kDAsB9E;eAQc,aAAa"}

package/lib/survey/questions/ImageQuestion.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageQuestion = ImageQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function ImageQuestion({ imageUrl, alt, width, height, contract }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    // Web returns null when there's no src — match that rather than rendering an
+    // empty box.
+    if (!imageUrl)
+        return null;
+    // Authored dimensions become an aspect ratio; without them fall back to 16:9
+    // so the image still reserves sensible space while loading.
+    const aspectRatio = width && height ? width / height : 16 / 9;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageUrl }, accessibilityLabel: alt || undefined, accessible: Boolean(alt), resizeMode: "contain", style: [styles.image, { aspectRatio, borderRadius: c.inputRadius }] }) }));
+}
+/* Layout only. */
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8 },
+    image: { width: '100%', height: undefined },
+});
+exports.default = ImageQuestion;
+//# sourceMappingURL=ImageQuestion.js.map

package/lib/survey/questions/ImageQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/ImageQuestion.tsx"],"names":[],"mappings":";;;;AACA,+CAAuD;AACvD,oDAA2E;AA0B3E,uBAA8B,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAS;IAC7E,MAAM,CAAC,GAAG,QAAQ,IAAI,6BAAa,CAAC;IAEpC,6EAA6E;IAC7E,aAAa;IACb,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,6EAA6E;IAC7E,4DAA4D;IAC5D,MAAM,WAAW,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE9D,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EACzB,kBAAkB,EAAE,GAAG,IAAI,SAAS,EACpC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,EACxB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,GACnE,GACG,CACR,CAAC;AACJ,CAAC;AAED,kBAAkB;AAClB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE;IAChC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE;CAC5C,CAAC,CAAC;kBAEY,aAAa"}

package/lib/survey/questions/MatrixCell.d.ts

@@ -0,0 +1,45 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * MatrixCell — renders one cell of a matrix/panel by its `cellType`.
+ *
+ * Web does exactly this: `registry[c.cellType || 'text']` looks the cell's
+ * renderer up in the same registry the top-level questions use. Mirroring that
+ * here means a `dropdown` cell behaves identically to a standalone `dropdown`
+ * question on both platforms, rather than being a second implementation that
+ * drifts.
+ *
+ * Shared by MatrixDropdown, MatrixDynamic and PanelDynamic — the three types
+ * differ only in how cells are grouped, not in how a cell renders.
+ */
+export interface CellColumn {
+    id?: string;
+    name?: string;
+    title?: string;
+    text?: string;
+    cellType?: string;
+    options?: Array<{
+        value: unknown;
+        label?: string;
+        text?: string;
+    }>;
+    choices?: Array<{
+        value: unknown;
+        label?: string;
+        text?: string;
+    }>;
+    placeholder?: string;
+    defaultValue?: unknown;
+}
+/** Same derivation web uses, so answer keys match exactly. */
+export declare const columnKey: (c: CellColumn, index: number) => string;
+export declare const columnLabel: (c: CellColumn, index: number) => string;
+interface Props {
+    column: CellColumn;
+    value: unknown;
+    onChange: (v: unknown) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function MatrixCell({ column, value, onChange, contract, isRtl }: Props): import("react/jsx-runtime").JSX.Element;
+export default MatrixCell;
+//# sourceMappingURL=MatrixCell.d.ts.map

package/lib/survey/questions/MatrixCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixCell.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MatrixCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO3E;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,8DAA8D;AAC9D,eAAO,MAAM,SAAS,MAAO,UAAU,SAAS,MAAM,KAAG,MACxB,CAAC;AAElC,eAAO,MAAM,WAAW,MAAO,UAAU,SAAS,MAAM,KAAG,MACG,CAAC;AAE/D,UAAU,KAAK;IACb,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAkG7E;eAMc,UAAU"}

package/lib/survey/questions/MatrixCell.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columnLabel = exports.columnKey = void 0;
+exports.MatrixCell = MatrixCell;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const TextQuestion_1 = require("./TextQuestion");
+const MultipleChoiceQuestion_1 = require("./MultipleChoiceQuestion");
+const RatingQuestion_1 = require("./RatingQuestion");
+const NPSQuestion_1 = require("./NPSQuestion");
+const DateQuestion_1 = require("./DateQuestion");
+/** Same derivation web uses, so answer keys match exactly. */
+const columnKey = (c, index) => c.id || c.name || String(index);
+exports.columnKey = columnKey;
+const columnLabel = (c, index) => c.title || c.text || c.name || c.id || `Column ${index + 1}`;
+exports.columnLabel = columnLabel;
+function MatrixCell({ column, value, onChange, contract, isRtl }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const type = column.cellType || 'text';
+    const opts = column.options || column.choices || [];
+    switch (type) {
+        case 'dropdown':
+        case 'radio':
+        case 'radiogroup':
+            return ((0, jsx_runtime_1.jsx)(MultipleChoiceQuestion_1.MultipleChoiceQuestion, { choices: opts.map((o) => ({ value: String(o.value), text: String(o.label ?? o.text ?? o.value) })), value: value ?? '', onChange: (v) => onChange(v), mode: "radiogroup", contract: c, isRtl: isRtl }));
+        case 'checkbox':
+            return ((0, jsx_runtime_1.jsx)(MultipleChoiceQuestion_1.MultipleChoiceQuestion, { choices: opts.map((o) => ({ value: String(o.value), text: String(o.label ?? o.text ?? o.value) })), value: value ?? [], onChange: (v) => onChange(v), mode: "checkbox", contract: c, isRtl: isRtl }));
+        case 'rating':
+            return ((0, jsx_runtime_1.jsx)(RatingQuestion_1.RatingQuestion, { value: value ?? null, onChange: (v) => onChange(v), contract: c }));
+        case 'nps':
+            return ((0, jsx_runtime_1.jsx)(NPSQuestion_1.NPSQuestion, { value: value ?? null, onChange: (v) => onChange(v), contract: c }));
+        case 'date':
+            // Falls back to a text input when the optional picker peer dep isn't
+            // installed — same as a standalone date question, and no new requirement
+            // on the host app.
+            return (0, DateQuestion_1.isNativeDatePickerAvailable)() ? ((0, jsx_runtime_1.jsx)(DateQuestion_1.DateQuestion, { value: value ?? '', onChange: (v) => onChange(v), contract: c, isRtl: isRtl, placeholder: column.placeholder })) : ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: value ?? '', onChange: (v) => onChange(v), placeholder: column.placeholder || 'YYYY-MM-DD', multiline: false, contract: c, isRtl: isRtl }));
+        case 'text':
+        case 'comment':
+        case 'email':
+        case 'number':
+            return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: value ?? '', onChange: (v) => onChange(v), placeholder: column.placeholder, multiline: type === 'comment', contract: c, isRtl: isRtl }));
+        default:
+            // Web renders an em-dash for a cellType with no registry entry. Match
+            // that rather than silently substituting a text box, which would invite
+            // junk data into a cell the author never meant to be free-form.
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.unsupported, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: c.textMuted, fontSize: c.fontSizeSmall }, children: "\u2014" }) }));
+    }
+}
+const styles = react_native_1.StyleSheet.create({
+    unsupported: { paddingVertical: 8 },
+});
+exports.default = MatrixCell;
+//# sourceMappingURL=MatrixCell.js.map

package/lib/survey/questions/MatrixCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixCell.js","sourceRoot":"","sources":["../../../src/survey/questions/MatrixCell.tsx"],"names":[],"mappings":"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"}

package/lib/survey/questions/MatrixDropdownQuestion.d.ts

@@ -0,0 +1,29 @@
+import { type SurveyStyleContract } from '../styleContract';
+import { type CellColumn } from './MatrixCell';
+/**
+ * MatrixDropdownQuestion — mobile parity for the web MatrixDropdownRenderer.
+ *
+ * Answer shape is IDENTICAL to web (`matrixRenderers.tsx`):
+ *   Record<rowId, Record<columnKey, cellValue>>
+ * with `columnKey` derived the same way (`c.id || c.name || String(index)`), so
+ * a mobile response is indistinguishable from a web one downstream.
+ *
+ * Web lays this out as a table with a 140px minimum per column. That genuinely
+ * doesn't fit a phone, so rows become stacked blocks and each cell is labelled
+ * with its column name. No horizontal scrolling.
+ */
+interface MatrixRow {
+    id: string;
+    text?: string;
+}
+interface Props {
+    rows: MatrixRow[];
+    columns: CellColumn[];
+    value: Record<string, Record<string, unknown>> | null;
+    onChange: (value: Record<string, Record<string, unknown>>) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function MatrixDropdownQuestion({ rows, columns, value, onChange, contract, isRtl, }: Props): import("react/jsx-runtime").JSX.Element;
+export default MatrixDropdownQuestion;
+//# sourceMappingURL=MatrixDropdownQuestion.d.ts.map

package/lib/survey/questions/MatrixDropdownQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixDropdownQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MatrixDropdownQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAsC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAEnF;;;;;;;;;;;GAWG;AAEH,UAAU,SAAS;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE;AAEjD,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAChD,EAAE,KAAK,2CA4DP;eAWc,sBAAsB"}

package/lib/survey/questions/MatrixDropdownQuestion.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatrixDropdownQuestion = MatrixDropdownQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const MatrixCell_1 = require("./MatrixCell");
+function MatrixDropdownQuestion({ rows, columns, value, onChange, contract, isRtl, }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const safeRows = Array.isArray(rows) ? rows : [];
+    const safeCols = Array.isArray(columns) ? columns : [];
+    const answers = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    const setCell = (rowId, colKey, cellValue) => {
+        const rowState = answers[rowId] || {};
+        onChange({ ...answers, [rowId]: { ...rowState, [colKey]: cellValue } });
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: safeRows.map((r) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                styles.rowBlock,
+                { backgroundColor: c.optionBg, borderColor: c.optionBorder, borderRadius: c.optionRadius },
+            ], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                        styles.rowLabel,
+                        { color: c.textPrimary, fontSize: c.fontSizeLabel, fontFamily: c.fontFamily },
+                        isRtl && styles.rtlText,
+                    ], children: r.text || r.id }), safeCols.map((col, i) => {
+                    const key = (0, MatrixCell_1.columnKey)(col, i);
+                    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.cell, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                    styles.cellLabel,
+                                    { color: c.textMuted, fontSize: c.fontSizeSmall, fontFamily: c.fontFamily },
+                                    isRtl && styles.rtlText,
+                                ], children: (0, MatrixCell_1.columnLabel)(col, i) }), (0, jsx_runtime_1.jsx)(MatrixCell_1.MatrixCell, { column: col, value: answers[r.id]?.[key], onChange: (v) => setCell(r.id, key, v), contract: c, isRtl: isRtl })] }, key));
+                })] }, r.id))) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 10 },
+    rowBlock: { padding: 12, borderWidth: 1, gap: 8 },
+    rowLabel: { fontWeight: '600', marginBottom: 2 },
+    cell: { gap: 2 },
+    cellLabel: { fontWeight: '500' },
+    rtlText: { textAlign: 'right', writingDirection: 'rtl' },
+});
+exports.default = MatrixDropdownQuestion;
+//# sourceMappingURL=MatrixDropdownQuestion.js.map

package/lib/survey/questions/MatrixDropdownQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixDropdownQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/MatrixDropdownQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/survey/questions/MatrixDynamicQuestion.d.ts

@@ -0,0 +1,26 @@
+import { type SurveyStyleContract } from '../styleContract';
+import { type CellColumn } from './MatrixCell';
+/**
+ * MatrixDynamicQuestion — mobile parity for the web MatrixDynamicRenderer.
+ *
+ * Repeating rows the respondent adds and removes ("list every product you
+ * bought"), each row sharing the same column definitions.
+ *
+ * Answer shape is IDENTICAL to web (`matrixRenderers.tsx`): an ARRAY of row
+ * objects, `Record<columnKey, cellValue>[]`, seeded to `minRowCount` empty rows
+ * so a survey requiring two rows shows two to fill in from the start.
+ */
+interface Props {
+    columns: CellColumn[];
+    value: Record<string, unknown>[] | null;
+    onChange: (value: Record<string, unknown>[]) => void;
+    minRowCount?: number;
+    maxRowCount?: number;
+    addRowLabel?: string;
+    removeRowLabel?: string;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function MatrixDynamicQuestion({ columns, value, onChange, minRowCount, maxRowCount, addRowLabel, removeRowLabel, contract, isRtl, }: Props): import("react/jsx-runtime").JSX.Element;
+export default MatrixDynamicQuestion;
+//# sourceMappingURL=MatrixDynamicQuestion.d.ts.map

package/lib/survey/questions/MatrixDynamicQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixDynamicQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MatrixDynamicQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAsC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAEnF;;;;;;;;;GASG;AAEH,UAAU,KAAK;IACb,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EAAE,KAAK,EAAE,QAAQ,EACxB,WAAe,EAAE,WAAW,EAAE,WAAuB,EAAE,cAAyB,EAChF,QAAQ,EAAE,KAAK,GAChB,EAAE,KAAK,2CA0FP;eAiBc,qBAAqB"}

package/lib/survey/questions/MatrixDynamicQuestion.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatrixDynamicQuestion = MatrixDynamicQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const MatrixCell_1 = require("./MatrixCell");
+function MatrixDynamicQuestion({ columns, value, onChange, minRowCount = 0, maxRowCount, addRowLabel = 'Add row', removeRowLabel = 'Remove', contract, isRtl, }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const safeCols = Array.isArray(columns) ? columns : [];
+    const stored = Array.isArray(value) ? value : [];
+    // Seed to the minimum for display without writing it back until the
+    // respondent actually types — same as web.
+    const rows = stored.length < minRowCount
+        ? [...stored, ...Array.from({ length: minRowCount - stored.length }, () => ({}))]
+        : stored;
+    const canAdd = maxRowCount === undefined || rows.length < maxRowCount;
+    const canRemove = rows.length > minRowCount;
+    const setCell = (rowIndex, colKey, cellValue) => {
+        const next = rows.map((r, i) => (i === rowIndex ? { ...r, [colKey]: cellValue } : r));
+        onChange(next);
+    };
+    const addRow = () => onChange([...rows, {}]);
+    const removeRow = (i) => onChange(rows.filter((_, j) => j !== i));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [rows.map((row, ri) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                    styles.rowBlock,
+                    { backgroundColor: c.optionBg, borderColor: c.optionBorder, borderRadius: c.optionRadius },
+                ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.rowHead, isRtl && styles.rtlRow], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.rowIndex, { color: c.textMuted, fontSize: c.fontSizeSmall }], children: ri + 1 }), canRemove && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => removeRow(ri), accessibilityRole: "button", accessibilityLabel: `${removeRowLabel} ${ri + 1}`, style: [styles.removeBtn, { borderColor: c.inputErrorBorder }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.removeText, { color: c.errorText, fontSize: c.fontSizeSmall }], children: removeRowLabel }) }))] }), safeCols.map((col, i) => {
+                        const key = (0, MatrixCell_1.columnKey)(col, i);
+                        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.cell, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                        styles.cellLabel,
+                                        { color: c.textMuted, fontSize: c.fontSizeSmall, fontFamily: c.fontFamily },
+                                        isRtl && styles.rtlText,
+                                    ], children: (0, MatrixCell_1.columnLabel)(col, i) }), (0, jsx_runtime_1.jsx)(MatrixCell_1.MatrixCell, { column: col, value: row[key], onChange: (v) => setCell(ri, key, v), contract: c, isRtl: isRtl })] }, key));
+                    })] }, ri))), canAdd && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: addRow, accessibilityRole: "button", accessibilityLabel: addRowLabel, style: [styles.addBtn, { borderColor: c.accent, borderRadius: c.buttonRadius }], children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.addText, { color: c.accent, fontSize: c.fontSizeLabel }], children: ["+ ", addRowLabel] }) }))] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 10 },
+    rowBlock: { padding: 12, borderWidth: 1, gap: 8 },
+    rowHead: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+    rtlRow: { flexDirection: 'row-reverse' },
+    rowIndex: { fontWeight: '700' },
+    removeBtn: { paddingVertical: 4, paddingHorizontal: 10, borderWidth: 1, borderRadius: 6 },
+    removeText: { fontWeight: '600' },
+    cell: { gap: 2 },
+    cellLabel: { fontWeight: '500' },
+    rtlText: { textAlign: 'right', writingDirection: 'rtl' },
+    addBtn: { paddingVertical: 10, borderWidth: 1, borderStyle: 'dashed', alignItems: 'center' },
+    addText: { fontWeight: '600' },
+});
+exports.default = MatrixDynamicQuestion;
+//# sourceMappingURL=MatrixDynamicQuestion.js.map

package/lib/survey/questions/MatrixDynamicQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixDynamicQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/MatrixDynamicQuestion.tsx"],"names":[],"mappings":";;;;AACA,+CAAwE;AACxE,oDAA2E;AAC3E,6CAAmF;AAyBnF,+BAAsC,EACpC,OAAO,EAAE,KAAK,EAAE,QAAQ,EACxB,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,EAAE,cAAc,GAAG,QAAQ,EAChF,QAAQ,EAAE,KAAK,GACT;IACN,MAAM,CAAC,GAAG,QAAQ,IAAI,6BAAa,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,MAAM,MAAM,GAA8B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,oEAAoE;IACpE,2CAA2C;IAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,WAAW;QACtC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACjF,CAAC,CAAC,MAAM,CAAC;IAEX,MAAM,MAAM,GAAG,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;IACtE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;IAE5C,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,MAAc,EAAE,SAAkB,EAAE,EAAE;QACvE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtF,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACrB,wBAAC,mBAAI,IAEH,KAAK,EAAE;oBACL,MAAM,CAAC,QAAQ;oBACf,EAAE,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE;iBAC3F,aAED,wBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,aACnD,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,YAC9E,EAAE,GAAG,CAAC,GACF,EACN,SAAS,IAAI,CACZ,uBAAC,+BAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,EAC5B,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,GAAG,cAAc,IAAI,EAAE,GAAG,CAAC,EAAE,EACjD,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,YAE9D,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,YAChF,cAAc,GACV,GACU,CACpB,IACI,EAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;wBACvB,MAAM,GAAG,GAAG,IAAA,sBAAS,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC;wBAC9B,OAAO,CACL,wBAAC,mBAAI,IAAW,KAAK,EAAE,MAAM,CAAC,IAAI,aAChC,uBAAC,mBAAI,IACH,KAAK,EAAE;wCACL,MAAM,CAAC,SAAS;wCAChB,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE;wCAC3E,KAAK,IAAI,MAAM,CAAC,OAAO;qCACxB,YAEA,IAAA,wBAAW,EAAC,GAAG,EAAE,CAAC,CAAC,GACf,EACP,uBAAC,uBAAU,IACT,MAAM,EAAE,GAAG,EACX,KAAK,EAAG,GAA+B,CAAC,GAAG,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EACpC,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,KAAK,GACZ,KAhBO,GAAG,CAiBP,CACR,CAAC;oBACJ,CAAC,CAAC,KA9CG,EAAE,CA+CF,CACR,CAAC,EAED,MAAM,IAAI,CACT,uBAAC,+BAAgB,IACf,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,WAAW,EAC/B,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,YAE/E,wBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,mBACxE,WAAW,IACT,GACU,CACpB,IACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACzC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;IACjD,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE;IACxF,MAAM,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE;IACxC,QAAQ,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;IAC/B,SAAS,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE;IACzF,UAAU,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;IACjC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAChB,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;IAChC,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE;IACxD,MAAM,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE;IAC5F,OAAO,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;CAC/B,CAAC,CAAC;kBAEY,qBAAqB"}

package/lib/survey/questions/MatrixQuestion.d.ts

@@ -0,0 +1,38 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * MatrixQuestion — mobile parity for the web MatrixRenderer.
+ *
+ * Previously fell through to "please complete on desktop". The stated reason was
+ * that a multi-column grid doesn't fit a phone — which is true of the GRID, not
+ * of the question. So this renders the same data as a stacked list: one block
+ * per row, its columns as choice chips underneath. No horizontal scrolling, no
+ * 40px touch targets.
+ *
+ * Answer shape is IDENTICAL to web (`matrixRenderers.tsx` MatrixRenderer):
+ * `Record<rowId, columnValue>`. A mobile response is therefore indistinguishable
+ * from a web one downstream — which is the whole point of closing this gap.
+ *
+ * Uses only React Native primitives, so no new peer dependency and the install
+ * guide stays sufficient.
+ */
+interface MatrixRow {
+    id: string;
+    text?: string;
+}
+interface MatrixCol {
+    value: unknown;
+    label?: string;
+    text?: string;
+}
+interface Props {
+    rows: MatrixRow[];
+    columns: MatrixCol[];
+    /** Record<rowId, columnValue> — same as web. */
+    value: Record<string, unknown> | null;
+    onChange: (value: Record<string, unknown>) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function MatrixQuestion({ rows, columns, value, onChange, contract, isRtl }: Props): import("react/jsx-runtime").JSX.Element;
+export default MatrixQuestion;
+//# sourceMappingURL=MatrixQuestion.d.ts.map