@appinternalleads/ui 0.2.0

package/dist/cjs/components/onboarding/brand-kit/BrandKitView.js

@@ -0,0 +1,54 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandKit = void 0;
+exports.fontFamilyFor = fontFamilyFor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("../../../core");
+const ds_1 = require("../../../ds");
+const tokens_1 = require("../../../tokens");
+const contract_1 = require("../shared/contract");
+const OnboardingCard_1 = require("../shared/OnboardingCard");
+const InvalidConfig_1 = require("../shared/InvalidConfig");
+const runtime_1 = require("../shared/runtime");
+const react_native_1 = require("react-native");
+const contract_2 = require("./contract");
+const runtime_2 = require("./runtime");
+const guard_1 = require("../shared/guard");
+/** The font to set the preview's brand name in: the web gets the prototype's stack, native the family name. */
+function fontFamilyFor(name) {
+    if (name === 'System UI')
+        return undefined;
+    return react_native_1.Platform.OS === 'web' ? contract_2.FONT_STACKS[name] ?? name : name;
+}
+/** Gap between the body's sections, by density — the handoff's 12 / 14 / 18. */
+const GAP = { compact: 12, default: 14, comfortable: 18 };
+/**
+ * **Brand Kit** — a Dropzone (B1) for the logo; one or two colour fields (C12, B2: uppercase, max
+ * 7, touched-then-invalid says how to fix it) and a font select in one row; a preview well (B10)
+ * that paints the user's colours — the only place they appear — and cross-fades on every valid
+ * change. Save is gated on an uploaded logo and a valid first colour.
+ */
+function BrandKitView(props) {
+    const config = (0, contract_1.resolveConfig)(contract_2.BRAND_PRESETS, props.preset, props.config);
+    const issues = (0, contract_2.validateBrandKit)(config);
+    if (issues.length)
+        return (0, jsx_runtime_1.jsx)(InvalidConfig_1.InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return (0, jsx_runtime_1.jsx)(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status = 'ready', result, operations, reload, initial, onPickFile, onChange, onSave, onSkip, onScene, testID, }) {
+    const { colors, densityName } = (0, tokens_1.useDs)();
+    const pattern = (0, runtime_1.usePatternStatus)(status, reload);
+    const rt = (0, runtime_2.useBrandKit)({ config, operations, result, initial, onChange, onSave });
+    const s = rt.state;
+    const v = rt.view;
+    (0, runtime_1.useSceneReport)(pattern.status === 'ready' ? v.scene : pattern.status, onScene);
+    const gap = GAP[density ?? densityName];
+    const primary = v.previewColors[0] ?? colors.textSecondary;
+    const accent = v.previewColors[1] ?? primary;
+    return ((0, jsx_runtime_1.jsx)(OnboardingCard_1.OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, chip: v.chip, hint: v.footerHint, secondary: config.secondaryLabel ? { label: config.secondaryLabel, onPress: () => { onSkip?.(); onScene?.('skipped'); } } : undefined, primary: { label: v.primaryLabel, onPress: rt.save, disabled: !v.canSave, busy: s.save === 'saving' }, children: (0, jsx_runtime_1.jsxs)(core_1.Box, { style: { gap }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s2", children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, justify: "space-between", gap: "s2", wrap: true, children: [(0, jsx_runtime_1.jsx)(OnboardingCard_1.FieldLabel, { children: "Logo" }), (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: v.dropHint })] }), (0, jsx_runtime_1.jsx)(ds_1.Dropzone, { label: "Logo", value: s.file, accept: config.accept, maxSizeMB: config.maxSizeMB, initials: (0, ds_1.initialsOf)(config.brandName), forceDrag: s.dragOver, disabled: s.save === 'saving', onFiles: ([f]) => { if (f)
+                                rt.file(f); }, onPick: onPickFile, onCancel: rt.cancelUpload, onRemove: () => rt.dispatch({ type: 'removeFile' }) })] }), (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, wrap: true, style: { gap: 12 }, children: [config.colorLabels.map((label, i) => ((0, jsx_runtime_1.jsx)(core_1.Box, { style: { flexGrow: 1, flexBasis: 150, minWidth: 0 }, children: (0, jsx_runtime_1.jsx)(ds_1.ColorField, { label: label, showLabel: true, fluid: true, value: s.valid[i] ?? ((0, contract_2.isHex)(s.colors[i]) ? s.colors[i] : colors.surface1), text: s.colors[i] ?? '', touched: s.touched[i], onChangeText: text => rt.dispatch({ type: 'color', index: i, text }), onChange: () => { }, onBlur: () => rt.dispatch({ type: 'touch', index: i }) }) }, label))), (0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", style: { flexGrow: 1, flexBasis: 150, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(OnboardingCard_1.FieldLabel, { children: "Font" }), (0, jsx_runtime_1.jsx)(core_1.Select, { "aria-label": "Font", value: s.font, onChange: font => rt.dispatch({ type: 'font', font }), options: config.fontOptions.map(f => ({ value: f, label: f })), disabled: s.save === 'saving' })] })] }), (0, jsx_runtime_1.jsx)(ds_1.BrandPreview, { kind: config.previewKind, brandName: config.brandName, colors: [primary, accent], font: fontFamilyFor(s.font), logoUri: s.file.status === 'filled' ? s.file.file.previewUri : undefined }), s.save === 'failed' ? (0, jsx_runtime_1.jsx)(ds_1.Callout, { alert: true, title: config.saveErrorTitle, children: config.saveErrorBody }) : null] }) }));
+}
+/** BrandKit, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+exports.BrandKit = (0, guard_1.guarded)(BrandKitView, contract_2.BRAND_PRESETS, 'BrandKit');
+//# sourceMappingURL=BrandKitView.js.map

package/dist/cjs/components/onboarding/brand-kit/BrandKitView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandKitView.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/brand-kit/BrandKitView.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/brand-kit/contract.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHex = exports.FONT_STACKS = exports.BRAND_PRESETS = exports.BRAND_IN_FLIGHT = exports.BRAND_SCENES = void 0;
+exports.validateBrandKit = validateBrandKit;
+const presets_json_1 = __importDefault(require("./presets.json"));
+/**
+ * **Brand Kit (handoff §3.1)** — upload a logo, set a primary (and an accent) colour, pick a font,
+ * and see a live preview. **The user's colours appear only inside the preview well.**
+ */
+exports.BRAND_SCENES = [
+    'default', 'dragover', 'uploading', 'filled', 'invalidFile', 'invalidHex', 'saving', 'saved', 'failed', 'loading', 'empty', 'error',
+];
+/** Scenes that are an operation in flight — see `sceneProps`. */
+exports.BRAND_IN_FLIGHT = ['uploading', 'saving'];
+exports.BRAND_PRESETS = presets_json_1.default;
+/** The prototype's font stacks. The web gets the stack; native gets the family name (`fontFamilyFor`, in the view). */
+exports.FONT_STACKS = {
+    'Nunito Sans': "'Nunito Sans', sans-serif",
+    Georgia: 'Georgia, serif',
+    'Trebuchet MS': "'Trebuchet MS', sans-serif",
+    'System UI': 'system-ui, sans-serif',
+    Arial: 'Arial, Helvetica, sans-serif',
+    Verdana: 'Verdana, sans-serif',
+    'Times New Roman': "'Times New Roman', Times, serif",
+};
+const HEX = /^#[0-9a-fA-F]{6}$/;
+const isHex = (v) => typeof v === 'string' && HEX.test(v);
+exports.isHex = isHex;
+function validateBrandKit(c) {
+    const issues = [];
+    if (!Array.isArray(c.colorLabels) || c.colorLabels.length < 1 || c.colorLabels.length > 2)
+        issues.push({ path: 'colorLabels', message: 'One or two colour fields.' });
+    if (!Array.isArray(c.accept) || !c.accept.length)
+        issues.push({ path: 'accept', message: 'Name at least one file type.' });
+    if (!(c.maxSizeMB > 0))
+        issues.push({ path: 'maxSizeMB', message: 'maxSizeMB must be more than 0.' });
+    if (!Array.isArray(c.fontOptions) || !c.fontOptions.length)
+        issues.push({ path: 'fontOptions', message: 'Offer at least one font.' });
+    if (!['appbar', 'email', 'login', 'invoice', 'ticket'].includes(c.previewKind))
+        issues.push({ path: 'previewKind', message: `“${c.previewKind}” is not a preview.` });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/cjs/components/onboarding/brand-kit/contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/brand-kit/contract.ts"],"names":[],"mappings":";;;;;;AAiEA,4CAQC;AAvED,kEAAyC;AAEzC;;;GAGG;AAEU,QAAA,YAAY,GAAG;IAC1B,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;CAC3H,CAAC;AAEX,iEAAiE;AACpD,QAAA,eAAe,GAAsB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAmC7D,QAAA,aAAa,GAAG,sBAAuD,CAAC;AAErF,uHAAuH;AAC1G,QAAA,WAAW,GAA2B;IACjD,aAAa,EAAE,2BAA2B;IAC1C,OAAO,EAAE,gBAAgB;IACzB,cAAc,EAAE,4BAA4B;IAC5C,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE,8BAA8B;IACrC,OAAO,EAAE,qBAAqB;IAC9B,iBAAiB,EAAE,iCAAiC;CACrD,CAAC;AAEF,MAAM,GAAG,GAAG,mBAAmB,CAAC;AACzB,MAAM,KAAK,GAAG,CAAC,CAA4B,EAAe,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAA5F,QAAA,KAAK,SAAuF;AAEzG,SAAgB,gBAAgB,CAAC,CAAmB;IAClD,MAAM,MAAM,GAAsB,EAAE,CAAC;IACrC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC,CAAC;IACtK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,8BAA8B,EAAE,CAAC,CAAC;IAC3H,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,gCAAgC,EAAE,CAAC,CAAC;IACtG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,0BAA0B,EAAE,CAAC,CAAC;IACtI,IAAI,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,WAAW,qBAAqB,EAAE,CAAC,CAAC;IACtK,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/cjs/components/onboarding/brand-kit/engine.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.demoLogo = demoLogo;
+exports.initialBrand = initialBrand;
+exports.brandSeed = brandSeed;
+exports.reduceBrand = reduceBrand;
+exports.brandView = brandView;
+const core_1 = require("../../../core");
+const contract_1 = require("./contract");
+const slug = (t) => t.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
+/** The demo's logo, by state — named after the brand, sized like the real thing. */
+function demoLogo(c, kind) {
+    const ext = c.accept[0] ?? 'png';
+    const file = { name: `${slug(c.brandName)}-logo.${ext}`, sizeBytes: ext === 'svg' ? 14336 : 186368, ext };
+    if (kind === 'filled')
+        return { status: 'filled', file };
+    if (kind === 'uploading')
+        return { status: 'uploading', file, progress: 0.36 };
+    if (kind === 'invalid')
+        return { status: 'invalid', reason: 'type', file: { name: `${slug(c.brandName)}-logo.gif`, sizeBytes: 9000, ext: 'gif' } };
+    return { status: 'empty' };
+}
+function initialBrand(c, seed = {}) {
+    const d = c.defaults;
+    const n = c.colorLabels.length;
+    const colors = Array.from({ length: n }, (_, i) => d.colors?.[i] ?? '');
+    return {
+        file: seed.file ?? demoLogo(c, d.logo ?? 'empty'),
+        dragOver: seed.dragOver ?? false,
+        colors: seed.colors ?? colors,
+        touched: seed.touched ?? Array.from({ length: n }, (_, i) => Boolean(d.touched?.[i])),
+        valid: seed.valid ?? colors.map((v, i) => ((0, contract_1.isHex)(v) ? v : d.lastValid?.[i] ?? null)),
+        font: seed.font ?? d.font ?? c.fontOptions[0],
+        save: seed.save ?? 'idle',
+    };
+}
+function brandSeed(c, scene) {
+    const base = initialBrand(c);
+    const n = c.colorLabels.length;
+    const fillAll = () => {
+        const colors = base.colors.slice();
+        const valid = base.valid.slice();
+        const touched = base.touched.slice();
+        for (let j = 0; j < n; j++)
+            if (!(0, contract_1.isHex)(colors[j])) {
+                colors[j] = c.demoColors[j];
+                valid[j] = c.demoColors[j];
+                touched[j] = false;
+            }
+        return { colors, valid, touched };
+    };
+    switch (scene) {
+        case 'dragover': return { file: { status: 'empty' }, dragOver: true };
+        case 'uploading': return { file: demoLogo(c, 'uploading') };
+        case 'filled': return { file: demoLogo(c, 'filled') };
+        case 'invalidFile': return { file: demoLogo(c, 'invalid') };
+        case 'invalidHex': {
+            const f = fillAll();
+            f.colors[n - 1] = `#${c.demoColors[n - 1].slice(1, 6)}`;
+            f.touched[n - 1] = true;
+            return { file: base.file.status === 'filled' ? base.file : demoLogo(c, 'filled'), ...f };
+        }
+        case 'saving':
+        case 'saved':
+        case 'failed': return { file: demoLogo(c, 'filled'), ...fillAll(), save: scene };
+        default: return {};
+    }
+}
+const idle = (s) => (s.save === 'saving' ? 'saving' : 'idle');
+function reduceBrand(c, s, a) {
+    switch (a.type) {
+        case 'file': {
+            const check = (0, core_1.checkFile)({ ...a.file, ext: a.file.ext === 'jpeg' ? 'jpg' : a.file.ext }, { accept: c.accept, maxSizeMB: c.maxSizeMB });
+            return {
+                ...s, dragOver: false, save: 'idle',
+                file: check.ok ? { status: 'uploading', file: a.file, progress: 0 } : { status: 'invalid', file: a.file, reason: check.reason },
+            };
+        }
+        case 'progress': return s.file.status === 'uploading' ? { ...s, file: { ...s.file, progress: a.progress } } : s;
+        case 'uploaded': return s.file.status === 'uploading' ? { ...s, file: { status: 'filled', file: s.file.file }, save: 'idle' } : s;
+        case 'removeFile': return { ...s, file: { status: 'empty' }, dragOver: false, save: idle(s) };
+        case 'color': {
+            const text = a.text;
+            const colors = s.colors.map((v, i) => (i === a.index ? text : v));
+            const valid = (0, contract_1.isHex)(text) ? s.valid.map((v, i) => (i === a.index ? text : v)) : s.valid;
+            return { ...s, colors, valid, save: idle(s) };
+        }
+        case 'touch': return { ...s, touched: s.touched.map((t, i) => (i === a.index ? true : t)) };
+        case 'font': return { ...s, font: a.font, save: idle(s) };
+        case 'save': return { ...s, save: 'saving' };
+        case 'saved': return s.save === 'saving' ? { ...s, save: 'saved' } : s;
+        case 'failed': return s.save === 'saving' ? { ...s, save: 'failed' } : s;
+        case 'reset': return a.state;
+    }
+}
+function brandView(c, s) {
+    const invalidHex = s.colors.some((v, i) => s.touched[i] && !(0, contract_1.isHex)(v));
+    const needLogo = s.file.status !== 'filled';
+    const needColor = !(0, contract_1.isHex)(s.colors[0]);
+    const first = (c.colorLabels[0] ?? 'primary').toLowerCase();
+    const chip = s.save === 'saving' ? { tone: 'neutral', label: c.savingLabel }
+        : s.save === 'saved' ? { tone: 'success', label: c.savedLabel }
+            : s.save === 'failed' || invalidHex || s.file.status === 'invalid' ? { tone: 'attention', label: 'Needs attention' }
+                : { tone: 'neutral', label: 'Draft' };
+    const footerHint = s.save === 'saved' ? c.savedHint
+        : s.save === 'saving' ? 'Saving your changes…'
+            : s.save === 'failed' ? 'Not saved · retry when ready'
+                : s.file.status === 'uploading' ? 'Waiting for the upload to finish…'
+                    : needLogo && needColor ? `Add a logo and a valid ${first} colour to continue`
+                        : needLogo ? 'Add a logo to continue'
+                            : needColor ? `Fix the ${first} colour to continue`
+                                : 'Ready to save';
+    const scene = s.save !== 'idle' ? s.save
+        : s.dragOver ? 'dragover'
+            : s.file.status === 'uploading' ? 'uploading'
+                : s.file.status === 'invalid' ? 'invalidFile'
+                    : invalidHex ? 'invalidHex'
+                        : s.file.status === 'filled' ? 'filled' : 'default';
+    const types = c.accept.map(x => x.toUpperCase());
+    return {
+        scene,
+        chip,
+        footerHint,
+        canSave: !needLogo && !needColor && s.save !== 'saving' && s.save !== 'saved',
+        primaryLabel: s.save === 'saving' ? c.savingLabel : s.save === 'saved' ? c.savedLabel : s.save === 'failed' ? c.retryLabel : c.primaryLabel,
+        dropHint: `${types.length > 1 ? `${types.slice(0, -1).join(', ')} or ${types.at(-1)}` : types[0]} · up to ${c.maxSizeMB} MB`,
+        /** What the preview paints: the last valid colour of each field (`null` until there is one). */
+        previewColors: s.valid,
+    };
+}
+//# sourceMappingURL=engine.js.map

package/dist/cjs/components/onboarding/brand-kit/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/brand-kit/engine.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/brand-kit/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontFamilyFor = exports.BrandKit = exports.useBrandKit = exports.reduceBrand = exports.initialBrand = exports.demoLogo = exports.brandView = exports.brandSeed = exports.validateBrandKit = exports.isHex = exports.FONT_STACKS = exports.BRAND_IN_FLIGHT = exports.BRAND_SCENES = exports.BRAND_PRESETS = void 0;
+var contract_1 = require("./contract");
+Object.defineProperty(exports, "BRAND_PRESETS", { enumerable: true, get: function () { return contract_1.BRAND_PRESETS; } });
+Object.defineProperty(exports, "BRAND_SCENES", { enumerable: true, get: function () { return contract_1.BRAND_SCENES; } });
+Object.defineProperty(exports, "BRAND_IN_FLIGHT", { enumerable: true, get: function () { return contract_1.BRAND_IN_FLIGHT; } });
+Object.defineProperty(exports, "FONT_STACKS", { enumerable: true, get: function () { return contract_1.FONT_STACKS; } });
+Object.defineProperty(exports, "isHex", { enumerable: true, get: function () { return contract_1.isHex; } });
+Object.defineProperty(exports, "validateBrandKit", { enumerable: true, get: function () { return contract_1.validateBrandKit; } });
+var engine_1 = require("./engine");
+Object.defineProperty(exports, "brandSeed", { enumerable: true, get: function () { return engine_1.brandSeed; } });
+Object.defineProperty(exports, "brandView", { enumerable: true, get: function () { return engine_1.brandView; } });
+Object.defineProperty(exports, "demoLogo", { enumerable: true, get: function () { return engine_1.demoLogo; } });
+Object.defineProperty(exports, "initialBrand", { enumerable: true, get: function () { return engine_1.initialBrand; } });
+Object.defineProperty(exports, "reduceBrand", { enumerable: true, get: function () { return engine_1.reduceBrand; } });
+var runtime_1 = require("./runtime");
+Object.defineProperty(exports, "useBrandKit", { enumerable: true, get: function () { return runtime_1.useBrandKit; } });
+var BrandKitView_1 = require("./BrandKitView");
+Object.defineProperty(exports, "BrandKit", { enumerable: true, get: function () { return BrandKitView_1.BrandKit; } });
+Object.defineProperty(exports, "fontFamilyFor", { enumerable: true, get: function () { return BrandKitView_1.fontFamilyFor; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/onboarding/brand-kit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/brand-kit/index.ts"],"names":[],"mappings":";;;AAAA,uCAGoB;AAFlB,yGAAA,aAAa,OAAA;AAAE,wGAAA,YAAY,OAAA;AAAE,2GAAA,eAAe,OAAA;AAAE,uGAAA,WAAW,OAAA;AAAE,iGAAA,KAAK,OAAA;AAAE,4GAAA,gBAAgB,OAAA;AAGpF,mCAGkB;AAFhB,mGAAA,SAAS,OAAA;AAAE,mGAAA,SAAS,OAAA;AAAE,kGAAA,QAAQ,OAAA;AAAE,sGAAA,YAAY,OAAA;AAAE,qGAAA,WAAW,OAAA;AAG3D,qCAAqF;AAA5E,sGAAA,WAAW,OAAA;AACpB,+CAA6E;AAApE,wGAAA,QAAQ,OAAA;AAAE,6GAAA,aAAa,OAAA"}

package/dist/cjs/components/onboarding/brand-kit/presets.json

@@ -0,0 +1,210 @@
+{
+    "component": "brand-kit",
+    "base": {
+        "type": "file",
+        "icon": "palette",
+        "previewKind": "appbar",
+        "title": "Brand your workspace",
+        "subtitle": "Logo, colours and font for the app.",
+        "brandName": "Northwind",
+        "accept": [
+            "svg",
+            "png"
+        ],
+        "maxSizeMB": 2,
+        "colorLabels": [
+            "Primary",
+            "Accent"
+        ],
+        "fontOptions": [
+            "Nunito Sans",
+            "Georgia",
+            "Trebuchet MS",
+            "System UI"
+        ],
+        "defaults": {
+            "logo": "empty",
+            "colors": [
+                "#1F4E79",
+                "#F2B544"
+            ],
+            "font": "Nunito Sans"
+        },
+        "demoColors": [
+            "#1F4E79",
+            "#F2B544"
+        ],
+        "primaryLabel": "Save brand kit",
+        "savingLabel": "Saving…",
+        "savedLabel": "Saved",
+        "retryLabel": "Retry",
+        "secondaryLabel": "Skip",
+        "savedHint": "Saved · applies to everyone in the workspace",
+        "saveErrorTitle": "Couldn’t save your brand kit",
+        "saveErrorBody": "Nothing was changed. Check your connection, then retry.",
+        "loadErrorTitle": "Couldn’t load your brand kit",
+        "loadErrorBody": "Your saved settings are safe. Retry to load them again.",
+        "emptyTitle": "No brand kit yet",
+        "emptyBody": "Add a logo and colours so what you share looks like your brand.",
+        "emptyCta": "Set up brand kit"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "icon": "mail",
+            "previewKind": "email",
+            "title": "Newsletter header",
+            "subtitle": "Shown at the top of every issue.",
+            "brandName": "The Weekly Crop",
+            "accept": [
+                "png",
+                "jpg"
+            ],
+            "colorLabels": [
+                "Header",
+                "Button"
+            ],
+            "fontOptions": [
+                "Arial",
+                "Georgia",
+                "Verdana",
+                "Times New Roman",
+                "Trebuchet MS"
+            ],
+            "defaults": {
+                "logo": "filled",
+                "colors": [
+                    "#24543F",
+                    "#E08A2B"
+                ],
+                "font": "Georgia"
+            },
+            "demoColors": [
+                "#24543F",
+                "#E08A2B"
+            ],
+            "primaryLabel": "Save header",
+            "savedHint": "Saved · used from the next issue"
+        },
+        "case3": {
+            "icon": "layout",
+            "previewKind": "login",
+            "title": "White-label the client portal",
+            "subtitle": "Applies to the portal login page.",
+            "brandName": "Harbor Legal",
+            "accept": [
+                "svg"
+            ],
+            "colorLabels": [
+                "Brand",
+                "Link"
+            ],
+            "defaults": {
+                "logo": "filled",
+                "colors": [
+                    "#18324A",
+                    "#2F6BE"
+                ],
+                "touched": [
+                    false,
+                    true
+                ],
+                "lastValid": [
+                    null,
+                    "#2F6BEB"
+                ],
+                "font": "Nunito Sans"
+            },
+            "demoColors": [
+                "#18324A",
+                "#2F6BEB"
+            ],
+            "primaryLabel": "Save portal branding",
+            "savedHint": "Saved · live on the client’s login page"
+        },
+        "case4": {
+            "type": "data",
+            "icon": "receipt",
+            "previewKind": "invoice",
+            "title": "Invoice branding",
+            "subtitle": "Appears on every invoice you send.",
+            "brandName": "Ledgerly Studio",
+            "accept": [
+                "png"
+            ],
+            "maxSizeMB": 1,
+            "colorLabels": [
+                "Accent"
+            ],
+            "fontOptions": [
+                "Georgia",
+                "Nunito Sans"
+            ],
+            "defaults": {
+                "logo": "empty",
+                "colors": [
+                    "#2E6F62"
+                ],
+                "font": "Georgia"
+            },
+            "demoColors": [
+                "#2E6F62"
+            ],
+            "primaryLabel": "Save invoice branding",
+            "savedHint": "Saved · applies to new invoices"
+        },
+        "case5": {
+            "type": "date",
+            "icon": "ticket",
+            "previewKind": "ticket",
+            "title": "Ticket design",
+            "subtitle": "Printed on each ticket and stub.",
+            "brandName": "Lumen Fest 2026",
+            "colorLabels": [
+                "Ticket",
+                "Stub"
+            ],
+            "defaults": {
+                "logo": "uploading",
+                "colors": [
+                    "#3B2A6B",
+                    "#F4C95D"
+                ],
+                "font": "Trebuchet MS"
+            },
+            "demoColors": [
+                "#3B2A6B",
+                "#F4C95D"
+            ],
+            "primaryLabel": "Save ticket design",
+            "savedHint": "Saved · applies to tickets issued from now"
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · Product",
+            "title": "Workspace branding",
+            "scenario": "A workspace admin adds a logo and two colours so every teammate sees the company brand in the app’s top bar and sidebar."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Marketing",
+            "title": "Newsletter header",
+            "scenario": "A marketer sets the header band and button colour used at the top of every issue. Fonts are limited to ones that render in email clients."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Agency",
+            "title": "Client portal white-label",
+            "scenario": "An agency puts a client’s brand on their portal login page. The board opens with a mistyped link colour so the invalid-hex state is visible."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Finance",
+            "title": "Invoice branding",
+            "scenario": "A studio adds its logo and a single accent colour to every invoice. PNG only, up to 1 MB."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Events",
+            "title": "Event ticket",
+            "scenario": "An organiser brands the ticket and its stub. The board opens mid-upload, so the progress state is visible before anything else."
+        }
+    }
+}

package/dist/cjs/components/onboarding/brand-kit/runtime.js

@@ -0,0 +1,87 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBrandKit = useBrandKit;
+const react_1 = require("react");
+const operations_1 = require("../../../runtime/operations");
+const core_1 = require("../../../core");
+const mock_1 = require("../shared/mock");
+const runtime_1 = require("../shared/runtime");
+const engine_1 = require("./engine");
+/**
+ * **The Brand Kit runtime** — two boundary operations: the logo upload (a progress stream; the
+ * prototype's +12% every 180ms by default) and the save (1400ms; `result` decides it).
+ */
+function useBrandKit({ config, operations, result = 'success', initial, onChange, onSave, }) {
+    const seed = () => (0, engine_1.initialBrand)(config, initial ?? (config.ship ? (0, engine_1.brandSeed)(config, config.ship) : {}));
+    const [state, send] = (0, react_1.useReducer)((s, a) => (0, engine_1.reduceBrand)(config, s, a), undefined, seed);
+    const stateRef = (0, react_1.useRef)(state);
+    stateRef.current = state;
+    const runner = (0, operations_1.useOperationRunner)();
+    const upload = (0, react_1.useMemo)(() => operations?.upload ?? (0, mock_1.createMockProgressOperation)({ tickMs: 180, step: 0.12 }), [operations?.upload]);
+    const save = (0, react_1.useMemo)(() => operations?.save ?? (0, mock_1.createMockOperation)({ latencyMs: mock_1.ONBOARDING_TIMING.save, fail: () => result === 'error' }), [operations?.save, result]);
+    const valueOf = (s) => ({ logo: s.file.status === 'filled' ? s.file.file : null, colors: s.valid, font: s.font });
+    const key = JSON.stringify([config, initial ?? null]);
+    const seeded = (0, react_1.useRef)(key);
+    (0, react_1.useEffect)(() => {
+        if (seeded.current === key)
+            return;
+        seeded.current = key;
+        runner.cancel('upload');
+        runner.cancel('save');
+        send({ type: 'reset', state: seed() });
+    });
+    const runUpload = (0, react_1.useCallback)((file, from) => {
+        runner.run('upload', ctx => upload({ file }, {
+            signal: ctx.signal,
+            onProgress: p => { if (ctx.isCurrent())
+                send({ type: 'progress', progress: Math.max(from, p) }); },
+        }), {
+            onOk: r => (r.ok ? send({ type: 'uploaded' }) : send({ type: 'removeFile' })),
+            onError: () => send({ type: 'removeFile' }),
+        });
+    }, [runner, upload]);
+    const runSave = (0, react_1.useCallback)(() => {
+        const v = valueOf(stateRef.current);
+        (0, runtime_1.runOutcome)(runner, 'save', save, v, {
+            ok: () => { send({ type: 'saved' }); onSave?.(v); },
+            fail: () => send({ type: 'failed' }),
+        });
+    }, [runner, save, onSave]);
+    /* A restored session resumes an upload or a save it was in (case 5 ships mid-upload). */
+    (0, react_1.useEffect)(() => {
+        const f = stateRef.current.file;
+        if (f.status === 'uploading')
+            runUpload(f.file, f.progress);
+        if (stateRef.current.save === 'saving')
+            runSave();
+    }, [key]);
+    const valueKey = JSON.stringify(valueOf(state));
+    const reported = (0, react_1.useRef)(valueKey);
+    (0, react_1.useEffect)(() => {
+        if (reported.current === valueKey)
+            return;
+        reported.current = valueKey;
+        onChange?.(valueOf(state));
+    }, [valueKey]);
+    return {
+        state,
+        view: (0, engine_1.brandView)(config, state),
+        dispatch: send,
+        file: (file) => {
+            send({ type: 'file', file });
+            /* The same rule the reducer applies: an accepted file starts uploading at once. */
+            const ext = file.ext === 'jpeg' ? 'jpg' : file.ext;
+            if ((0, core_1.checkFile)({ ...file, ext }, { accept: config.accept, maxSizeMB: config.maxSizeMB }).ok)
+                runUpload(file, 0);
+        },
+        cancelUpload: () => { runner.cancel('upload'); send({ type: 'removeFile' }); },
+        save: () => {
+            if (!(0, engine_1.brandView)(config, stateRef.current).canSave)
+                return;
+            send({ type: 'save' });
+            runSave();
+        },
+    };
+}
+//# sourceMappingURL=runtime.js.map

package/dist/cjs/components/onboarding/brand-kit/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/brand-kit/runtime.ts"],"names":[],"mappings":"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"}