@ankhorage/studio 0.22.1 → 1.0.0

package/dist/ui/admin/pages/ThemeAdminPage.js

@@ -1,51 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, Text, useZoraTheme } from '@ankhorage/zora';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card, Text } from '@ankhorage/zora';
 import React from 'react';
-import { Pressable, StyleSheet, View } from 'react-native';
-import { useStudio } from '../../../core/StudioContext';
-import { AdminHeader, AdminScroll, Field, Input } from '../adminPagePrimitives';
-import { formatHarmonyLabel, SUPPORTED_COLOR_HARMONIES } from './adminThemeHarmony';
-import { createThemeModeUpdates, resolveActiveThemeModeSelection } from './adminThemeModel';
+import { AdminHeader, AdminScroll, Field, Input, KeyValue } from '../adminPagePrimitives';
+import { ThemeModeEditorSelector } from './ThemeModeEditorSelector';
+import { ThemeRecipeCatalog } from './ThemeRecipeCatalog';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
 export function ThemeAdminPage() {
-    const studio = useStudio();
-    const { mode: surfaceMode } = useZoraTheme();
-    const selection = studio.manifest
-        ? resolveActiveThemeModeSelection({
-            themes: studio.manifest.themes,
-            activeThemeId: studio.manifest.activeThemeId,
-            surfaceMode,
-        })
-        : null;
-    const updateActiveTheme = (updates) => {
-        if (!selection)
-            return;
-        studio.updateTheme(selection.theme.id, updates);
-    };
-    const updateActiveMode = (updates) => {
-        if (!selection)
-            return;
-        updateActiveTheme(createThemeModeUpdates(selection.mode, updates));
-    };
-    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Theme", description: "Edit the canonical active theme for the currently active theme mode." }), selection ? (_jsxs(Card, { title: selection.theme.name, children: [_jsx(Field, { label: "Theme name", children: _jsx(Input, { value: selection.theme.name, onChangeText: (name) => updateActiveTheme({ name }) }) }), _jsx(Field, { label: "Primary color", children: _jsx(Input, { value: selection.modeConfig.primaryColor, autoCapitalize: "none", onChangeText: (primaryColor) => updateActiveMode({ primaryColor }) }) }), _jsx(Field, { label: "Harmony", children: _jsx(View, { style: styles.choiceRow, children: SUPPORTED_COLOR_HARMONIES.map((harmony) => (_jsx(Pressable, { onPress: () => updateActiveMode({ harmony }), style: [
-                                    styles.choice,
-                                    selection.modeConfig.harmony === harmony ? styles.choiceSelected : null,
-                                ], children: _jsx(Text, { color: selection.modeConfig.harmony === harmony ? 'primary' : 'neutral', variant: "bodySmall", weight: "semiBold", children: formatHarmonyLabel(harmony) }) }, harmony))) }) })] })) : (_jsx(Card, { title: "Theme unavailable", children: _jsx(Text, { color: "neutral", emphasis: "muted", children: "The Studio manifest does not contain a valid active theme." }) }))] }));
+    const { selection, updateTheme } = useActiveThemeAdmin();
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Theme", description: "Author the canonical project theme used by the real app and Studio preview." }), selection ? (_jsxs(_Fragment, { children: [_jsx(ThemeModeEditorSelector, {}), _jsxs(Card, { title: selection.theme.name, children: [_jsx(Field, { label: "Theme name", children: _jsx(Input, { value: selection.theme.name, onChangeText: (name) => updateTheme({ name }) }) }), _jsx(KeyValue, { label: "Editing runtime mode", value: selection.mode }), _jsx(KeyValue, { label: "Global token families", value: "Typography \u00B7 Spacing \u00B7 Radii \u00B7 Shadows" }), _jsx(KeyValue, { label: "Mode-specific source", value: "Colors \u00B7 Harmony" })] }), _jsx(ThemeRecipeCatalog, {}), _jsx(Card, { title: "Inheritance", children: _jsx(Text, { color: "neutral", emphasis: "muted", children: "Omitted values inherit Surface and ZORA owner defaults. Theme changes do not rewrite component instances." }) })] })) : (_jsx(Card, { title: "Theme unavailable", children: _jsx(Text, { color: "neutral", emphasis: "muted", children: "The Studio manifest does not contain a valid active theme." }) }))] }));
 }
-const styles = StyleSheet.create({
-    choiceRow: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 8,
-    },
-    choice: {
-        borderWidth: 1,
-        borderRadius: 999,
-        borderColor: 'transparent',
-        paddingHorizontal: 12,
-        paddingVertical: 8,
-    },
-    choiceSelected: {
-        borderColor: '#4f46e5',
-    },
-});
 //# sourceMappingURL=ThemeAdminPage.js.map

package/dist/ui/admin/pages/ThemeAdminPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeAdminPage.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeAdminPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeAdminPage.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeAdminPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEzD,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,IACV,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,6EAA6E,GACzF,EACD,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,uBAAuB,KAAG,EAC3B,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,YAAY,YACvB,KAAC,KAAK,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAI,GAC/E,EACR,KAAC,QAAQ,IAAC,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,SAAS,CAAC,IAAI,GAAI,EAChE,KAAC,QAAQ,IACP,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAC,uDAAwC,GAC9C,EACF,KAAC,QAAQ,IAAC,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAC,uBAAkB,GAAG,IAC7D,EACP,KAAC,kBAAkB,KAAG,EACtB,KAAC,IAAI,IAAC,KAAK,EAAC,aAAa,YACvB,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,0HAG/B,GACF,IACN,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,YAC7B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,2EAE/B,GACF,CACR,IACW,CACf,CAAC;AACJ,CAAC"}

package/dist/ui/admin/pages/ThemeColorsAdminPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ThemeColorsAdminPage(): React.JSX.Element;
+//# sourceMappingURL=ThemeColorsAdminPage.d.ts.map

package/dist/ui/admin/pages/ThemeColorsAdminPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColorsAdminPage.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeColorsAdminPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,oBAAoB,sBAsCnC"}

package/dist/ui/admin/pages/ThemeColorsAdminPage.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text } from '@ankhorage/zora';
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { AdminHeader, AdminScroll, Field, Input } from '../adminPagePrimitives';
+import { formatHarmonyLabel, SUPPORTED_COLOR_HARMONIES } from './adminThemeHarmony';
+import { createThemeModeUpdates } from './adminThemeModel';
+import { ThemeModeEditorSelector } from './ThemeModeEditorSelector';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
+export function ThemeColorsAdminPage() {
+    const { selection, updateTheme } = useActiveThemeAdmin();
+    if (!selection)
+        return _jsx(Unavailable, {});
+    const updateMode = (updates) => {
+        updateTheme(createThemeModeUpdates(selection.mode, updates));
+    };
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Colors", description: "Edit the canonical color source for the runtime mode currently being previewed." }), _jsx(ThemeModeEditorSelector, {}), _jsxs(Card, { title: `${selection.theme.name} · ${selection.mode === 'light' ? 'Light' : 'Dark'}`, children: [_jsx(Field, { label: "Primary color", children: _jsx(Input, { value: selection.modeConfig.primaryColor, autoCapitalize: "none", onChangeText: (primaryColor) => updateMode({ primaryColor }) }) }), _jsx(Field, { label: "Harmony", children: _jsx(View, { style: styles.choiceRow, children: SUPPORTED_COLOR_HARMONIES.map((harmony) => (_jsx(HarmonyChoice, { harmony: harmony, selected: selection.modeConfig.harmony === harmony, onPress: () => updateMode({ harmony }) }, harmony))) }) })] })] }));
+}
+function HarmonyChoice(props) {
+    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected: props.selected }, onPress: props.onPress, style: [styles.choice, props.selected ? styles.choiceSelected : null], children: _jsx(Text, { color: props.selected ? 'primary' : 'neutral', variant: "bodySmall", weight: "semiBold", children: formatHarmonyLabel(props.harmony) }) }));
+}
+function Unavailable() {
+    return (_jsx(AdminScroll, { children: _jsx(AdminHeader, { title: "Theme unavailable", description: "No canonical active theme is available." }) }));
+}
+const styles = StyleSheet.create({
+    choiceRow: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },
+    choice: {
+        borderWidth: 1,
+        borderRadius: 999,
+        borderColor: 'transparent',
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+    },
+    choiceSelected: { borderColor: '#4f46e5' },
+});
+//# sourceMappingURL=ThemeColorsAdminPage.js.map

package/dist/ui/admin/pages/ThemeColorsAdminPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeColorsAdminPage.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeColorsAdminPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,oBAAoB;IAClC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzD,IAAI,CAAC,SAAS;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAEvC,MAAM,UAAU,GAAG,CAAC,OAAiC,EAAE,EAAE;QACvD,WAAW,CAAC,sBAAsB,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,IACV,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,iFAAiF,GAC7F,EACF,KAAC,uBAAuB,KAAG,EAC3B,MAAC,IAAI,IAAC,KAAK,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,MAAM,SAAS,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,aACvF,KAAC,KAAK,IAAC,KAAK,EAAC,eAAe,YAC1B,KAAC,KAAK,IACJ,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,YAAY,EACxC,cAAc,EAAC,MAAM,EACrB,YAAY,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC,GAC5D,GACI,EACR,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,YACpB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC1B,yBAAyB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1C,KAAC,aAAa,IAEZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,KAAK,OAAO,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,IAHjC,OAAO,CAIZ,CACH,CAAC,GACG,GACD,IACH,IACK,CACf,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAItB;IACC,OAAO,CACL,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAChD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,YAErE,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,YACvF,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,GAC7B,GACG,CACb,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,KAAC,WAAW,cACV,KAAC,WAAW,IACV,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,yCAAyC,GACrD,GACU,CACf,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE;IAC7D,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,GAAG;QACjB,WAAW,EAAE,aAAa;QAC1B,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,cAAc,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;CAC3C,CAAC,CAAC"}

package/dist/ui/admin/pages/ThemeModeEditorSelector.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ThemeModeEditorSelector(): React.JSX.Element;
+//# sourceMappingURL=ThemeModeEditorSelector.d.ts.map

package/dist/ui/admin/pages/ThemeModeEditorSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeEditorSelector.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeModeEditorSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,uBAAuB,sBA6BtC"}

package/dist/ui/admin/pages/ThemeModeEditorSelector.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+const MODES = ['light', 'dark'];
+export function ThemeModeEditorSelector() {
+    const { mode, setMode, theme } = useZoraTheme();
+    return (_jsx(View, { style: styles.row, children: MODES.map((candidate) => {
+            const selected = candidate === mode;
+            return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected }, onPress: () => setMode(candidate), style: [
+                    styles.choice,
+                    {
+                        backgroundColor: selected ? theme.colors.surface : 'transparent',
+                        borderColor: selected ? theme.colors.primary : theme.colors.border,
+                    },
+                ], children: _jsx(Text, { color: selected ? 'primary' : 'neutral', weight: "semiBold", children: candidate === 'light' ? 'Light' : 'Dark' }) }, candidate));
+        }) }));
+}
+const styles = StyleSheet.create({
+    row: { flexDirection: 'row', gap: 8 },
+    choice: {
+        borderWidth: 1,
+        borderRadius: 8,
+        minWidth: 84,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        alignItems: 'center',
+    },
+});
+//# sourceMappingURL=ThemeModeEditorSelector.js.map

package/dist/ui/admin/pages/ThemeModeEditorSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeEditorSelector.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeModeEditorSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAEzC,MAAM,UAAU,uBAAuB;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEhD,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YACpB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACvB,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;YACpC,OAAO,CACL,KAAC,SAAS,IAER,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACjC,KAAK,EAAE;oBACL,MAAM,CAAC,MAAM;oBACb;wBACE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;wBAChE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;qBACnE;iBACF,YAED,KAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAC,UAAU,YAC7D,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACpC,IAdF,SAAS,CAeJ,CACb,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,EAAE;QACZ,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

package/dist/ui/admin/pages/ThemeNumericTokensAdminPage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type NumericThemeTokenFamily } from './themeTokenAuthoringModel';
+export declare function ThemeNumericTokensAdminPage(props: {
+    readonly family: NumericThemeTokenFamily;
+}): React.JSX.Element;
+//# sourceMappingURL=ThemeNumericTokensAdminPage.d.ts.map

package/dist/ui/admin/pages/ThemeNumericTokensAdminPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeNumericTokensAdminPage.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeNumericTokensAdminPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,KAAK,uBAAuB,EAA2B,MAAM,4BAA4B,CAAC;AAYnG,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,MAAM,EAAE,uBAAuB,CAAA;CAAE,qBAyD9F"}

package/dist/ui/admin/pages/ThemeNumericTokensAdminPage.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text, useZoraTheme } from '@ankhorage/zora';
+import React, { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { AdminHeader, AdminScroll, Field, Input } from '../adminPagePrimitives';
+import { updateNumericThemeToken } from './themeTokenAuthoringModel';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
+const COPY = {
+    spacing: { title: 'Spacing', description: 'Shared spacing tokens used by Theme recipes.' },
+    radii: { title: 'Radii', description: 'Shared corner-radius tokens used by Theme recipes.' },
+    shadows: {
+        title: 'Shadows',
+        description: 'Shared shadow-strength tokens used by Theme recipes.',
+    },
+};
+export function ThemeNumericTokensAdminPage(props) {
+    const { theme: resolvedTheme } = useZoraTheme();
+    const { selection, updateTheme } = useActiveThemeAdmin();
+    const [newKey, setNewKey] = useState('');
+    const [newValue, setNewValue] = useState('');
+    const copy = COPY[props.family];
+    if (!selection)
+        return _jsx(ThemeUnavailable, {});
+    const resolved = resolvedTheme[props.family];
+    const authored = selection.theme.tokens?.[props.family];
+    const updateValue = (key, value) => {
+        const tokens = updateNumericThemeToken({
+            tokens: selection.theme.tokens,
+            family: props.family,
+            key,
+            value,
+        });
+        updateTheme({ tokens });
+    };
+    const addToken = () => {
+        const key = newKey.trim();
+        const value = parseNonNegativeNumber(newValue);
+        if (!key || key === 'none' || value === null)
+            return;
+        updateValue(key, value);
+        setNewKey('');
+        setNewValue('');
+    };
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: copy.title, description: copy.description }), _jsx(Card, { title: `${selection.theme.name} · ${copy.title}`, children: _jsx(View, { style: styles.list, children: Object.entries(resolved).map(([key, value]) => (_jsx(NumericTokenRow, { tokenKey: key, value: value, authored: authored?.[key] !== undefined, locked: key === 'none', onChange: (next) => updateValue(key, next) }, key))) }) }), _jsxs(Card, { title: "Add token", children: [_jsx(Field, { label: "Token name", children: _jsx(Input, { value: newKey, autoCapitalize: "none", onChangeText: setNewKey }) }), _jsx(Field, { label: "Value", children: _jsx(Input, { value: newValue, keyboardType: "numeric", onChangeText: setNewValue }) }), _jsx(Action, { label: "Add token", onPress: addToken })] })] }));
+}
+function NumericTokenRow(props) {
+    return (_jsxs(View, { style: styles.row, children: [_jsx(View, { style: styles.rowInput, children: _jsx(Field, { label: props.tokenKey, children: _jsx(Input, { value: String(props.value), editable: !props.locked, keyboardType: "numeric", onChangeText: (text) => {
+                            const value = parseNonNegativeNumber(text);
+                            if (value !== null)
+                                props.onChange(value);
+                        } }) }) }), props.authored && !props.locked ? (_jsx(Action, { label: "Reset", onPress: () => props.onChange(undefined) })) : null] }));
+}
+function Action(props) {
+    const { theme } = useZoraTheme();
+    return (_jsx(Pressable, { accessibilityRole: "button", onPress: props.onPress, style: [styles.action, { borderColor: theme.colors.border }], children: _jsx(Text, { color: "primary", weight: "semiBold", children: props.label }) }));
+}
+function ThemeUnavailable() {
+    return (_jsx(AdminScroll, { children: _jsx(AdminHeader, { title: "Theme unavailable", description: "No canonical active theme is available." }) }));
+}
+function parseNonNegativeNumber(value) {
+    if (value.trim() === '')
+        return null;
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed >= 0 ? parsed : null;
+}
+const styles = StyleSheet.create({
+    list: { gap: 12 },
+    row: { flexDirection: 'row', alignItems: 'flex-end', gap: 12 },
+    rowInput: { flex: 1 },
+    action: {
+        minHeight: 42,
+        borderWidth: 1,
+        borderRadius: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 9,
+        justifyContent: 'center',
+        alignSelf: 'flex-start',
+    },
+});
+//# sourceMappingURL=ThemeNumericTokensAdminPage.js.map

package/dist/ui/admin/pages/ThemeNumericTokensAdminPage.js.map

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

package/dist/ui/admin/pages/ThemeRecipeAdminPage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ThemeRecipeAuthoringKind } from './themeRecipeAuthoringModel';
+export declare function ThemeRecipeAdminPage(props: {
+    readonly kind: ThemeRecipeAuthoringKind;
+    readonly recipeName: string | null;
+}): React.JSX.Element;
+//# sourceMappingURL=ThemeRecipeAdminPage.d.ts.map

package/dist/ui/admin/pages/ThemeRecipeAdminPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeRecipeAdminPage.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeRecipeAdminPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,wBAAwB,EAA0B,MAAM,6BAA6B,CAAC;AAIpG,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,qBA4DA"}

package/dist/ui/admin/pages/ThemeRecipeAdminPage.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text, useZoraTheme, ZORA_THEME_RECIPE_META } from '@ankhorage/zora';
+import React from 'react';
+import { View } from 'react-native';
+import { AdminHeader, AdminScroll } from '../adminPagePrimitives';
+import { ThemeRecipeFieldEditor } from './ThemeRecipeFieldEditor';
+import { updateThemeRecipeField } from './themeRecipeAuthoringModel';
+import { resolveThemeRecipeTokenOptions } from './themeRecipeTokenOptions';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
+export function ThemeRecipeAdminPage(props) {
+    const { theme: runtimeTheme } = useZoraTheme();
+    const { selection, updateTheme } = useActiveThemeAdmin();
+    const recipeName = props.recipeName;
+    const entry = recipeName
+        ? Object.entries(ZORA_THEME_RECIPE_META).find(([name]) => name === recipeName)
+        : undefined;
+    const meta = entry?.[1];
+    if (!selection)
+        return _jsx(Unavailable, { message: "No canonical active theme is available." });
+    if (!meta || meta.kind !== props.kind || !recipeName) {
+        return _jsx(Unavailable, { message: "The requested ZORA Theme recipe is not available." });
+    }
+    const bucket = props.kind === 'component'
+        ? selection.theme.recipes?.components
+        : selection.theme.recipes?.patterns;
+    const overrides = bucket?.[recipeName];
+    const updateField = (fieldName, value) => {
+        updateTheme({
+            recipes: updateThemeRecipeField({
+                recipes: selection.theme.recipes,
+                kind: props.kind,
+                recipeName,
+                fieldName,
+                value,
+            }),
+        });
+    };
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: meta.name, description: meta.description ?? `Edit inherited ${meta.kind} Theme defaults.` }), _jsx(Card, { title: `${meta.kind === 'component' ? 'Component' : 'Pattern'} recipe`, children: _jsx(View, { style: { gap: 16 }, children: Object.entries(meta.fields).map(([fieldName, fieldMeta]) => (_jsx(ThemeRecipeFieldEditor, { fieldName: fieldName, meta: fieldMeta, override: overrides?.[fieldName], tokenOptions: fieldMeta.type === 'token'
+                            ? resolveThemeRecipeTokenOptions(runtimeTheme, fieldMeta.tokenFamily)
+                            : [], onChange: (value) => updateField(fieldName, value) }, fieldName))) }) }), _jsx(Text, { color: "neutral", emphasis: "muted", variant: "caption", children: "Inherited fields are omitted from the manifest and continue to follow ZORA owner defaults." })] }));
+}
+function Unavailable(props) {
+    return (_jsx(AdminScroll, { children: _jsx(AdminHeader, { title: "Theme recipe unavailable", description: props.message }) }));
+}
+//# sourceMappingURL=ThemeRecipeAdminPage.js.map

package/dist/ui/admin/pages/ThemeRecipeAdminPage.js.map

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

package/dist/ui/admin/pages/ThemeRecipeCatalog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ThemeRecipeCatalog(): React.JSX.Element;
+//# sourceMappingURL=ThemeRecipeCatalog.d.ts.map

package/dist/ui/admin/pages/ThemeRecipeCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeRecipeCatalog.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeRecipeCatalog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,kBAAkB,sBAcjC"}

package/dist/ui/admin/pages/ThemeRecipeCatalog.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text, useZoraTheme, ZORA_THEME_RECIPE_META } from '@ankhorage/zora';
+import { useRouter } from 'expo-router';
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { createStudioThemeRecipeRoutePath } from '../../../studioAdminRouteModel';
+export function ThemeRecipeCatalog() {
+    const router = useRouter();
+    return (_jsxs(View, { style: styles.catalog, children: [_jsx(RecipeGroup, { kind: "component", onOpen: (name) => router.push(createStudioThemeRecipeRoutePath('component', name)) }), _jsx(RecipeGroup, { kind: "pattern", onOpen: (name) => router.push(createStudioThemeRecipeRoutePath('pattern', name)) })] }));
+}
+function RecipeGroup(props) {
+    const entries = Object.entries(ZORA_THEME_RECIPE_META).filter(([, meta]) => meta.kind === props.kind);
+    return (_jsx(Card, { title: props.kind === 'component' ? 'Components' : 'Patterns', children: _jsx(View, { style: styles.list, children: entries.map(([name, meta]) => (_jsx(RecipeLink, { name: meta.name, description: meta.description, onPress: () => props.onOpen(name) }, name))) }) }));
+}
+function RecipeLink(props) {
+    const { theme } = useZoraTheme();
+    return (_jsxs(Pressable, { accessibilityRole: "button", onPress: props.onPress, style: [styles.link, { borderColor: theme.colors.border }], children: [_jsx(Text, { weight: "semiBold", children: props.name }), props.description ? (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "caption", children: props.description })) : null] }));
+}
+const styles = StyleSheet.create({
+    catalog: { gap: 16 },
+    list: { gap: 8 },
+    link: { borderWidth: 1, borderRadius: 8, padding: 12, gap: 4 },
+});
+//# sourceMappingURL=ThemeRecipeCatalog.js.map

package/dist/ui/admin/pages/ThemeRecipeCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeRecipeCatalog.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeRecipeCatalog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAElF,MAAM,UAAU,kBAAkB;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,KAAC,WAAW,IACV,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gCAAgC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,GAClF,EACF,KAAC,WAAW,IACV,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gCAAgC,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,GAChF,IACG,CACR,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAGpB;IACC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAC3D,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CACvC,CAAC;IACF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,YACjE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YACrB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAET,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAH5B,IAAI,CAIT,CACH,CAAC,GACG,GACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAInB;IACC,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,aAE1D,KAAC,IAAI,IAAC,MAAM,EAAC,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC1C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,YACrD,KAAK,CAAC,WAAW,GACb,CACR,CAAC,CAAC,CAAC,IAAI,IACE,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IACpB,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAChB,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;CAC/D,CAAC,CAAC"}

package/dist/ui/admin/pages/ThemeRecipeFieldEditor.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeRecipeOverrideValue } from '@ankhorage/contracts';
+import type { ZoraThemeRecipeFieldMeta } from '@ankhorage/zora';
+import React from 'react';
+export declare function ThemeRecipeFieldEditor(props: {
+    readonly fieldName: string;
+    readonly meta: ZoraThemeRecipeFieldMeta;
+    readonly override: ThemeRecipeOverrideValue | undefined;
+    readonly tokenOptions: readonly string[];
+    readonly onChange: (value: ThemeRecipeOverrideValue | undefined) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=ThemeRecipeFieldEditor.d.ts.map

package/dist/ui/admin/pages/ThemeRecipeFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeRecipeFieldEditor.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeRecipeFieldEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACxD,QAAQ,CAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,GAAG,SAAS,KAAK,IAAI,CAAC;CAC1E,qBA0BA"}

package/dist/ui/admin/pages/ThemeRecipeFieldEditor.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Field } from '../adminPagePrimitives';
+export function ThemeRecipeFieldEditor(props) {
+    const options = resolveFieldOptions(props.meta, props.tokenOptions);
+    return (_jsxs(Field, { label: props.meta.label, children: [props.meta.description ? (_jsx(Text, { color: "neutral", emphasis: "muted", variant: "caption", children: props.meta.description })) : null, _jsxs(View, { style: styles.choices, children: [_jsx(Choice, { label: formatInheritedLabel(props.meta), selected: props.override === undefined, onPress: () => props.onChange(undefined) }), options.map((option) => (_jsx(Choice, { label: option.label, selected: props.override === option.value, onPress: () => props.onChange(option.value) }, String(option.value))))] })] }));
+}
+function resolveFieldOptions(meta, tokenOptions) {
+    if (meta.type === 'boolean') {
+        return [
+            { label: 'On', value: true },
+            { label: 'Off', value: false },
+        ];
+    }
+    const options = meta.type === 'choice' ? meta.options : tokenOptions;
+    return options.map((value) => ({ label: value, value }));
+}
+function formatInheritedLabel(meta) {
+    if (meta.default === undefined)
+        return 'Inherited';
+    return `Inherited (${String(meta.default)})`;
+}
+function Choice(props) {
+    const { theme } = useZoraTheme();
+    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected: props.selected }, onPress: props.onPress, style: [
+            styles.choice,
+            { borderColor: props.selected ? theme.colors.primary : theme.colors.border },
+        ], children: _jsx(Text, { color: props.selected ? 'primary' : 'neutral', variant: "bodySmall", children: props.label }) }));
+}
+const styles = StyleSheet.create({
+    choices: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },
+    choice: {
+        borderWidth: 1,
+        borderRadius: 999,
+        paddingHorizontal: 10,
+        paddingVertical: 7,
+    },
+});
+//# sourceMappingURL=ThemeRecipeFieldEditor.js.map

package/dist/ui/admin/pages/ThemeRecipeFieldEditor.js.map

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

package/dist/ui/admin/pages/ThemeTokenAction.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function ThemeTokenAction(props: {
+    readonly label: string;
+    readonly onPress: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=ThemeTokenAction.d.ts.map

package/dist/ui/admin/pages/ThemeTokenAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAction.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeTokenAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,qBAa/F"}

package/dist/ui/admin/pages/ThemeTokenAction.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+export function ThemeTokenAction(props) {
+    const { theme } = useZoraTheme();
+    return (_jsx(Pressable, { accessibilityRole: "button", onPress: props.onPress, style: [styles.action, { borderColor: theme.colors.border }], children: _jsx(Text, { color: "primary", weight: "semiBold", children: props.label }) }));
+}
+const styles = StyleSheet.create({
+    action: {
+        minHeight: 42,
+        borderWidth: 1,
+        borderRadius: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 9,
+        justifyContent: 'center',
+        alignSelf: 'flex-start',
+    },
+});
+//# sourceMappingURL=ThemeTokenAction.js.map

package/dist/ui/admin/pages/ThemeTokenAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAction.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeTokenAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,UAAU,gBAAgB,CAAC,KAA+D;IAC9F,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,OAAO,CACL,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,YAE5D,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,YACpC,KAAK,CAAC,KAAK,GACP,GACG,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC,CAAC"}

package/dist/ui/admin/pages/ThemeTypographyAdminPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ThemeTypographyAdminPage(): React.JSX.Element;
+//# sourceMappingURL=ThemeTypographyAdminPage.d.ts.map

package/dist/ui/admin/pages/ThemeTypographyAdminPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTypographyAdminPage.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeTypographyAdminPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,wBAAwB,sBAuBvC"}

package/dist/ui/admin/pages/ThemeTypographyAdminPage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text } from '@ankhorage/zora';
+import React from 'react';
+import { AdminHeader, AdminScroll } from '../adminPagePrimitives';
+import { ThemeTypographyHeadingEditor } from './ThemeTypographyHeadingEditor';
+import { ThemeTypographySizeEditor } from './ThemeTypographySizeEditor';
+import { ThemeTypographyWeightEditor } from './ThemeTypographyWeightEditor';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
+export function ThemeTypographyAdminPage() {
+    const { selection } = useActiveThemeAdmin();
+    return (_jsxs(AdminScroll, { children: [_jsx(AdminHeader, { title: "Typography", description: "Edit theme-global type scales and semantic weights shared across runtime modes." }), selection ? (_jsxs(_Fragment, { children: [_jsx(ThemeTypographyHeadingEditor, {}), _jsx(ThemeTypographySizeEditor, {}), _jsx(ThemeTypographyWeightEditor, {})] })) : (_jsx(Card, { title: "Theme unavailable", children: _jsx(Text, { color: "neutral", emphasis: "muted", children: "The Studio manifest does not contain a valid active theme." }) }))] }));
+}
+//# sourceMappingURL=ThemeTypographyAdminPage.js.map

package/dist/ui/admin/pages/ThemeTypographyAdminPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTypographyAdminPage.js","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeTypographyAdminPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,wBAAwB;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC5C,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,IACV,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,iFAAiF,GAC7F,EACD,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,4BAA4B,KAAG,EAChC,KAAC,yBAAyB,KAAG,EAC7B,KAAC,2BAA2B,KAAG,IAC9B,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,YAC7B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,2EAE/B,GACF,CACR,IACW,CACf,CAAC;AACJ,CAAC"}

package/dist/ui/admin/pages/ThemeTypographyHeadingEditor.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ThemeTypographyHeadingEditor(): React.JSX.Element | null;
+//# sourceMappingURL=ThemeTypographyHeadingEditor.d.ts.map

package/dist/ui/admin/pages/ThemeTypographyHeadingEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTypographyHeadingEditor.d.ts","sourceRoot":"","sources":["../../../../src/ui/admin/pages/ThemeTypographyHeadingEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,4BAA4B,6BAmC3C"}

package/dist/ui/admin/pages/ThemeTypographyHeadingEditor.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Text, useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Field, Input } from '../adminPagePrimitives';
+import { ThemeTokenAction } from './ThemeTokenAction';
+import { updateTypographyHeading } from './themeTokenAuthoringModel';
+import { useActiveThemeAdmin } from './useActiveThemeAdmin';
+const HEADING_WEIGHTS = ['regular', 'medium', 'semiBold', 'bold'];
+export function ThemeTypographyHeadingEditor() {
+    const { theme: resolvedTheme } = useZoraTheme();
+    const { selection, updateTheme } = useActiveThemeAdmin();
+    if (!selection)
+        return null;
+    const updateHeading = (level, field, value) => {
+        updateTheme({
+            tokens: updateTypographyHeading({
+                tokens: selection.theme.tokens,
+                level,
+                field,
+                value,
+            }),
+        });
+    };
+    return (_jsx(Card, { title: "Headings", children: _jsx(View, { style: styles.list, children: Object.entries(resolvedTheme.typography.headings).map(([level, heading]) => (_jsx(HeadingRow, { level: level, heading: heading, authored: selection.theme.tokens?.typography?.headings?.[level], onChange: (field, value) => updateHeading(level, field, value) }, level))) }) }));
+}
+function HeadingRow(props) {
+    return (_jsxs(View, { style: styles.heading, children: [_jsxs(Text, { weight: "semiBold", children: ["Heading ", props.level] }), _jsxs(View, { style: styles.metrics, children: [_jsx(MetricInput, { label: "Size", value: props.heading.size, authored: props.authored?.size !== undefined, onChange: (value) => props.onChange('size', value) }), _jsx(MetricInput, { label: "Line height", value: props.heading.lineHeight, authored: props.authored?.lineHeight !== undefined, onChange: (value) => props.onChange('lineHeight', value) })] }), _jsx(HeadingWeightChoice, { value: props.heading.weight, authored: props.authored?.weight !== undefined, onChange: (value) => props.onChange('weight', value) })] }));
+}
+function MetricInput(props) {
+    return (_jsxs(View, { style: styles.metric, children: [_jsx(Field, { label: props.label, children: _jsx(Input, { value: String(props.value), keyboardType: "numeric", onChangeText: (text) => {
+                        const value = parseNonNegativeNumber(text);
+                        if (value !== null)
+                            props.onChange(value);
+                    } }) }), props.authored ? (_jsx(ThemeTokenAction, { label: "Reset", onPress: () => props.onChange(undefined) })) : null] }));
+}
+function HeadingWeightChoice(props) {
+    const { theme } = useZoraTheme();
+    return (_jsx(Field, { label: "Weight", children: _jsxs(View, { style: styles.weightRow, children: [_jsx(View, { style: styles.weightChoices, children: HEADING_WEIGHTS.map((weight) => (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected: weight === props.value }, onPress: () => props.onChange(weight), style: [
+                            styles.weight,
+                            {
+                                borderColor: weight === props.value ? theme.colors.primary : theme.colors.border,
+                            },
+                        ], children: _jsx(Text, { color: weight === props.value ? 'primary' : 'neutral', variant: "bodySmall", children: weight }) }, weight))) }), props.authored ? (_jsx(ThemeTokenAction, { label: "Reset", onPress: () => props.onChange(undefined) })) : null] }) }));
+}
+function parseNonNegativeNumber(value) {
+    if (value.trim() === '')
+        return null;
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed >= 0 ? parsed : null;
+}
+const styles = StyleSheet.create({
+    list: { gap: 18 },
+    heading: { gap: 10 },
+    metrics: { flexDirection: 'row', gap: 12 },
+    metric: { flex: 1, flexDirection: 'row', alignItems: 'flex-end', gap: 8 },
+    weightRow: { flexDirection: 'row', alignItems: 'center', gap: 12 },
+    weightChoices: { flex: 1, flexDirection: 'row', flexWrap: 'wrap', gap: 6 },
+    weight: { borderWidth: 1, borderRadius: 999, paddingHorizontal: 10, paddingVertical: 6 },
+});
+//# sourceMappingURL=ThemeTypographyHeadingEditor.js.map