@cxpinsight/react-native 0.2.0

package/lib/survey/questions/RankingQuestion.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RankingQuestion = RankingQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const valueOf = (o) => typeof o === 'string' ? o : String(o.value);
+const labelOf = (o) => {
+    if (typeof o === 'string')
+        return o;
+    const raw = o.label ?? o.text ?? o.value;
+    return raw != null ? String(raw) : '';
+};
+function RankingQuestion({ options, value, onChange, contract, isRtl }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const opts = Array.isArray(options) ? options : [];
+    const byValue = {};
+    for (const o of opts)
+        byValue[valueOf(o)] = o;
+    // Same default as web: authored order until the respondent reorders.
+    const order = Array.isArray(value) && value.length
+        ? value.map(String)
+        : opts.map(valueOf);
+    const move = (from, to) => {
+        if (to < 0 || to >= order.length)
+            return;
+        const next = [...order];
+        const [moved] = next.splice(from, 1);
+        next.splice(to, 0, moved);
+        onChange(next);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: order.map((v, i) => {
+            const opt = byValue[v];
+            const first = i === 0;
+            const last = i === order.length - 1;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                    styles.row,
+                    {
+                        backgroundColor: c.optionBg,
+                        borderColor: c.optionBorder,
+                        borderRadius: c.optionRadius,
+                    },
+                    isRtl && styles.rtlRow,
+                ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.rank, { backgroundColor: c.optionSelectedBg, borderColor: c.optionSelectedBorder }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.rankText, { color: c.indicatorChecked }], children: i + 1 }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                            styles.label,
+                            { color: c.textPrimary, fontSize: c.fontSizeLabel, fontFamily: c.fontFamily },
+                            isRtl && styles.rtlText,
+                        ], numberOfLines: 2, children: opt != null ? labelOf(opt) : v }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.arrows, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => move(i, i - 1), disabled: first, accessibilityRole: "button", accessibilityLabel: `Move ${opt != null ? labelOf(opt) : v} up`, style: [styles.arrow, { borderColor: c.optionBorder, opacity: first ? 0.3 : 1 }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.arrowText, { color: c.textSecondary }], children: "\u2191" }) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => move(i, i + 1), disabled: last, accessibilityRole: "button", accessibilityLabel: `Move ${opt != null ? labelOf(opt) : v} down`, style: [styles.arrow, { borderColor: c.optionBorder, opacity: last ? 0.3 : 1 }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.arrowText, { color: c.textSecondary }], children: "\u2193" }) })] })] }, v));
+        }) }));
+}
+/* Layout only — every colour, radius and type size comes from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 8 },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 12,
+        borderWidth: 1,
+        gap: 12,
+    },
+    rtlRow: { flexDirection: 'row-reverse' },
+    rank: {
+        width: 26,
+        height: 26,
+        borderRadius: 13,
+        borderWidth: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    rankText: { fontSize: 12, fontWeight: '700' },
+    label: { flex: 1 },
+    rtlText: { textAlign: 'right', writingDirection: 'rtl' },
+    arrows: { flexDirection: 'row', gap: 6 },
+    arrow: {
+        width: 30,
+        height: 30,
+        borderWidth: 1,
+        borderRadius: 6,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    arrowText: { fontSize: 15, fontWeight: '600' },
+});
+exports.default = RankingQuestion;
+//# sourceMappingURL=RankingQuestion.js.map

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

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

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

@@ -0,0 +1,20 @@
+import type { ThemePalette } from '../themePalette';
+import { type SurveyStyleContract } from '../styleContract';
+interface Props {
+    value: number | null;
+    onChange: (value: number) => void;
+    rateMax?: number;
+    /**
+     * @deprecated Superseded by `contract.ratingFilledBg`. Still honoured so
+     * existing callers keep working; drop once SurveyModal passes `contract`
+     * everywhere.
+     */
+    primaryColor?: string;
+    /** @deprecated The 9-field subset. Pass `contract` instead — it is a superset. */
+    palette?: ThemePalette;
+    /** Full style contract. Every colour, radius and type size comes from here. */
+    contract?: SurveyStyleContract;
+}
+export declare function RatingQuestion({ value, onChange, rateMax, primaryColor, palette, contract, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RatingQuestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/RatingQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EAAE,QAAQ,EAAE,OAAW,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,GAC9D,EAAE,KAAK,2CAgDP"}

package/lib/survey/questions/RatingQuestion.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingQuestion = RatingQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function RatingQuestion({ value, onChange, rateMax = 5, primaryColor, palette, contract, }) {
+    // Resolution order preserves existing behaviour exactly:
+    //   contract (new, widest) ▸ palette + primaryColor (legacy) ▸ dark defaults.
+    // DARK_CONTRACT's values are byte-identical to the literals this file used to
+    // hardcode, so an unstyled render is unchanged.
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const restBg = palette?.input ?? c.ratingBg;
+    const restBorder = palette?.inputBorder ?? c.ratingBorder;
+    const restText = palette?.textSecondary ?? c.ratingText;
+    const fillBg = primaryColor ?? c.ratingFilledBg;
+    const fillBorder = primaryColor ?? c.ratingFilledBorder;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.row, { gap: c.fieldGap }], children: Array.from({ length: rateMax }, (_, i) => {
+                const num = i + 1;
+                const selected = value === num;
+                return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
+                        styles.button,
+                        { backgroundColor: restBg, borderColor: restBorder, borderRadius: c.ratingRadius },
+                        selected && { backgroundColor: fillBg, borderColor: fillBorder },
+                    ], onPress: () => onChange(num), activeOpacity: 0.7, accessibilityRole: "button", accessibilityState: { selected }, accessibilityLabel: `${num} of ${rateMax}`, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                            styles.buttonText,
+                            { color: restText },
+                            selected && { color: c.ratingFilledText },
+                        ], children: num }) }, num));
+            }) }) }));
+}
+/* Layout only — every colour, radius and gap now comes from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 8,
+        alignItems: 'center',
+    },
+    row: {
+        flexDirection: 'row',
+    },
+    button: {
+        width: 48,
+        height: 48,
+        borderWidth: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=RatingQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/RatingQuestion.tsx"],"names":[],"mappings":";;;;AACA,+CAAwE;AAExE,oDAA2E;AAkB3E,wBAA+B,EAC7B,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,GACvD;IACN,yDAAyD;IACzD,8EAA8E;IAC9E,8EAA8E;IAC9E,gDAAgD;IAChD,MAAM,CAAC,GAAG,QAAQ,IAAI,6BAAa,CAAC;IAEpC,MAAM,MAAM,GAAO,OAAO,EAAE,KAAK,IAAW,CAAC,CAAC,QAAQ,CAAC;IACvD,MAAM,UAAU,GAAG,OAAO,EAAE,WAAW,IAAK,CAAC,CAAC,YAAY,CAAC;IAC3D,MAAM,QAAQ,GAAK,OAAO,EAAE,aAAa,IAAI,CAAC,CAAC,UAAU,CAAC;IAC1D,MAAM,MAAM,GAAO,YAAY,IAAI,CAAC,CAAC,cAAc,CAAC;IACpD,MAAM,UAAU,GAAG,YAAY,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAExD,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,YAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACxC,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;gBAClB,MAAM,QAAQ,GAAG,KAAK,KAAK,GAAG,CAAC;gBAC/B,OAAO,CACL,uBAAC,+BAAgB,IAEf,KAAK,EAAE;wBACL,MAAM,CAAC,MAAM;wBACb,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE;wBAClF,QAAQ,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE;qBACjE,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC5B,aAAa,EAAE,GAAG,EAClB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,kBAAkB,EAAE,GAAG,GAAG,OAAO,OAAO,EAAE,YAE1C,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,UAAU;4BACjB,EAAE,KAAK,EAAE,QAAQ,EAAE;4BACnB,QAAQ,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE;yBAC1C,YAEA,GAAG,GACC,IApBF,GAAG,CAqBS,CACpB,CAAC;YACJ,CAAC,CAAC,GACG,GACF,CACR,CAAC;AACJ,CAAC;AAED,6EAA6E;AAC7E,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ThemePalette } from '../themePalette';
+import { type SurveyStyleContract } from '../styleContract';
+interface Props {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    multiline?: boolean;
+    /** @deprecated The 9-field subset. Pass `contract` — it is a superset. */
+    palette?: ThemePalette;
+    /** Full style contract. */
+    contract?: SurveyStyleContract;
+    /** Right-aligns the field for Arabic/Hebrew (spec §26). */
+    isRtl?: boolean;
+}
+export declare function TextQuestion({ value, onChange, placeholder, multiline, palette, contract, isRtl, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextQuestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/TextQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GACzE,EAAE,KAAK,2CAoCP"}

package/lib/survey/questions/TextQuestion.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextQuestion = TextQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function TextQuestion({ value, onChange, placeholder, multiline = true, palette, contract, isRtl, }) {
+    // contract ▸ legacy palette ▸ dark defaults. DARK_CONTRACT's input values are
+    // the literals this file used to hardcode, so an unstyled render is unchanged.
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const bg = palette?.input ?? c.input;
+    const border = palette?.inputBorder ?? c.inputBorder;
+    const text = palette?.textPrimary ?? c.inputText;
+    const placeholderC = palette?.placeholder ?? c.placeholder;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: [
+                styles.input,
+                {
+                    backgroundColor: bg,
+                    borderColor: border,
+                    color: text,
+                    borderRadius: c.inputRadius,
+                    fontSize: c.fontSizeInput,
+                    fontFamily: c.fontFamily,
+                },
+                multiline && styles.multiline,
+                isRtl && styles.rtl,
+            ], value: value, onChangeText: onChange, placeholder: placeholder ?? 'Type your answer...', placeholderTextColor: placeholderC, multiline: multiline, numberOfLines: multiline ? 4 : 1, textAlignVertical: multiline ? 'top' : 'center' }) }));
+}
+/* Layout only — colours, radius and type size come from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 8,
+    },
+    input: {
+        borderWidth: 1,
+        padding: 14,
+    },
+    multiline: {
+        minHeight: 100,
+    },
+    rtl: {
+        textAlign: 'right',
+        writingDirection: 'rtl',
+    },
+});
+//# sourceMappingURL=TextQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/TextQuestion.tsx"],"names":[],"mappings":";;;;AACA,+CAA2D;AAE3D,oDAA2E;AAe3E,sBAA6B,EAC3B,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAClE;IACN,8EAA8E;IAC9E,+EAA+E;IAC/E,MAAM,CAAC,GAAG,QAAQ,IAAI,6BAAa,CAAC;IAEpC,MAAM,EAAE,GAAY,OAAO,EAAE,KAAK,IAAU,CAAC,CAAC,KAAK,CAAC;IACpD,MAAM,MAAM,GAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC;IAC1D,MAAM,IAAI,GAAU,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,SAAS,CAAC;IACxD,MAAM,YAAY,GAAG,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC;IAE3D,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,uBAAC,wBAAS,IACR,KAAK,EAAE;gBACL,MAAM,CAAC,KAAK;gBACZ;oBACE,eAAe,EAAE,EAAE;oBACnB,WAAW,EAAE,MAAM;oBACnB,KAAK,EAAE,IAAI;oBACX,YAAY,EAAE,CAAC,CAAC,WAAW;oBAC3B,QAAQ,EAAE,CAAC,CAAC,aAAa;oBACzB,UAAU,EAAE,CAAC,CAAC,UAAU;iBACzB;gBACD,SAAS,IAAI,MAAM,CAAC,SAAS;gBAC7B,KAAK,IAAI,MAAM,CAAC,GAAG;aACpB,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,WAAW,IAAI,qBAAqB,EACjD,oBAAoB,EAAE,YAAY,EAClC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAC/C,GACG,CACR,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;KAClB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,EAAE;KACZ;IACD,SAAS,EAAE;QACT,SAAS,EAAE,GAAG;KACf;IACD,GAAG,EAAE;QACH,SAAS,EAAE,OAAO;QAClB,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC,CAAC"}

package/lib/survey/styleContract.d.ts

@@ -0,0 +1,230 @@
+/**
+ * Survey style contract — the shared theming vocabulary.
+ *
+ * Why this exists
+ * ---------------
+ * `customCss` cannot work on React Native: RN has no CSS engine, so arbitrary
+ * CSS has nothing to act on. Rather than accept a permanent styling gap between
+ * web and mobile, theming moves to a *structured* contract that both platforms
+ * implement. A customer brands once; it applies everywhere.
+ *
+ * The trade, stated honestly: this is comprehensive, not arbitrary. Every
+ * surface the renderer draws is themeable. Author-invented selectors, cascade
+ * tricks and layout restructuring are not — those stay web-only via `customCss`.
+ *
+ * Relationship to `themePalette.ts`
+ * ---------------------------------
+ * `ThemePalette` (9 fields) is the shipped subset of this contract and stays
+ * working — `toLegacyPalette()` derives it, so existing callers and any host app
+ * passing `brandingPalette` are unaffected. This widens the vocabulary from 9
+ * fields to full coverage of the ~200 style properties the native renderer sets.
+ *
+ * Web mapping
+ * -----------
+ * The web renderer exposes the same concepts as `--vp-color-*` / `--vp-fs-*`
+ * custom properties. Field names here are the canonical vocabulary; the web side
+ * maps onto them. `CSS_VAR_MAP` at the bottom records that mapping so the two
+ * cannot drift silently.
+ */
+export type ThemeName = 'light' | 'dark';
+export interface SurveyStyleContract {
+    /** Primary brand colour. Actions, selected states, focus rings. */
+    accent: string;
+    /** Pressed/hover state of the accent. */
+    accentHover: string;
+    /** Text/icon colour that sits ON the accent. Must contrast with `accent`. */
+    accentText: string;
+    /** Behind the card — the modal scrim area or page ground. */
+    ground: string;
+    card: string;
+    cardBorder: string;
+    cardRadius: number;
+    cardPaddingTop?: number;
+    cardPaddingRight?: number;
+    cardPaddingBottom?: number;
+    cardPaddingLeft?: number;
+    cardPadding: number;
+    input: string;
+    inputBorder: string;
+    inputText: string;
+    inputRadius: number;
+    placeholder: string;
+    /** Border colour when a field is focused. */
+    inputFocusBorder: string;
+    /** Border colour when a field fails validation. */
+    inputErrorBorder: string;
+    errorText: string;
+    headingColor: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    optionBg: string;
+    optionBorder: string;
+    optionRadius: number;
+    optionSelectedBg: string;
+    optionSelectedBorder: string;
+    /** The radio/checkbox ring when unselected. */
+    indicatorBorder: string;
+    /** The ring/fill when selected. */
+    indicatorChecked: string;
+    ratingBg: string;
+    ratingBorder: string;
+    ratingText: string;
+    ratingRadius: number;
+    /** NPS buttons are squarer than rating buttons in the shipped design. */
+    npsRadius: number;
+    /** Unfilled star / inactive scale mark. Distinct from ratingBorder. */
+    ratingEmpty: string;
+    ratingFilledBg: string;
+    ratingFilledBorder: string;
+    ratingFilledText: string;
+    buttonRadius: number;
+    buttonPaddingY: number;
+    buttonFontSize: number;
+    primaryBg: string;
+    primaryText: string;
+    primaryBorder: string;
+    secondaryBg: string;
+    secondaryText: string;
+    secondaryBorder: string;
+    /** Family for body and controls. RN needs a font already linked in the app. */
+    fontFamily?: string;
+    /** Family for the survey title and section headings. Falls back to fontFamily. */
+    fontFamilyHeading?: string;
+    fontSizeHeading: number;
+    fontSizeLabel: number;
+    fontSizeInput: number;
+    fontSizeDescription: number;
+    fontSizeSmall: number;
+    fontWeightHeading: '400' | '500' | '600' | '700';
+    fontWeightLabel: '400' | '500' | '600' | '700';
+    lineHeightBody: number;
+    /** Space between a label and its control. */
+    fieldGap: number;
+    /** Space between questions. */
+    sectionGap: number;
+    closeBg: string;
+    closeText: string;
+    brandNameColor: string;
+    descriptionColor: string;
+    progressText: string;
+    progressTrack: string;
+    /** The asterisk on a required question. */
+    requiredMark: string;
+    /** Language-switcher chips. */
+    chipBg: string;
+    chipBorder: string;
+    chipText: string;
+    /** "Complete on desktop" hint for question types mobile can't render yet. */
+    hintBg: string;
+    hintBorder: string;
+    hintText: string;
+    /**
+     * Explicit stand-in for the `::before` brand rule authors draw in web
+     * customCss. Pseudo-elements don't exist in RN, so the one decorative device
+     * that showed up repeatedly in real customCss becomes a first-class field.
+     * Height 0 disables it.
+     */
+    topRuleHeight: number;
+    topRuleColor: string;
+}
+/** Every field optional — a caller overrides only what it cares about. */
+export type StyleOverride = Partial<SurveyStyleContract>;
+export declare const DARK_CONTRACT: SurveyStyleContract;
+/** Not a naive inversion — values are re-chosen to hold contrast on a pale ground. */
+export declare const LIGHT_CONTRACT: SurveyStyleContract;
+/**
+ * Resolve the contract for a render.
+ *
+ * Precedence, HIGHEST first — deliberately identical to the shipped
+ * `themePalette()` so ownership rules do not change:
+ *   1. `initOverride`   — the host app, via CXPinsight.init({ brandingPalette })
+ *   2. `surveyOverride` — survey.branding.palette
+ *   3. `primaryColor`   — convenience, fans out to every accent-derived field
+ *   4. theme defaults (light | dark)
+ *
+ * The host app wins because it owns the surface the survey appears on: an app in
+ * a dark skin must be able to stop a survey rendering light inside it. This
+ * matches themePalette()'s documented layering — do not invert it.
+ *
+ * Also mirrors themePalette()'s *truthy* override test: a field present but
+ * empty/undefined falls through rather than blanking the value, which a plain
+ * object spread would not do.
+ */
+export declare function resolveStyleContract(args: {
+    theme?: ThemeName | string | null;
+    primaryColor?: string | null;
+    initOverride?: StyleOverride | null;
+    surveyOverride?: StyleOverride | null;
+}): SurveyStyleContract;
+/** The 9-field shape shipped as `ThemePalette`. Kept working, derived not duplicated. */
+export interface LegacyThemePalette {
+    card: string;
+    cardBorder: string;
+    input: string;
+    inputBorder: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    placeholder: string;
+    indicatorBorder: string;
+}
+/** Existing callers of themePalette() keep the exact same shape. */
+export declare function toLegacyPalette(c: SurveyStyleContract): LegacyThemePalette;
+/**
+ * Which web custom property carries each contract field.
+ *
+ * `null` means the web renderer has no dedicated property yet — those are the
+ * additive gaps to fill so both platforms cover the same surface. Recording
+ * them here (rather than in prose) means a golden test can assert the two
+ * implementations haven't drifted.
+ */
+export declare const CSS_VAR_MAP: Partial<Record<keyof SurveyStyleContract, string | null>>;
+/**
+ * The vocabulary authors actually write, via SurveyPaletteEditor →
+ * `survey.branding.palette[theme]`. It is NOT the same as `PaletteOverride`
+ * (the SDK-init shape), and that mismatch is why mobile has never reflected the
+ * palette editor: `themePalette()` iterates its own 9 keys, so `cardBg` never
+ * matched `card`, `inputBg` never matched `input`, and 7 of the author's 8
+ * choices were silently dropped. Only `textMuted` overlapped — and even that
+ * meant something different on each side (see below).
+ *
+ * Field meanings are taken from the web renderer, which is the authority since
+ * it already consumes these names (SurveyRenderer.tsx:904-916).
+ */
+export interface AuthoredPalette {
+    /** Whole widget surface. web: --vp-color-bg + --vp-bg-rgb */
+    bg?: string;
+    /** Primary body copy. web: --vp-color-text */
+    text?: string;
+    /** Secondary copy — descriptions, hints. web: --vp-color-text-muted */
+    textMuted?: string;
+    /** Labels, placeholders, glyphs. web: --vp-color-text-faint */
+    textFaint?: string;
+    /** Dividers, input borders, scale outlines. web: --vp-color-input-border */
+    border?: string;
+    /** Instruction blocks, option rows, matrix rows. web: --vp-color-card */
+    cardBg?: string;
+    /** Text areas, selects, rating buttons. web: --vp-color-input-bg */
+    inputBg?: string;
+    /** Hover/active surface. web: --vp-color-hover */
+    hoverBg?: string;
+}
+/**
+ * Translate an authored palette into a contract override.
+ *
+ * One author field legitimately fans out to several contract fields: `border`
+ * covers input, option and rating outlines, because the web renderer's single
+ * `--vp-color-input-border` reaches all three.
+ *
+ * ⚠ The text tiers are OFF BY ONE between the two vocabularies:
+ *      authored `text`      → contract `textPrimary`
+ *      authored `textMuted` → contract `textSecondary`   (not `textMuted`!)
+ *      authored `textFaint` → contract `textMuted` + `placeholder`
+ * This mirrors the web token names exactly. Do not "simplify" it.
+ *
+ * Keys that are already contract field names pass through untouched, so a
+ * palette written against the SDK vocabulary still works.
+ */
+export declare function fromAuthoredPalette(authored?: AuthoredPalette | Record<string, string | undefined> | null): StyleOverride;
+//# sourceMappingURL=styleContract.d.ts.map

package/lib/survey/styleContract.d.ts.map

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